Skip to main content
Únase a nosotros en TDX, en San Francisco, o en Salesforce+ los días 5 y 6 de marzo en la conferencia para desarrolladores sobre la era de agentes de IA. Registrarse ahora.

Crear un flujo de pantalla

Objetivos de aprendizaje

Después de completar esta unidad, podrá:

  • Crear un flujo de pantalla simple.
  • Usar componentes de pantalla simples para realizar preguntas.
  • Agregar información de orientación a un flujo de pantalla.
Nota

Nota

¿Su idioma de aprendizaje es español? Comience el reto en un Trailhead Playground en español y utilice las traducciones proporcionadas entre paréntesis para navegar. Copie y pegue solo los valores en inglés, ya que las validaciones del reto se basan en los datos en inglés. Si no aprueba el reto en su organización en español, le recomendamos que (1) cambie la configuración regional a Estados Unidos, (2) cambie el idioma a inglés, siga las instrucciones descritas aquí y, a continuación, (3) vuelva a hacer clic en el botón Check Challenge (Comprobar el reto).

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

Nota

Esta insignia es una parada en el camino hacia el dominio de Flow Builder. La ruta Crear flujos con Flow Builder le guía de principio a fin por todos los conceptos sobre Flow Builder. Siga esta secuencia recomendada de insignias para desarrollar capacidades sólidas de automatización de procesos y convertirse en experto de Flow Builder.

Reto práctico

¿Listo para ponerse manos a la obra 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.

Aquí tiene la información del flujo que planificó en la unidad anterior para que pueda consultarla. En esta unidad, vamos a crear el flujo.

Elemento de pantalla

Campo del caso

Información necesaria

Componente de pantalla para usar

Description (Descripción)

Descripción completa y detallada del problema por parte de la persona que llama

Texto largo

Subject (Asunto)

Resumen del problema por parte del agente (para el asunto del caso)

Texto breve

Status (Estado)

Resultado de la llamada: si se ha resuelto o no el problema

Toggle (Botón de opción)

Fórmula: Si el valor es True, Status (Estado) será Closed (Cerrado); si no, Status (Estado) será New (Nuevo)

Create Records Element (Elemento para crear registros)

Campo del caso

Información necesaria

Recurso para usar

Account ID (Id. de cuenta)

Cuenta relacionada con el registro actual

Variable de texto 

Disponible para entrada

Contact ID (Id. de contacto)

El registro de contacto actual

Variable de texto

Disponible para entrada

Crear un flujo de pantalla y agregar un elemento de pantalla

Vamos a empezar por crear un flujo de pantalla y agregar una pantalla.

  1. En Flow Builder, cree un Screen Flow (Flujo de pantalla).
  2. Agregue un elemento de pantalla.
  3. En el panel Screen Properties (Propiedades de pantalla), en Label (Etiqueta), escriba Questions (Preguntas).
    Esta etiqueta aparece en el lienzo de Flow Builder, pero los usuarios no pueden verla. Los usuarios ven el nombre del flujo en la parte superior de la pantalla.
    El panel Screen Properties (Propiedades de pantalla) de la ventana New Screen (Nueva pantalla) que se corresponde con los pasos anteriores.

Agregar texto de orientación

Es el momento de agregar algunas cosas a la pantalla. Antes de sumergirnos en la realización de preguntas, vamos a incluir un guión para ayudar a los agentes durante las conversaciones con los clientes. Queremos que el equipo de asistencia responda adecuadamente, así que vamos a incluir texto de orientación.

  1. Arrastre Display Text (Texto para mostrar) desde la lista Components (Componentes) hasta el lienzo de la pantalla. También puede hacer clic en el nombre del componente para agregarlo al final del lienzo de la pantalla.
    El componente Display Text (Texto para mostrar) en la parte inferior de la lista Components (Componentes) y un lienzo de pantalla vacío.
Nota

Cuando agregó el componente Display Text (Texto para mostrar) a la pantalla, ¿observó algún cambio en el panel derecho? Cuando se selecciona un componente, el panel de propiedades contiene información y opciones de configuración para el mismo. Si no se selecciona ningún componente, el panel de propiedades contiene información y opciones de configuración para la pantalla actual.

  1. En API Name (Nombre de API), introduzca SayThisText.
  2. Debajo del nombre de API hay un campo de texto enriquecido sin nombre. Ahí es donde hay que introducir el texto que quiere que vean los usuarios. Introduzca lo siguiente:
    (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?
  3. Cambie el formato del texto para que la fuente sea Salesforce Sans y el tamaño 14. Cambie el formato de la primera línea para que la fuente esté en negrita y sea de color rojo brillante, de forma que destaque por encima del resto del texto.
    El panel Display Text (Texto para mostrar) que se corresponde con los pasos anteriores.

Agregar preguntas

Ahora vamos a agregar las preguntas que debe responder el agente de asistencia.

  1. Agregue un componente de texto largo para que los agentes de asistencia tengan espacio suficiente para describir el problema del usuario que llama.
    • Arrastre Long Text Area (Área de texto largo) desde la lista Components (Componentes) hasta el lienzo de la pantalla.
    • En Label (Etiqueta), introduzca Problem Description (Descripción del problema).
    • En las propiedades de Long Text Area (Área de texto largo), en API Name (Nombre de API), escriba ScreenDescription.
      Sí, estamos creando un componente de pantalla con una etiqueta y un nombre de API que no coinciden. A veces, lo mejor es crear un componente de pantalla con una etiqueta que sea fácil de entender por parte de los usuarios del flujo y un nombre de API que sea fácil de entender para usted y el resto de administradores.
    • Haga clic en Require (Obligatoria) para impedir que los usuarios completen el flujo sin responder esta pregunta.
      El lienzo de la pantalla y las propiedades de Toggle (Botón de opción), donde se ve el componente ScreenDescription y su configuración, tal y como se ha descrito en los pasos anteriores.
  1. Agregue una pregunta de texto para que los agentes introduzcan el asunto del caso.
    • Arrastre Text (Texto) desde la lista Components (Componentes) hasta el lienzo de la pantalla.
    • En las propiedades de Text (Texto), en Label (Etiqueta), escriba Case Subject (Asunto del caso).
    • En API Name (Nombre de API), escriba ScreenSubject.
      Vamos a asignarle un nombre exclusivo para evitar confusiones más adelante.
    • Haga clic en Require (Obligatorio).
  1. Agregue un botón de opción para cerrar el caso cuando se crea si el agente de asistencia ha resuelto el problema del cliente durante la llamada.
    • Arrastre Toggle (Botón de opción) desde la lista Components (Componentes) hasta el lienzo de la pantalla.
    • En API Name (Nombre de API), introduzca CloseCase.
    • En Label (Etiqueta), escriba ¿Se ha resuelto el problema del cliente durante esta llamada?
    • En Active Label (Etiqueta activa), introduzca Yes, Solved (Sí, se ha resuelto).
    • En Inactive Label (Etiqueta inactiva), introduzca No, Not Solved (No, no se ha resuelto).
      El lienzo de la pantalla y las propiedades de Toggle (Botón de opción), donde se ve el componente CloseCase y su configuración, tal y como se ha descrito en los pasos anteriores.
  1. Haga clic en Done (Listo) para cerrar el elemento de pantalla.

Ya está, ya tiene una pantalla donde se realizan tres preguntas. 

Usar las respuestas para crear un caso

Hasta ahora, el usuario ha introducido en el elemento de pantalla la descripción, el asunto y el estado (si se ha resuelto o no). Es hora de crear una fórmula para cambiar el valor True (Verdadero) o False (Falso) del botón de opción a Closed (Cerrado) o New (Nuevo), pero hay un problema. (Sí, otra vez). No podemos obtener la elección del usuario desde el propio botón de opción. Hay que consultar la propiedad del valor del botón de opción de la siguiente manera: 

{!CloseCase.value}

Además, para usar el Id. de contacto y el Id. de cuenta del registro de contacto actual, necesitamos una variable donde se pueda recibir cada Id. del flujo.

  1. Cree un recurso de fórmula:
    • API Name (Nombre de API): notFoundAccount
    • Data Type (Tipo de datos): Texto
    • Formula (Fórmula): IF({!CloseCase.value} = TRUE, "Closed", "New")
Nota

Es posible que recuerde que una práctica recomendada para las fórmulas es usarlas únicamente en aquellos casos en los que no se pueden obtener los resultados que necesita de otra manera. Bueno, vamos a cambiar 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 sencillo.

  1. Cree una variable para recibir el Id. del contacto actual:
    • API Name (Nombre de API): inputContactId
    • Data Type (Tipo de datos): Texto
    • Seleccione Available for input (Disponible para entrada)
  1. Cree una variable para recibir la cuenta del contacto actual:
    • API Name (Nombre de API): inputAccountId
    • Data Type (Tipo de datos): Texto
    • Seleccione Available for input (Disponible para entrada)
  1. Después del elemento de pantalla, agregue un elemento Create Records (Crear registros) para crear el caso:
    • Label (Etiqueta): Create Case (Crear caso)
    • Cómo definir valores de campos del registro: Manualmente
    • Object (Objeto): Case (Caso):
    • Establecer los 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)
  1. Guarde el flujo. En Label (Etiqueta), escriba Create Case for Contact (Crear caso para contacto).

La caja de herramientas y el lienzo del flujo deberían tener un aspecto similar a este.

La caja de herramientas y el lienzo de Flow Builder, tal y como se ha descrito en los pasos anteriores.

Recursos

Reto práctico

+500 puntos

Prepararse

Completará esta/este unidad en su propia organización de prácticas. Haga clic en Iniciar para empezar a trabajar o haga clic en el nombre de su organización para seleccionar otro diferente.

Su reto

Build a Screen Flow
Start building a flow that asks users for details about a new opportunity and creates an opportunity record with the user’s input. Feel free to order the components however you see fit. At the end of this badge, you'll have a complete, working flow.
  • Create a screen flow
  • Create a formula:
    • API Name: TodayPlus90
    • Data Type: Date
    • Formula: TODAY() + 90
  • Add a Screen element:
    • Label: Opp Fields
    • API Name: Opp_Fields
  • In the Opp Fields element, add a Display Text component:
    • API Name: requirement
    • Text: You must have spoken with a potential customer about a Bot product before creating an opportunity.
    • Note: Arrange screen components anywhere you want on the screen canvas. We won’t check the sequence of components.
  • Add a Date component:
    • Label: Estimated Close Date
    • API Name: Estimated_Close_Date
    • Require: checked
    • Default Value: TodayPlus90
  • Add a Currency component:
    • Label: Estimated Amount
    • API Name: Estimated_Amount
    • Decimal Places: 2
  • After the Opp Fields element, add a Create Records element:
    • Label: Create Opp
    • API Name: Create_Opp
    • How to set record field values: Manually
    • Object: Opportunity
    • Set Field Values (remove the existing values):
      • Amount: Opp Fields > Estimated Amount
      • Close Date: Opp Fields > Estimated Close Date
  • Save the flow:
    • Label: New Bot Opp
    • API Name: New_Bot_Opp
Comparta sus comentarios sobre Trailhead en la Ayuda de Salesforce.

Nos encantaría conocer su experiencia con Trailhead. Ahora puede acceder al nuevo formulario de comentarios cuando quiera desde el sitio de la Ayuda de Salesforce.

Más información Continuar para compartir comentarios