Crear un flujo de pantalla

Objetivos de aprendizaje

Después de completar esta unidad, podrá:

• Crear un flujo de pantalla sencillo.
  
• Usar componentes de pantalla simples para hacer preguntas.
  
• Agregar información orientativa a una pantalla de flujo.
  

Nota

¿Es su idioma de aprendizaje español (LATAM)? Comience el reto en un Trailhead Playground en español (LATAM) y utilice las traducciones entre paréntesis para navegar. Copie y pegue solo los valores en inglés, ya que las validaciones del reto dependen de los datos en ese idioma. Si no aprueba el reto en su organización en español (LATAM), recomendamos que (1) cambie la configuración local a Estados Unidos, (2) cambie el idioma a inglés (según estas instrucciones) y, luego, (3) haga clic en el botón “Check Challenge” (Comprobar el reto) nuevamente.

Consulte la insignia Trailhead en su idioma para obtener más información sobre cómo aprovechar la experiencia de Trailhead en otros idiomas.

Esta insignia es solo una parte del proceso hacia el dominio de Flow Builder. De principio a fin, la ruta Crear flujos con Flow Builder le sirve de guía en el aprendizaje de todo sobre Flow Builder. Siga esta secuencia de insignias recomendada para desarrollar habilidades sólidas de automatización de procesos y convertirse en un experto en Flow Builder.

Reto práctico

¿Todo listo para pasar a la práctica con Flow Builder?

Inicie su Trailhead Playground ahora para seguirnos y probar los pasos de este módulo. Para abrir su Trailhead Playground, desplácese hasta el reto práctico y haga clic en Iniciar. También utiliza el playground cuando es el momento de completar los retos prácticos.

A modo de referencia, aquí están los detalles del flujo que planificó en la unidad anterior. En esta unidad, creamos el flujo.

Elemento Screen (Pantalla)

Elemento Create Records (Crear registros)

Crear un flujo de pantalla y agregar un elemento de pantalla

Para empezar, vamos a crear un flujo de pantalla y le agregaremos una pantalla.

1. En Flow Builder, cree un flujo de pantalla.
   
2. Agregue un elemento de pantalla.
   
3. En el panel Screen Properties (Propiedades de pantalla), para Label (Etiqueta), introduzca Questions (Preguntas).
   Esta etiqueta se muestra en el lienzo de Flow Builder y no es visible para los usuarios. Los usuarios ven el nombre del flujo en la parte superior de la pantalla.
   
   

Agregar texto guía

Ahora es el momento de agregar algunos elementos a la pantalla. Antes de comenzar a hacer preguntas, proporcionemos un guion para orientar a los agentes de asistencia en la plática con un cliente. Queremos ayudar al equipo de asistencia para que diga lo correcto, así que empecemos con un texto orientativo.

1. Arrastre Display Text (Mostrar texto) de la lista de componentes al lienzo de pantalla. De manera alternativa, puede hacer clic en el nombre del componente para agregarlo al final del lienzo de pantalla.
   
   

Cuando agregó el componente Display Text (Mostrar texto) a la pantalla, ¿notó que cambió el panel derecho? Cuando se selecciona un componente, el panel de propiedades contiene información y opciones de configuración para ese componente. Cuando no se selecciona ningún componente, el panel de propiedades contiene información y configuración para la pantalla actual.

2. Para API Name (Nombre de API), ingrese SayThisText.
   
3. Debajo del nombre de API hay un campo de texto enriquecido sin nombre. Ahí es donde se introduce el texto que desea mostrar a los usuarios. Ingrese:
   

   (Say this to the caller)
   Thank you for calling Pyroclastic, Inc. We’re sorry you’re having trouble with our products and we want to help you as quickly as possible. Can you please describe the problem you’re having?

4. Cambie el formato del texto para que la fuente sea Salesforce Sans y en tamaño 14. Cambie el formato de la primera línea a negrita y rojo brillantes, para que se destaque del resto del texto.
   
   

Agregar preguntas

A continuación, agregaremos las preguntas para que conteste el agente de asistencia.

1. Para que los agentes de asistencia tengan mucho espacio para describir el problema del agente que llama, agregue un componente de texto largo.
   

• Arrastre Long Text Area (Área de texto largo) de la lista de componentes al lienzo de pantalla.
  
• Para Label (Etiqueta), introduzca Problem Description (Descripción del problema).
  
• En las propiedades de Long Text Area (Área de texto largo), para API Name (Nombre de API), introduzca ScreenDescription.
  Sí, estamos creando un componente de pantalla con una etiqueta y un nombre de API que no coinciden. A veces resulta razonable crear un componente de pantalla con una etiqueta que sea fácil de entender para los usuarios del flujo, junto con un nombre de API que usted y otros administradores puedan entender con facilidad.
  
• Haga clic en Require (Obligatorio) para evitar que los usuarios completen el flujo sin responder esta pregunta.
  
  

2. Agregue una pregunta de texto para que los agentes introduzcan el asunto del caso.
   

• Arrastre Text (Texto) desde la lista de componentes hasta el lienzo de pantalla.
  
• En las propiedades Text (Texto), para Label (Etiqueta), introduzca Case Subject (Asunto del caso).
  
• Para API Name (Nombre de API), introduzca ScreenSubject.
  Aquí proporcionamos un nombre exclusivo para evitar confusiones posteriores.
  
• Haga clic en Require (Obligatorio).
  

3. Agregue un conmutador para cerrar el caso a medida que se crea, si es que el agente de asistencia resolvió el problema del cliente durante la llamada.
   

• Arrastre Toggle (Conmutador) desde la lista de componentes hasta el lienzo de pantalla.
  
• Para API Name (Nombre de API), escriba CloseCase.
  
• Para Label (Etiqueta), escriba Were you able to solve the customer's problem during this call? (¿Pudo resolver el problema del cliente durante esta llamada?).
• Para Active Label (Etiqueta activa), escriba Yes, Solved (Sí, se resolvió).
  
• Para Inactive Label (Etiqueta inactiva), escriba No, Not Solved (No, no se resolvió).
  
  

4. Haga clic en Done (Listo) para cerrar el elemento de pantalla.
   

Así de fácil, tiene una pantalla que realiza tres preguntas. 

Usar las respuestas para crear un caso

Hasta el momento, tenemos la descripción, el asunto y el estado (resuelto o no resuelto) que introdujo el usuario en el elemento de pantalla. Es hora de crear una fórmula para cambiar el valor de verdadero o falso del conmutador ya sea a cerrado o nuevo, pero hay un inconveniente. ¡Otra vez! No se puede obtener la decisión del usuario desde el conmutador mismo. Es necesario hacer referencia a la propiedad de valor del conmutador, como lo siguiente: 

{!CloseCase.value}

Además, para usar la Id. de cuenta y la Id. de contacto desde el registro de contacto actual, se necesita una variable que pueda recibir cada Id. en el flujo.

1. Crear un recurso de fórmula:
   

• Nombre de API: frmStatus
• Tipo de datos: Texto
  
• Fórmula: IF({!CloseCase.value} = TRUE, "Closed", "New")
  

Es posible que recuerde que una mejor práctica para las fórmulas es usarlas solo cuando no se puede obtener de otra forma el resultado que se necesita. Ahora vamos a modificar esa regla. En este caso, podríamos usar un elemento de decisión y dos elementos de asignación, pero la fórmula es mucho más eficaz para este caso de uso simple.

2. Cree una variable para recibir la Id. del contacto actual:
   

• Nombre de API: inputContactId
• Tipo de datos: Texto
  
• Seleccione Available for input (Disponible para entrada)
  

3. Cree una variable para recibir la cuenta del contacto actual:
   

• Nombre de API: inputAccountId
• Tipo de datos: Texto
  
• Seleccione Available for input (Disponible para entrada)
  

4. Después del elemento Screen (Pantalla), agregue el elemento Create Records (Crear registros) para generar el caso:
   

• Etiqueta: Create Case (Crear caso)
• Cómo establecer valores de campo de registro: manualmente
  
• Objeto: Caso
  
• Establecer valores de campo:
  

• Campo: Account ID (Id. de cuenta), Valor: inputAccountId
  
• Campo: Contact ID (Id. de contacto), Valor: inputContactId
  
• Campo: Description (Descripción), Valor: Questions (Preguntas) > Problem Description (Descripción del problema)
  
• Campo: Status (Estado), Valor: frmStatus
  
• Campo: Subject (Asunto), Valor: Questions (Preguntas) > Case Subject (Asunto del caso)
  

5. Guarde el flujo. Para Label (Etiqueta), introduzca Create Case for Contact (Crear caso de contacto).
   

La caja de herramientas y el lienzo del flujo deben verse de la siguiente manera:

Recursos

• Ayuda de Salesforce: Elemento de flujo: Pantalla
• Ayuda de Salesforce: Componentes de pantalla de flujo proporcionados
• Ayuda de Salesforce: Componente de entrada de pantalla de flujo: Conmutador
• Trailhead: Distribución de los flujos de pantalla