Loading
Seguro
Personalización de componentes de sitio de Experiencia digital

Personalización de componentes de sitio de Experiencia digital

Proporcionamos componentes listos para su uso para sitios de Insurance Experience, pero sabemos que probablemente desee asignarles una marca con sus logotipos, iconos, colores y fuentes para que los vean sus clientes. También puede personalizar los datos que se muestran.

La mayoría de los componentes listos para su uso se crean utilizando FlexCards de OmniStudio. Cuando activa una FlexCard, compila un LWC. Es ese LWC que coloca en el sitio de Experiencia digital.

Piense en personalizar componentes del sitio de tres formas:

  • Aspecto, comportamiento, forma y organización

    Además de personalizar el aspecto de los componentes, puede cambiar la colocación de elementos en las tarjetas para crear un flujo de información diferente.

  • Datos

    También puede agregar y eliminar datos en tarjetas. Para ello, es posible que tenga que crear nuevas fuentes de datos (Asignadores de datos de OmniStudio y Procedimientos de integración) o realizar cambios en las fuentes de datos listas para su uso existentes utilizadas por los componentes.

  • Nuevo y diferente

    Si los componentes que creamos no cumplen todas sus necesidades, puede crear los suyos propios. Le recomendamos utilizar FlexCards para crear nuevos componentes para sus sitios.

Flujo de trabajo para la configuración de componentes de sitio de FlexCard-Based Digital Experience

El proceso para configurar la mayoría de los componentes del sitio es un poco complicado, pero no se preocupe. Te acostumbrarás.

Personalización del flujo de componentes de sitio de Experiencia digital

Ilustra el flujo de personalización de componentes.

Para personalizar componentes basados en FlexCard, siga el diagrama de flujo anterior. Cada paso del diagrama tiene su propio tema:

  1. Duplicar la FlexCard de un componente

  2. Gestionar el origen de datos para un componente de Experience

  3. Personalizar un componente

  4. Sustituir un LWC personalizado en un componente de Experience

  5. Agregar componentes personalizados al sitio

Componentes no basados en FlexCard

Algunos componentes no se crean utilizando FlexCards. En su lugar, son:

  • LWCs

    Estos componentes se utilizan por otras interfaces de usuario así como sitios de Experience.

    Después de ampliar cualquiera de estos componentes, debe pasar por el mismo proceso para sustituir el componente de uso inmediato por su componente ampliado como lo hace con los componentes que utilizan FlexCards para la personalización. Agregar componentes personalizados al sitio le indica cómo.

  • Componentes basados en tarjetas Classic

    Utilice el mismo proceso para personalizar estos componentes que utiliza para los componentes FlexCard, pero utilice Vlocity Cards Designer para personalizar las tarjetas.

  • Duplicar la FlexCard de un componente
    Cuando desea personalizar un componente para el sitio de Vlocity Insurance Broker o Policyholder Experience, la primera tarea es duplicar la FlexCard del componente.
  • Gestionar el origen de datos para un componente de Experience
    Algunos componentes de Experience utilizan orígenes de datos para extraer información para mostrar.
  • Personalizar un componente
    Para personalizar un componente de Experience, puede realizar cambios en la FlexCard para ese componente. Los cambios pueden incluir agregar elementos, realizar cambios en el elemento existente y eliminar elementos.
  • Sustituir un LWC personalizado en un componente de Experience
    Algunos componentes de Experience llaman Componentes web Lightning (LWC). Si el LWC es en realidad parte de otro componente de experiencia que personalizó, debe eliminar el LWC antiguo y agregar el personalizado a la FlexCard del componente en el que está trabajando.
  • Agregar componentes personalizados al sitio
    Cuando personaliza componentes de Experience (o crea componentes nuevos), debe agregarlos a su sitio de Experience de modo que sus usuarios finales puedan verlos.
 
Cargando
Salesforce Help | Article