Configura tu widget

Configura el diseño, los saludos, la transferencia, el NPS, la integración y los ajustes avanzados de tu widget desde las pestañas de Canales.

Updated on 24 de septiembre de 2026

Ve a Build > Integrate > Channels y selecciona tu widget para acceder a las pestañas de configuración.

Puedes configurar el widget mediante las siguientes pestañas:

Formato y diseño: Personaliza la apariencia.
Saludos: Define cómo tu bot da la bienvenida a los usuarios.
Transferencia (solo administradores de bots): Gestiona las transiciones entre el bot y los agentes humanos.
NPS: Activa las encuestas de Net Promoter Score.
Integración: Configura la integración y el uso compartido del widget.
Avanzada: Configura los ajustes avanzados.
Un menú en la esquina superior derecha te permite duplicar o eliminar la configuración del widget. También puedes asociar el widget duplicado a un nuevo idioma.

Descripción general del widget de chatbot de ViaSay

El Widget de chatbot de ViaSay es una interfaz de chat sencilla que se puede integrar fácilmente en tu sitio web.

Formato y diseño

Define la identidad visual y la posición de tu widget en tu sitio web.

Formato de la ventana de chat

Elige entre tres modos de visualización:

Widget: Burbuja de chat clásica en la esquina (recomendado)
Barra lateral: Panel fijo en el borde de la página
Página completa: Página de chat independiente

Colores y tipografía

Color principal: Color del encabezado y del fondo (código hexadecimal)
Color secundario: Respuestas rápidas, enlaces y burbujas de mensajes de los usuarios
Fuente: Selecciona entre las tipografías disponibles

Posición de la burbuja de chat

Posición: Elige la esquina izquierda o derecha
Márgenes: Ajusta el espacio respecto a los bordes (margen derecho, margen inferior)
Índice Z: Controla la superposición con otros elementos de la página

Añade elementos de menú siempre visibles en el pie del widget:

Título del elemento: Nombre mostrado (por ejemplo, "Preguntas frecuentes", "Contacto")
Tipo de elemento: Enlace a una URL web o activación de una acción del bot
URL: Destino de los enlaces web

Enlace de privacidad: Actívalo para añadir al menú un enlace a la política de privacidad conforme al RGPD.

Icono de la burbuja de chat

Icono predeterminado: Usa el icono de chat estándar de ViaSay
Icono personalizado: Sube tu logotipo (formato cuadrado, se recomiendan 60×60 px)
Texto o emoji: Muestra texto personalizado o un emoji en lugar del icono

Apertura automática: Controla cuándo se abre automáticamente el chat (solo al hacer clic, después de un retraso, etc.)

Saludos

Establece el primer mensaje que ven los usuarios al abrir el widget.

Introducción del bot

Texto del mensaje: Escribe un saludo conciso (por ejemplo, "Hola 👋 ¿Cómo puedo ayudarte?")

Respuestas rápidas

Añade hasta 10 botones de respuesta rápida para orientar a los usuarios hacia temas habituales:

Haz clic en + Añadir una respuesta rápida
Introduce el texto del botón (por ejemplo, "Seguir mi pedido", "Precios", "Soporte técnico")
Las respuestas rápidas inician los flujos correspondientes del bot

Transferencia

Configura la escalada a un agente humano del bot al soporte en directo.

Icono de transferencia

Visibilidad: Activa o desactiva la visualización del icono de contacto con agentes en el encabezado del widget
Texto de ayuda: Personaliza el texto que aparece al pasar el cursor (predeterminado: "contactar con un agente")
Mensaje de activación: Mensaje enviado cuando el usuario hace clic en el icono de transferencia

⚠️ Requiere configurar el canal de agentes.

NPS

Recopila datos de satisfacción del cliente mediante encuestas de Net Promoter Score.

Activar la encuesta NPS

Activar la encuesta NPS está activada para activarla.

Pregunta de valoración

De forma predeterminada, se utiliza la pregunta NPS estándar del sector: "¿Qué probabilidad hay de que recomiendes nuestro chatbot a un amigo o compañero?"

Pregunta de seguimiento: Añade opcionalmente una pregunta de texto después de la valoración (casilla para activarla)

Mensaje de agradecimiento

Personaliza el mensaje que se muestra después de completar la encuesta (predeterminado: "¡Gracias por tus comentarios!")

Integración

Accede a tu código de instalación y prueba el widget.

Código de instalación

Copia el fragmento de JavaScript para insertarlo en tu sitio web. Cada widget tiene un token único.

Sigue esta documentación para instalar tu widget

Enlace de vista previa

Prueba la configuración de tu widget antes de implementarla mediante la URL de vista previa.

Distribución de audiencia

Controla qué porcentaje de visitantes ve el widget (0-100 %). Úsalo para implementaciones graduales o pruebas A/B.

👍 Implementa de forma invisible y lanza cuando estés listo
Establece la distribución de audiencia en el 0 % durante la configuración. El código del widget se implementa en producción, pero permanece oculto. Cuando estés listo para lanzarlo, ajusta el porcentaje en Integración para controlar la visibilidad, sin necesidad de cambiar el código.

Avanzada

Perfecciona los comportamientos técnicos y los metadatos.

Tiempo de espera de conexión

Activar el tiempo de espera de conexión: Cierra automáticamente la conexión con el backend después de un periodo de inactividad del usuario para optimizar el uso de recursos.

Referencia del cliente

Asigna un identificador personalizado a la propiedad customer_ref para la segmentación y la lógica condicional en los flujos del bot.

Comportamiento de los enlaces

Abrir enlaces en pestañas nuevas: Actívalo para abrir las URL de los mensajes del bot en pestañas independientes del navegador.

Marca de ViaSay

Mostrar el texto de atribución de ViaSay: Activa o desactiva el texto del pie "Con tecnología de ViaSay" (activado de forma predeterminada).

Acción de inicio del bot

Selecciona qué acción del usuario activa el mensaje inicial del bot (predeterminada: Acción de inicio del usuario).

Buenas prácticas

Probar en la vista previa: Valida siempre los cambios en el modo de vista previa antes de publicarlos.

Diseño orientado primero a móviles: Comprueba la apariencia en pantallas pequeñas; ajusta los márgenes si es necesario.

Saludos claros: Mantén los mensajes de bienvenida por debajo de 100 caracteres; utiliza respuestas rápidas para orientar a los usuarios.

Coherencia de marca: Haz coincidir el color principal con el color de marca principal de tu sitio web.

Momento estratégico para el NPS: Realiza la encuesta después de interacciones satisfactorias con el bot, no inmediatamente al abrirlo.

Publicar cambios

Haz clic en Publicar en la esquina superior derecha para aplicar los cambios de configuración en producción. Los cambios se aplican inmediatamente a los widgets implementados.

Sub-articles

Prueba del bot de producción

Prueba tu bot de producción en vivo en tiempo real para validar las respuestas, detectar regresiones y revisar las sesiones en Analytics.

Updated on 24 de septiembre de 2026

Gestiona la visibilidad de tu widget

Establece el porcentaje de visitantes que ven la burbuja de chat para implementar tu widget gradualmente.

Updated on 24 de septiembre de 2026

Enviar variables a través del script del widget

Permite enviar al chatbot información de tu sitio, como el nombre o el identificador del cliente, a través del script del widget.

Updated on 1 de octubre de 2026

Proteger las variables de canal de usuario

Permite firmar las variables de canal de usuario de tu widget para que un visitante no pueda modificarlas en su navegador.

Updated on 1 de octubre de 2026

Was this article helpful?

Configura tu widget

Configura el diseño, los saludos, la transferencia, el NPS, la integración y los ajustes avanzados de tu widget desde las pestañas de Canales.

Updated on 24 de septiembre de 2026

Ve a Build > Integrate > Channels y selecciona tu widget para acceder a las pestañas de configuración.

Puedes configurar el widget mediante las siguientes pestañas:

Formato y diseño: Personaliza la apariencia.
Saludos: Define cómo tu bot da la bienvenida a los usuarios.
Transferencia (solo administradores de bots): Gestiona las transiciones entre el bot y los agentes humanos.
NPS: Activa las encuestas de Net Promoter Score.
Integración: Configura la integración y el uso compartido del widget.
Avanzada: Configura los ajustes avanzados.
Un menú en la esquina superior derecha te permite duplicar o eliminar la configuración del widget. También puedes asociar el widget duplicado a un nuevo idioma.

Descripción general del widget de chatbot de ViaSay

El Widget de chatbot de ViaSay es una interfaz de chat sencilla que se puede integrar fácilmente en tu sitio web.

Formato y diseño

Define la identidad visual y la posición de tu widget en tu sitio web.

Formato de la ventana de chat

Elige entre tres modos de visualización:

Widget: Burbuja de chat clásica en la esquina (recomendado)
Barra lateral: Panel fijo en el borde de la página
Página completa: Página de chat independiente

Colores y tipografía

Posición de la burbuja de chat

Añade elementos de menú siempre visibles en el pie del widget:

Título del elemento: Nombre mostrado (por ejemplo, "Preguntas frecuentes", "Contacto")
Tipo de elemento: Enlace a una URL web o activación de una acción del bot
URL: Destino de los enlaces web

Enlace de privacidad: Actívalo para añadir al menú un enlace a la política de privacidad conforme al RGPD.

Icono de la burbuja de chat

Apertura automática: Controla cuándo se abre automáticamente el chat (solo al hacer clic, después de un retraso, etc.)

Saludos

Establece el primer mensaje que ven los usuarios al abrir el widget.

Introducción del bot

Texto del mensaje: Escribe un saludo conciso (por ejemplo, "Hola 👋 ¿Cómo puedo ayudarte?")

Respuestas rápidas

Añade hasta 10 botones de respuesta rápida para orientar a los usuarios hacia temas habituales:

Haz clic en + Añadir una respuesta rápida
Introduce el texto del botón (por ejemplo, "Seguir mi pedido", "Precios", "Soporte técnico")
Las respuestas rápidas inician los flujos correspondientes del bot

Transferencia

Configura la escalada a un agente humano del bot al soporte en directo.

Icono de transferencia

⚠️ Requiere configurar el canal de agentes.

NPS

Recopila datos de satisfacción del cliente mediante encuestas de Net Promoter Score.

Activar la encuesta NPS

Activar la encuesta NPS está activada para activarla.

Pregunta de valoración

De forma predeterminada, se utiliza la pregunta NPS estándar del sector: "¿Qué probabilidad hay de que recomiendes nuestro chatbot a un amigo o compañero?"

Pregunta de seguimiento: Añade opcionalmente una pregunta de texto después de la valoración (casilla para activarla)

Mensaje de agradecimiento

Personaliza el mensaje que se muestra después de completar la encuesta (predeterminado: "¡Gracias por tus comentarios!")

Integración

Accede a tu código de instalación y prueba el widget.

Código de instalación

Copia el fragmento de JavaScript para insertarlo en tu sitio web. Cada widget tiene un token único.

Sigue esta documentación para instalar tu widget

Enlace de vista previa

Prueba la configuración de tu widget antes de implementarla mediante la URL de vista previa.

Distribución de audiencia

Controla qué porcentaje de visitantes ve el widget (0-100 %). Úsalo para implementaciones graduales o pruebas A/B.

👍 Implementa de forma invisible y lanza cuando estés listo
Establece la distribución de audiencia en el 0 % durante la configuración. El código del widget se implementa en producción, pero permanece oculto. Cuando estés listo para lanzarlo, ajusta el porcentaje en Integración para controlar la visibilidad, sin necesidad de cambiar el código.

Avanzada

Perfecciona los comportamientos técnicos y los metadatos.

Tiempo de espera de conexión

Activar el tiempo de espera de conexión: Cierra automáticamente la conexión con el backend después de un periodo de inactividad del usuario para optimizar el uso de recursos.

Referencia del cliente

Asigna un identificador personalizado a la propiedad customer_ref para la segmentación y la lógica condicional en los flujos del bot.

Comportamiento de los enlaces

Abrir enlaces en pestañas nuevas: Actívalo para abrir las URL de los mensajes del bot en pestañas independientes del navegador.

Marca de ViaSay

Mostrar el texto de atribución de ViaSay: Activa o desactiva el texto del pie "Con tecnología de ViaSay" (activado de forma predeterminada).

Acción de inicio del bot

Selecciona qué acción del usuario activa el mensaje inicial del bot (predeterminada: Acción de inicio del usuario).

Buenas prácticas

Probar en la vista previa: Valida siempre los cambios en el modo de vista previa antes de publicarlos.

Diseño orientado primero a móviles: Comprueba la apariencia en pantallas pequeñas; ajusta los márgenes si es necesario.

Saludos claros: Mantén los mensajes de bienvenida por debajo de 100 caracteres; utiliza respuestas rápidas para orientar a los usuarios.

Coherencia de marca: Haz coincidir el color principal con el color de marca principal de tu sitio web.

Momento estratégico para el NPS: Realiza la encuesta después de interacciones satisfactorias con el bot, no inmediatamente al abrirlo.

Publicar cambios

Haz clic en Publicar en la esquina superior derecha para aplicar los cambios de configuración en producción. Los cambios se aplican inmediatamente a los widgets implementados.