Personalizar Widget
Colores, tema, mensajes, preguntas rápidas y horarios: todas las opciones del widget
Personaliza el widget para que sea coherente con tu sitio. Todo se hace desde Widget → tarjeta del agente → Configuración, con la vista previa en vivo junto al formulario: ves cada cambio incluso antes de guardarlo. Al guardar, los cambios llegan a tu sitio por sí solos, al recargar la página.
Apariencia
- Color principal: elige entre los colores predefinidos o introduce un color personalizado
- Posición: abajo a la derecha (por defecto) o abajo a la izquierda
- Icono de la burbuja: Clásico, Redondo, Con Texto o Enviar
- Avatar: elige de la galería de avatares predefinidos o sube tu propia imagen (con recorte)
- Tema: Claro, Oscuro o Automático (sigue el tema del sitio)
Cuándo usar el tema Automático
Usa Automático solo si tu sitio tiene tanto el tema claro como el oscuro. De lo contrario, elige Claro u Oscuro.
Comportamiento
- Mensaje de bienvenida: el primer mensaje que los visitantes ven en el chat
- Texto placeholder: el texto en el campo de escritura
- Texto call-to-action: el rótulo junto a la burbuja (máx. 50 caracteres; déjalo vacío para ocultarlo)
- Mensaje teaser: la frase sobre la burbuja que invita a chatear (máx. 100 caracteres; déjalo vacío para desactivarlo)
- Preguntas precompiladas: preguntas rápidas que los visitantes pueden pulsar — hasta 8 preguntas, máximo 4 activas a la vez, 40 caracteres cada una
- Apertura automática: abre el widget por sí solo al cargar la página, con un retraso configurable de 0 a 30 segundos
Horarios de respuesta
Desde la tarjeta del widget configuras cuándo el agente está operativo en este canal: Responde 24/7 u horarios personalizados con franjas por día. Fuera de horario el agente no responde a los mensajes del widget.
Seguridad
Dominios autorizados: la lista de sitios donde el widget puede funcionar, un dominio por línea. Vacío = todos los dominios. Recomendado: introduce tus dominios, así ningún otro sitio puede usar tu widget (el control lo aplican nuestros servidores).
Avanzado: CSS personalizado
El widget vive en un Shadow DOM aislado: el CSS de tu sitio no lo alcanza, y el widget no toca el estilo de tu sitio. Para ajustes de estilo usa el campo CSS Personalizado en la configuración: se inyecta dentro del widget y se sanitiza en el servidor (las URL externas y @import están bloqueados).
Estado del widget
El interruptor Estado del Widget activa o desactiva el chat en el sitio en cualquier momento, sin quitar el código.