For the complete documentation index, see llms.txt. This page is also available as Markdown.

Panorama del editor de widgets

Tu programa Advocate ofrece un editor de arrastrar y soltar que te permite personalizar el aspecto y el contenido de los widgets presentados a tus defensores de clientes.

Interfaz del editor de widgets

El editor de widgets de autoservicio tiene cuatro áreas principales:

La barra de menú en la parte superior de la página es donde puedes deshacer acciones, ver el código HTML y previsualizar el widget terminado. Usa los iconos de escritorio, tableta o móvil para ver cómo aparecerá tu widget en dispositivos con distintos tamaños de pantalla.

El lienzo muestra todos los componentes que forman tu widget. Puedes seleccionar componentes individuales para editarlos, o añadir nuevos y ver de un vistazo cómo se mostrarán a tus participantes.

El menú de configuración del panel lateral izquierdo es un panel plegable a la izquierda del lienzo. Aquí, puedes seleccionar Capas para ver una vista detallada de todos los componentes de tu widget, o seleccionar Plantillas para usar uno de nuestros widgets predefinidos. El Configuración botón te lleva al submenú de instalación de paquetes.

Para una personalización aún mayor a nivel de marca, selecciona la opción Estilo del widget. Consulta Personaliza widgets y micrositios con el editor de contenido para obtener más información sobre las opciones de estilo disponibles.

El menú de componentes es un panel a la derecha del lienzo. Usa la Añadir pestaña para insertar nuevos componentes en el lienzo, y usa la Editar pestaña para hacer ajustes a lo que ya está ahí.

Solución de problemas

El widget tiene dos capas de validación para comprobar errores en la colocación de componentes y en las propiedades de los componentes. Las razones comunes para recibir un mensaje de error incluyen:

  • Falta un campo obligatorio

  • Elegir un color no válido

  • Introducir una URL no válida

Cuando tienes errores sin resolver, aparece un mensaje de advertencia en la esquina superior derecha del lienzo que te notifica cuántos errores se encontraron.

Ver detalles de errores sin resolver

  1. Seleccione Detalles en el mensaje de advertencia para una breve explicación de lo que salió mal.

  2. Ve al componente con el error de cualquiera de estas formas:

    • Seleccionar Abrir capas

    • Seleccionar el mensaje de explicación del error

  3. Encuentra el componente con el error. Estará marcado con un icono de signo de exclamación rojo.

  4. Selecciona el componente para abrir las propiedades en la Editar barra.

  5. Realiza los cambios necesarios.

Última actualización

¿Te fue útil?