¿Qué es un widget?
Un widget es una instancia configurada de la interfaz de chat de ViaSay. Cada widget tiene su propia configuración, apariencia y analíticas, lo que te permite implementar distintas experiencias en tus propiedades digitales.
Crear un widget
1. Accede a Canales
Ve a Build > Integrate > Channels en tu panel de ViaSay.
2. Crear un nuevo canal
Haz clic en + Nuevo canal de usuario en la esquina superior derecha.
3. Configurar el widget
En la sección Conectar un nuevo canal de usuario cuadro de diálogo:
Nombre: Introduce un identificador descriptivo (p. ej., "Sitio web de escritorio", "Aplicación móvil", "Portal de socios")
Canal del cliente: Selecciona ViaSay Widget
Seleccionar idioma: Elige el idioma para este widget
Haz clic en Crear para generar el widget.
¡Enhorabuena! Acabas de crear tu widget. Ahora puedes personalizar su apariencia e **instalarlo en tu sitio web. **
4. Acceder a la configuración del widget
Tu nuevo widget aparece en la lista de canales. Haz clic en él para acceder a:
Integración: Código y token de instalación
Formato y diseño: Personalización visual
Saludos: Mensajes de bienvenida y avisos proactivos
Transferencia: Reglas de escalado a un agente humano
NPS: Configuración de la encuesta de satisfacción
Avanzada: Parámetros personalizados y metadatos
Crear varios widgets
Crea varias instancias de widgets para segmentar las experiencias de los usuarios, personalizar los diseños y realizar un seguimiento de las analíticas en distintos contextos.
Segmentar las analíticas por contexto
Realiza un seguimiento del rendimiento por separado para distintos grupos de usuarios o entornos:
Tráfico de escritorio frente a móvil
Sitio web público frente a extranet de clientes
Páginas de marketing frente a documentación del producto
Sitios regionales con distintos idiomas
Personalizar la experiencia del usuario
Adapta cada widget a su contexto de implementación:
Saludos: Muestra distintos mensajes de bienvenida según el tipo de usuario o la categoría de la página
Diseño: Adapta el estilo del widget a secciones específicas del sitio o a distintas marcas
Idioma: Implementa widgets específicos por idioma para audiencias internacionales
Organizar implementaciones mult marca
Gestiona experiencias de chatbot independientes bajo una misma cuenta de ViaSay para varias marcas, productos o unidades de negocio.
Configuraciones habituales de widgets
Use Case | Configuración |
|---|---|
Escritorio frente a móvil | Dos widgets con saludos diferentes; realiza un seguimiento de la conversión por dispositivo |
Sitio multilingüe | Widgets independientes por idioma con saludos localizados |
Público frente a privado | Widget público para ventas; widget privado con autenticación para soporte |
Pruebas A/B | Dos widgets con diseños diferentes para medir la interacción |
Widget frente a canal
Cada widget es un canal de usuario que conecta a los visitantes con tu agente de ViaSay. Otros tipos de canales (WhatsApp, Facebook Messenger, Teams) siguen el mismo proceso de creación, pero se conectan a plataformas diferentes.
Buenas prácticas
Convención de nombres: Usa nombres claros y específicos del contexto que identifiquen la ubicación y el propósito de la implementación (p. ej., "SitioWeb-Escritorio-ES", "Extranet-Soporte-FR").
Empieza con uno: Crea un único widget para la implementación inicial. Añade más a medida que identifiques necesidades de segmentación.
Prueba antes de implementar: Usa el enlace de vista previa de la pestaña Integración para validar la configuración antes de añadirla a producción.
⚠️ Cada widget tiene un token único. Cambiar los tokens modifica la configuración del widget que se carga en tu sitio.
Acceder a las analíticas por widget
Consulta las métricas específicas del widget en Monitor:
Filtra las conversaciones por canal para consultar el rendimiento en escritorio frente a móvil
Compara las tasas de interacción entre distintas configuraciones de widgets
Realiza un seguimiento de las métricas de conversión segmentadas por contexto del usuario
Próximos pasos
Copia el código de instalación desde la pestaña Integración
Personaliza la apariencia en Formato y diseño
Configura los saludos en Saludos
Implementa en tu sitio web [Consulta la guía de instalación →]