Personalizar widgets del programa

Acceder al editor de widgets

1. Desde el menú de navegación de la izquierda, seleccione [Engage] → Contenido.

2. En la Widgets tarjeta, seleccione Editar widgets.

3. Desde el menú lateral izquierdo, seleccione el nombre del widget que desea editar.

   

Personalice sus widgets

1

Paso 1: Elija una plantilla

1. Desde el menú lateral izquierdo, debajo de Widget actual, seleccione Plantillas.

2. Seleccione Aplicar plantilla junto a la plantilla con la que desea empezar.

   

Nota: Si desea previsualizar el aspecto de la plantilla sin confirmar el cambio, seleccione [Vista previa] antes de guardar. Seleccione el botón Guardar solo cuando esté listo para confirmar los cambios realizados.

2

Paso 2: Ajuste el contenido del widget

Puede añadir, editar, mover o eliminar componentes para modificar el contenido que ven los defensores de sus clientes en el widget.

Nota: Para una explicación de los diferentes elementos del editor de widgets, consulte Descripción general del editor de widgets.

Añadir

1. En el lado derecho de la página, en la pestaña del menú Componente , seleccione un grupo de componentes. Añadir Conozca más sobre los

   • componentes disponibles y cómo se agrupan. Seleccione el componente adecuado.

2. Seleccione el

3. botón azul Añadir a donde quiera que aparezca el componente en el lienzo.

   

Editar

Mover

Eliminar

3

Paso 3: Personalice la apariencia y el tema del widget

Añadir imágenes o logotipos

1. A la derecha, desde la pestaña Componente , seleccione un grupo de componentes. Añadir , seleccione la categoría Componentes comunes .

2. Seleccione cualquiera de las siguientes opciones:

   • Imagen principal superpuesta (una imagen con texto editable superpuesto)

   • Imagen (una imagen simple sin texto encima)

3. Añada la imagen al lienzo.

4. Desde el botón del menú de componentes Editar , seleccione la categoría Elegir archivo debajo del encabezado Imagen .

   

Reemplazar imágenes o logotipos

1. Dentro del lienzo, seleccione la foto que desea cambiar.

2. En el menú Editar , seleccione [Eliminar] y luego seleccione Elegir archivo para volver a cargar una nueva imagen.

   
3. Suba la imagen mediante uno de estos métodos:

   • Arrastre y suelte la imagen

   • Busque un archivo en su ordenador

   • En el menú Dirección web pestaña, pegue la URL pública del archivo

4. Seleccione Hecho.

Ajuste qué botones de compartir se muestran

Puede editar los botones de compartir existentes usando el menú Editar .

1. Seleccione en el lienzo el botón de compartir que desea editar.

2. En el menú Editar pestaña, seleccione el nombre del sitio o servicio debajo de Medio de compartir .

   

Añada un nuevo botón de compartir usando la pestaña Añadir .

1. Desde el botón Añadir , seleccione Compartir.

   
2. Seleccione la tarjeta adecuada.

3. botón azul Añadir a botón para colocar el componente en el lienzo.

4

Paso 4: Previsualizar y guardar

1. Previsualice cómo aparecerá el widget a sus participantes seleccionando [Vista previa] en la barra de menú superior.

   • Puede cambiar entre una vista previa de la experiencia para usuarios de [Escritorio], [Tablet]o [Móvil] seleccionando el icono del dispositivo correspondiente.

2. Para volver a la interfaz de edición, seleccione [Editar] en la barra de menú superior.

   
3. Guardar sus cambios.

   Advertencia: El editor de widgets no guarda automáticamente sus cambios. Haga clic en Guardar con frecuencia para asegurarse de no perder su trabajo.

Cuando seleccione Guardar, los cambios se añadirán a su borrador del programa.

Opciones avanzadas de personalización

Los componentes avanzados le permiten incluir contenido condicional basado en el correo electrónico, segmentoo campo personalizado. Por ejemplo, si desea mostrar una tabla de clasificación solo a los participantes que sean suscriptores de nivel oro, el componente sección condicional por segmento le permitirá hacerlo.

Puede añadir componentes avanzados desde la pestaña Añadir . Configurarlos requiere un poco más de trabajo, ya que deberá introducir una expresión JSONata en el cuadro Condición que define la lógica de cuándo se cumple la condición. Póngase en contacto con nuestro equipo de soporte si necesita ayuda.

Más información

• Editar el HTML de su widget o micrositio para Advocate

• Instalar paquetes NPM personalizados para Advocate