Personalizar widgets del programa

Accede al editor de widgets

1. En el menú de navegación izquierdo, seleccione [Engage] → Contenido.

2. En la tarjeta de Widgets , selecciona Editar widgets.

3. En el menú lateral desplegable izquierdo, selecciona el nombre del widget que quieres editar.

   

Personaliza tus widgets

1

Paso 1: Elige una plantilla

1. En el menú lateral desplegable izquierdo, debajo de Widget actual, selecciona Plantillas.

2. Selecciona Aplicar plantilla junto a la plantilla con la que quieres empezar.

   

Nota: Si quieres previsualizar cómo se ve la plantilla sin confirmar el cambio, selecciona [Vista previa] antes de guardar. Selecciona solo el Guardar botón una vez que estés listo para confirmar los cambios realizados.

2

Paso 2: Ajusta el contenido del widget

Puedes agregar, editar, mover o quitar componentes para modificar el contenido que verán tus embajadores de clientes en el widget.

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

Añadir

1. En el lado derecho de la página, en la pestaña Componente del menú, Añadir selecciona un grupo de componentes.

   • Obtén más información sobre los componentes disponibles y cómo se agrupan.

2. Selecciona el componente adecuado.

3. Selecciona el botón azul Agregar a donde quieras que aparezca el componente en el lienzo.

   

Editar

Mover

Eliminar

3

Paso 3: Personaliza la apariencia y el tema del widget

Agrega imágenes o logotipos

1. A la derecha, desde la pestaña Componente del menú, Añadir selecciona la categoría Componentes comunes .

2. Selecciona cualquiera de estas opciones:

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

   • Imagen (una imagen simple sin texto encima)

3. Agrega la imagen al lienzo.

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

   

Reemplaza imágenes o logotipos

1. Dentro del lienzo, selecciona la foto que quieres cambiar.

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

   
3. Sube la imagen usando uno de estos métodos:

   • Arrastra y suelta la imagen

   • Busca un archivo en tu computadora

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

4. Selecciona Hecho.

Ajusta qué botones de compartir se muestran

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

1. Selecciona en el lienzo el botón de compartir que quieres editar.

2. En el Editar pestaña, selecciona el nombre del sitio o servicio debajo de Medio para compartir encabezado.

   

Agrega un nuevo botón de compartir usando la pestaña Añadir menú.

1. Desde el Añadir selecciona Compartir.

   
2. Selecciona la tarjeta adecuada.

3. Selecciona el botón azul Agregar a botón para colocar el componente en el lienzo.

4

Paso 4: Vista previa y guardar

1. Previsualiza cómo aparecerá el widget para tus participantes seleccionando [Vista previa] en la barra de menú superior.

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

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

   
3. Guardar tus cambios.

   Advertencia: El editor de widgets no guarda automáticamente tus cambios. Haz clic en Guardar con frecuencia para asegurarte de no perder tu trabajo.

Cuando selecciones Guardar, los cambios se agregarán a tu borrador del programa.

Opciones avanzadas de personalización

Los componentes avanzados te permiten incluir contenido condicional basado en el correo electrónico, segmento, o campo personalizadodel participante. Por ejemplo, si quieres mostrar una tabla de clasificación solo a los participantes que sean suscriptores de nivel oro, el componente sección condicional basada en segmento te permitirá hacerlo.

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

Más información

• Edita el HTML de tu widget o micrositio para Advocate

• Instala paquetes NPM personalizados para Advocate