Skip to main content
Únase a nosotros en TDX, San Francisco o en Salesforce+ del 5 al 6 de marzo en la conferencia de desarrolladores para la era del agente de la IA. Regístrese ahora.

Agregar más opciones a las pantallas

Objetivos de aprendizaje

Después de completar esta unidad, podrá:

  • Proporcionar a los usuarios más detalles acerca de las decisiones con una tabla de datos.
  • Colocar campos de registro directamente en una pantalla de flujo.
  • Colocar un campo de búsqueda en una pantalla de flujo.
  • Crear una pantalla mediante la cual los usuarios puedan cargar archivos.
Nota

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.

Nota

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.

Antes de empezar

Para los ejercicios de esta unidad, necesita un campo personalizado adicional. En el objeto Case (Caso), cree un campo personalizado con estos detalles.

  • Tipo de datos: Relación de búsqueda
  • Relacionado con: Usuario
  • Etiqueta de campo: QA Reviewer (Revisor de control de calidad)
  • Nombre de campo: QA_Reviewer
  • Mantenga los valores predeterminados para toda la configuración restante

Dar a los usuarios una opción mejor fundamentada

Flo recibió más comentarios de los equipos de asistencia de Pyroclastic en cuanto al flujo Create Case for Contact (Crear caso de contacto). Primero, quieren actualizar una pregunta para que los agentes de asistencia puedan seleccionar un registro de contacto de manera más fácil. Luego, quieren agregar preguntas para capturar el motivo del caso y la cuenta relacionada.

Al elegir entre un grupo de registros, los usuarios a menudo necesitan más información que un simple nombre de registro. Los agentes de asistencia necesitan más información de contacto para seleccionar el mejor punto de contacto para un caso. Quieren ver lo siguiente: 

  • El puesto, para confirmar que su función es adecuada para el problema
  • El email, para que los agentes de asistencia puedan realizar un seguimiento
  • El número de teléfono, para que los agentes de asistencia puedan realizar un seguimiento

Para proporcionar a los usuarios información suficiente para elegir un registro, utilice un componente de tabla de datos. El formato de tabla presenta una lista de registros en filas y los campos del registro en columnas.

El componente de tabla de datos con filas de contacto y columnas para puesto, email y teléfono comercial, como se muestra para los usuarios en ejecución.

Agregar un componente de tabla de datos

  1. Abra el flujo Create Case for Contact (Crear caso de contacto).
  2. En el elemento Create Case (Crear caso), haga clic en Eliminar para quitar la línea Contact ID (Id. de contacto) ← Questions Page 2 (Preguntas página 2) > Point of Contact (Punto de contacto).
  3. Antes del elemento Questions (Preguntas), agregue el elemento Get Records (Obtener registros) para recuperar los contactos de la cuenta.
    • Etiqueta: Get Contacts (Obtener contactos)
    • Objeto: Contacto
    • Requisitos de condición: se cumplen todas las condiciones (AND)
    • Campo: AccountId
    • Operador: Es igual a
    • Valor: inputAccountId
    • Cuántos registros almacenar: todos los registros
  1. Abra el elemento Questions Page 2 (Preguntas página 2) y pase el cursor sobre el componente Point_of_Contact. Haga clic en Eliminar para quitar ese componente.
  2. Agregue un componente de tabla de datos para que los usuarios seleccionen el contacto correcto.
    1. Arrastre Data Table (Tabla de datos) desde la barra lateral de componentes hacia el lienzo de pantalla.
    2. Para API Name (Nombre de API), introduzca PointOfContact.
    3. Para Label (Etiqueta), introduzca Point of Contact(Punto de contacto).
    4. Seleccione Use Label as the table title (Usar etiqueta como el título de la tabla).
    5. Para Source Collection (Recopilación de fuentes), seleccione Contacts from Get_Contacts (Contactos desde Obtener contactos) .
    6. Haga clic en Configure Rows (Configurar filas) para abrir la sección.
    7. Para Row Selection Mode (Modo de selección de fila), seleccione Single (Única).
Nota

El modo de selección de fila tiene otras dos opciones: Multiple (Múltiples) y View Only (Solo vista). La opción Multiple (Múltiples) permite que los usuarios seleccionen varios registros, que se almacenan en una variable de recopilación de registros. La opción View Only (Solo vista) únicamente muestra los registros y no permite que el usuario realice una selección. Utilice esta función para ver una lista de registros dentro de sus flujos, para que los usuarios no tengan que salir del flujo con el fin de obtener la información que necesitan.

    1. Seleccione Require user to make a selection (Requerir que el usuario realice una selección).
    2. Haga clic en Configure Columns (Configurar columnas) para abrir la sección.
    3. Para Source Field (Campo de origen), seleccione Name (Nombre) (nombre completo).
    4. Antes de hacer clic en Done (Listo), asegúrese de estar seleccionando Done (Listo) en las opciones de la columna, no al final de la ventana Edit Screen (Modificar pantalla).
      Haga clic en Done (Listo) dentro de la sección de configuración de columnas.
    5. Haga clic en +Add Column (+Agregar columna) y repita los pasos j-k para agregar columnas a los campos Title (Puesto), Email y Phone (Teléfono) (teléfono de la empresa).
      La sección de configuración de columnas de la barra lateral de tablas de datos, correspondiente a los pasos anteriores.
  1. Haga clic en Done (Listo) para cerrar el elemento Questions Page 2 (Preguntas página 2).

Agregar campos existentes de forma rápida con una configuración mínima

La manera más efectiva de agregar el campo de un objeto a un flujo de pantalla es usar un componente de campo de registro. (Es posible que haya oído que esta función se conoce como formas dinámicas para Flow). Los componentes de campo de registro se asemejan a los campos en un objeto de Salesforce. Para usar un componente de campo de registro, debe elegir una variable de registro que indique el objeto y, luego debe arrastrar tantos campos como desee hacia el lienzo de pantalla. ¡Imagine lo rápido que podría agregar 5, 10 o hasta más campos a la pantalla!

Si esto es tan genial, ¿por qué no lo mencionamos antes? Bueno, hay algunas limitaciones. Cada componente de campo de registro hereda la mayor parte de la configuración del campo correspondiente, lo que incluye su etiqueta, los valores de lista de selección y la obligatoriedad del campo. No puede cambiarlos en el flujo. 

En Pyroclastic, los campos de descripción y asunto del caso no están definidos como campos obligatorios en Salesforce, pero los equipos de asistencia quieren que sí lo sean en el flujo. Debido a que el carácter obligatorio en el flujo no coincide con la obligatoriedad del campo correspondiente, no puede usar los componentes de campo de registro para esos elementos. En su lugar, debe usar los componentes de texto y área de texto largo, que tienen opciones de configuración más flexibles.

Si bien algunas propiedades de campo se heredan en el componente de campo de registro y no se pueden cambiar, hay otras, como los valores predeterminados y los filtros de tipo de registro, que no se ven reflejados en absoluto en el componente de campo de registro. Para más detalles, consulte Agregar campos de registro a las pantallas de flujo.

Nota

Los campos de registro no admiten todos los tipos de campo, pero Salesforce continúa agregando compatibilidad con más tipos de campo. Para saber si un tipo de campo es compatible, consulte los campos de registro en la sección Consideraciones de las pantallas de flujo de la página Agregar campos de registro a las pantallas de flujo en la documentación de la Ayuda de Salesforce.

Agregar un componente de campo de registro de lista de selección y un componente de campo de registro de búsqueda

Flo tiene más comentarios de los equipos de asistencia de Pyroclastic. Ahora quieren recopilar el motivo del caso y la cuenta relacionada en el flujo Create Case for Contact (Crear caso de contacto). Los nombres de campo, los valores de lista de selección y el carácter obligatorio deben coincidir con los del objeto Case (Caso), por lo que estos son candidatos perfectos para los componentes de campo de registro.

Los componentes de campo de registro se configuran de manera distinta a otros componentes de pantalla y elementos de flujo. En vez de seleccionar directamente un objeto, debe usar una variable de registro que corresponde a un objeto específico. Puede elegir una variable de registro existente o crear una. Para acceder a los campos nuevos solicitados por los equipos de asistencia, debe crear una variable de registro de acuerdo con el objeto Case (Caso).

  1. En la pantalla Questions Page 2 (Preguntas página 2), haga clic en la ficha Fields (Campos) en el panel izquierdo.
  2. Para Record Variable (Variable de registro), seleccione +New Resource (+Nuevo recurso).
  3. Para API Name (Nombre de API), introduzca caseVar.
  4. Para Object (Objeto), seleccione Case (Caso).
  5. Haga clic en Done (Listo).
    El campo de variable de registro contiene el recurso caseVar, y se enumeran los campos compatibles de la variable.
    La barra lateral de los campos que muestra la variable de registro caseVar y los campos de caso disponibles para agregar a una pantalla.
  6. Arrastre Case Reason (Motivo del caso) de la lista Fields (Campos) hasta el lienzo de pantalla.
  7. Arrastre QA Reviewer (Revisor de control de calidad) de la lista de campos al lienzo de pantalla.

Así de fácil, ya agregó un campo de listas de selección y un campo de búsqueda al flujo de la pantalla, con nombres, configuración de objetos y valores de lista de selección ya establecidos para usted. Imagine lo rápido que sería si necesitara agregar 5, 10 o incluso más campos.

Nota

Anteriormente en esta insignia, agregamos componentes de pantalla que directamente corresponden a los campos de caso existentes. ¿Por qué entonces no usamos componentes de campo de registro? Para todos esos campos, las preguntas necesitaban una configuración distinta: diferentes etiquetas, otro tipo de obligatoriedad o distintos filtros. Así que usamos componentes configurables en su lugar.

Crear un campo de búsqueda con configuración diferente

Mientras creaba este flujo de pantalla, Flo recibió otro requisito: se debe establecer como obligatoria la búsqueda de QA Reviewer (Revisor de control de calidad), no en todos lados, solo en este flujo. Sin embargo, el campo en sí mismo no está definido como obligatorio, así que no podemos usar un componente de campo de registro. No se preocupe, puede usar el componente de pantalla de búsqueda en su lugar.

Al igual que los componentes de campo de registro, el componente de búsqueda imita un campo de búsqueda existente de un objeto de Salesforce. No obstante, el componente de búsqueda ofrece más configuración que el de campo de registro, lo que incluye definir un valor predeterminado y hacer que sea obligatorio. Su estilo de configuración también es diferente de otros componentes, lo que requiere más entrada manual y conocimiento del objeto y de los nombres de API de campo. Al agregar un componente de búsqueda, puede hacer referencia al objeto y sus campos en el gestor de objetos.

Reemplazar un componente de campo de registro por un componente de búsqueda

  1. En el elemento Questions Page 2 (Preguntas página 2), haga clic en Eliminar para quitar el registro QA Reviewer (Revisor de control de calidad) del lienzo de la pantalla.
  2. Haga clic en la ficha Components (Componentes) en la barra lateral izquierda para mostrar la lista de componentes de pantalla.
  3. Arrastre Lookup (Búsqueda) desde la barra lateral de componentes hacia el lienzo de pantalla.
  4. Para API Name (Nombre de API), ingrese ScreenReviewer.
  5. Para Field API Name (Nombre de API de campo), ingrese QA_Reviewer__c.
    Esta opción contiene el nombre de API del campo de búsqueda existente que se replica en el flujo.
  6. Para Label (Etiqueta), introduzca QA Reviewer (Revisor de control de calidad).
  7. Para Object API Name (Nombre de API de objeto), introduzca Case (Caso).
    Caso es el nombre de API del objeto que contiene el campo de búsqueda existente.
  8. Para Record ID (Id. de registro), seleccione $User ($Usuario)> Id.
    Esta opción determina dónde el flujo almacena el valor que selecciona el usuario. El valor que establece aquí se convierte en el valor predeterminado cuando se ejecuta el flujo. En este caso, cuando el flujo se ejecuta, el componente de búsqueda de revisor de control de calidad tiene la Id. del usuario en ejecución como su valor predeterminado.
  9. Para Required (Obligatorio), seleccione $GlobalConstant.True.
    El panel de propiedades de búsqueda con la configuración correspondiente a los pasos anteriores.
  10. Haga clic en Done (Listo).

¡Todo listo! El componente de búsqueda lleva un poco más de tiempo para investigar y configurar que el componente de campo de registro. Aun así, cumple con su propósito y ofrece algunas opciones de configuración adicionales.

Actualizar el elemento Create Records (Crear registros)

Para usar los valores recopilados por los componentes de pantalla nuevos, necesita agregar sus valores de campo al elemento que crea el caso. Cada componente de pantalla tiene una forma específica de hacer referencia a las respuestas de un usuario en ejecución. Hizo referencia directamente a los componentes de texto y área de texto largo. Los tres componentes que agregó en esta unidad presentan tres maneras más de hacer referencia a valores de componentes. Analicemos cada uno a medida que agrega el punto de contacto, el motivo y el revisor de control de calidad al elemento Create Case (Crear caso).

Obtener el valor de un componente de tabla de datos

  1. Abra el elemento Create Case (Crear caso).
  2. En Set Field Values (Establecer valores de campo), haga clic en +Add Field (+Agregar campo).
  3. Para Field (Campo), seleccione Contact ID (Id. de contacto).
  4. Para Value (Valor), seleccione Questions Page 2 (Preguntas página 2)> Point of Contact (Punto de contacto)> First Selected Row (Primera fila seleccionada)> Contact ID (Id. de contacto).

La Id. de contacto que desea se seleccionó de una tabla de datos en la que cada fila (registro de contacto) tiene varias columnas (valores de campo). El elemento Create Records (Crear registros) tiene que saber qué campo usar de la fila seleccionada de la tabla.

Cuando una tabla de datos está configurada para permitir que los usuarios seleccionen varios registros, Flow Builder utiliza el registro que el usuario seleccionó primero (que no necesariamente es el primer registro de manera secuencial).

Obtener el valor de un componente de búsqueda

  1. Haga clic en +Add Field (+Agregar campo).
  2. Para Field (Campo), seleccione QA Reviewer (Revisor de control de calidad).
  3. Para Value (Valor), seleccione Questions Page 2 (Preguntas página 2) > QA Reviewer (Revisor de control de calidad)> Record ID (Id. de registro).

De esa manera, se establece el revisor de control de calidad a partir de un componente de búsqueda. A diferencia de otros componentes, como los botones de área de texto largo y de opción, el componente de búsqueda tiene múltiples valores potenciales a los que se puede hacer referencia. Ahora, se establecerá el valor de un campo de búsqueda, que requiere una Id. de registro, así que seleccione la Id. de registro del componente.

Obtener el valor de un componente de campo de registro

Con la mayoría de los componentes de pantalla, el valor que introduce el usuario se almacena en el componente. Para hacer referencia a ese valor en un elemento de datos, debe seleccionar el componente o un campo dentro de ese componente. Por ejemplo, el componente de punto de contacto permite que los usuarios seleccionen un registro, así que su valor se almacena en el campo de Id. del componente. Cuando desee hacer referencia al valor de un componente en otro elemento, deberá primero seleccionar la pantalla que contiene el componente de pantalla y después seleccionar el componente.

El componente de campo de registro es algo diferente. Para un componente de ese tipo, el valor no se almacena en el componente mismo, sino en la variable de registro relativa al componente. Por ejemplo, el motivo del caso seleccionado se almacena en la variable de registro caseVar que eligió cuando agregó el campo de registro de motivo del caso a la pantalla.

En el elemento Create Case for contact (Crear caso de contacto), el componente de campo de registro de motivo del caso está relacionado con la variable de registro caseVar.

Cuando establece valores de campo en un elemento de datos, para un componente de campo de registro, debe seleccionar una opción en la sección Record Variables (Variables de registro) de la lista de selección de valores.

La lista de valores en un elemento de datos muestra caseVar en Variables de registro.

  1. Haga clic en +Add Field (+Agregar campo).
  2. Para Field (Campo), seleccione Case Reason (Motivo del caso).
  3. Para Value (Valor), seleccione caseVar> Case Reason (Motivo del caso).
    Los valores de campo nuevos para el caso deben verse de la siguiente manera:
    Los campos recién agregados en el elemento Create Case (Crear caso), correspondientes a los pasos anteriores.

Permitir que los usuarios carguen archivos

Antes de terminar esta unidad, hay una última función para agregar al flujo. A veces, los agentes de asistencia envían capturas de pantalla u otras imágenes a los clientes para ayudarlos a solucionar los problemas de sus casos. Desean adjuntar esas imágenes al caso.

El componente de pantalla de carga de archivo hace exactamente lo que dice: carga archivos en Salesforce. Para asociar archivos cargados con el caso creado, debe agregar el componente de carga de archivos a un elemento de pantalla que aparezca después del elemento que crea el caso. De lo contrario, no hay ningún caso para cargar archivos, y la carga no se puede realizar.

Agregar una pantalla con un botón de carga

  1. Agregue un elemento de pantalla después del elemento Create Case (Crear caso).
  2. Para Label (Etiqueta), introduzca File Upload Screen (Pantalla de carga de archivos).
  3. Arrastre el componente File Upload (Carga de archivos) al lienzo de pantalla.
  4. Para API Name (Nombre de API), ingrese UploadImages.
  5. Para File Upload Label (Etiqueta de carga de archivos), escriba The case has been created. Do you have any related files to upload to it? (El caso se creó. ¿Tiene archivos relacionados para cargar en él?).
  6. En Allow Multiple Files (Permitir varios archivos), seleccione $GlobalConstant.True.
  7. Para Related Record ID (Id. de registro relacionado), seleccione CaseId from Create_Case.
  8. Haga clic en Done (Listo).
  9. Guarde el flujo.

Por lo general, después de recopilar entradas en un elemento de pantalla, necesita un elemento de datos (como Create Records [Crear registros] o Update Records [Actualizar registros]) para guardar esa entrada en un registro de Salesforce. Bueno, se trata de una excepción. El elemento New Screen (Nueva pantalla) contiene solo el componente de carga de archivos, que guarda automáticamente los archivos. Por lo tanto, cuando los usuarios ejecutan el flujo y cargan archivos, los archivos se adjuntan al caso de forma inmediata.

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 una diferente.

Su reto

Add More Screen Components
If you haven’t already completed the challenge in unit 3 (Give Users a Choice), do that now. Otherwise, you won't be able to complete this challenge.
Add two record fields, a lookup, and a data table to the New Bot Opp flow. Feel free to order the components however you see fit.
  • In the New Bot Opp flow, create a record variable:
    • API Name: oppVar
    • Object: Opportunity
  • Use the oppVar record variable to add the Name record field to the Opp Fields screen.
    • Note: Arrange screen components anywhere you want on the screen canvas. We won’t check the sequence of components.
  • Use the oppVar record variable to add the Stage record field to the Opp Fields screen.
  • Add a Lookup component to the Opp Fields screen:
    • API Name: screenAccount
    • Field API Name: AccountId
    • Label: Account
    • Object API Name: Opportunity
    • Required: $GlobalConstant.True
  • After the Opp Fields element and before the Create Opp element, add a Get Records element:
    • Label: Get Contacts
    • API Name: Get_Contacts
    • Object: Contact
    • Condition Requirements: All Conditions Are Met (AND)
    • Field: AccountId
    • Operator: Equals
    • Value: screenAccount > recordId
    • How Many Records to Store: All records
    • How to Store Record Data: Automatically store all fields
    • Keep default values for all other settings
  • After the Get Contacts element and before the Create Opp element, add a Screen element:
    • Label: Set Contact
    • API Name: Set_Contact
  • Add a Data Table component to the Set Contact screen:
    • Label: Main Contact
    • API Name: Main_Contact
    • Use Label as the table title: checked
    • Source Collection: Contacts from Get_Contacts
    • Row Selection Mode: Single
    • Require user to make a selection: checked
    • Configure Columns: Name, Department, Title
  • Add the following field values to the Create Opp element:
    • Name: oppVar > Name
    • Stage: oppVar > Stage
    • Account ID: Opp Fields > Account > Record ID
    • Contact ID: Main Contact > First Selected Row > Contact ID
  • Save the flow.
Comparta sus comentarios de Trailhead en la Ayuda de Salesforce.

Nos encantaría saber más sobre su experiencia con Trailhead. Ahora puede acceder al nuevo formulario de comentarios en cualquier momento en el sitio de Ayuda de Salesforce.

Más información Continuar a Compartir comentarios