Integrar un componente web Lightning personalizado

Incruste componentes a los que agregue funciones y estilo personalizados. Por ejemplo, integre un componente de carrusel existente en una Flexcard y luego configure sus atributos.

Importante

No integre el mismo componente en múltiples Flexcards.

1. Desde el Iniciador de aplicación, busque y seleccione Flexcards.
2. Amplíe una Flexcard y seleccione una versión.
3. Si es necesario, desactive la Flexcard para modificar la Flexcard.
4. Arrastre un elemento LWC personalizado desde el panel de elementos al lienzo.

   Los componentes web Lightning personalizados solo se representan cuando realiza una vista previa de la Flexcard.

5. Establezca el componente en el campo Nombre de LWC personalizado dependiendo del tipo de componente:

   • Componente web Lightning personalizado: Seleccione un componente que creó o que viene con OmniStudio. También puede ingresar el nombre de un componente desde la Biblioteca de componentes Lightning.

     Por ejemplo, puede ingresar lightning-map. Los nombres de algunos componentes web Lightning personalizados incluyen el prefijo cf.

   • OmniScript creado en OmniStudio: Ingrese omnistudioStandardRuntimeWrapper, un contenedor de componentes web Lightning que configura en el siguiente paso.

   

   Nota

   No puede agregar Flexcards creadas en OmniStudio u OmniStudio para paquetes gestionados como un LWC personalizado en el tiempo de ejecución estándar. Tampoco puede agregar OmniScripts creados en OmniStudio para paquetes gestionados como un LWC personalizado en el tiempo de ejecución estándar.

6. Agregue los atributos y valores del componente:

   • Utilice el formato de atributo HTML para el nombre del atributo. Por ejemplo, para utilizar la propiedad recordId, ingrese record-id para el nombre del atributo.

   • Para OmniScripts creados utilizando OmniStudio, agregue los atributos type, subtype e language para aplicar a la envolvente de componentes web Lightning. En tiempo de ejecución, OmniStudio genera el OmniScript y el contenedor lo carga.

   • El valor del atributo puede ser un campo de combinación como {Number} o una variable de contexto compatible como {Session.number}. El valor del atributo también puede ser texto sin formato o una cadena concatenada que consta de texto sin formato y un campo de combinación como {Parent.parentPath}>{Parent.type}>{Name} para una ruta de exploración.

7. Ingrese la información restante según sea necesario.