🤔 1. ¿Qué es el Chat Widget?
El Chat Widget es una herramienta que permite agregar una ventana de conversación directamente dentro de tu página web.
Cuando una persona visita tu sitio, podrá visualizar un botón flotante de chat y comenzar una conversación sin salir de la página. 💬
🚀 Con el Chat Widget puedes:
💬 Atender visitantes en tiempo real
🤖 Conectar un agente de IA
🎯 Captar nuevos leads
⚡ Responder preguntas automáticamente
📈 Aumentar oportunidades de conversión
🗂️ Centralizar conversaciones en Zolutium
🕐 Brindar atención 24/7
💡 ¿Por qué utilizarlo?
Porque permite transformar una simple visita a tu página web en una conversación directa con tu negocio.
🛠️ 2. Crear tu Chat Widget
Antes de colocarlo en tu página web, primero debes crear el widget dentro de Zolutium.
🗺️ Ruta rápida
Zolutium → Sitios → Chat Widget → + NUEVO → Chat en tiempo real
📍 PASO 1 — Ingresa a “Sitios”
Desde el menú lateral izquierdo de Zolutium:
➡️ Busca la opción “Sitios”.
➡️ Haz clic para ingresar.
✅ Resultado: accederás al área donde puedes administrar tus páginas, formularios y widgets.
💬 PASO 2 — Ingresa a “Chat Widget”
Una vez dentro de Sitios:
➡️ Dirígete a la parte superior de la pantalla.
➡️ Selecciona “Chat Widget”.
Aquí podrás visualizar los widgets que ya hayas creado.
➕ PASO 3 — Crea un nuevo widget
Haz clic en:
🔵 + NUEVO
Luego selecciona:
💬 Chat en tiempo real
Ahora podrás comenzar a configurar y personalizar tu widget.
🎨 Personaliza tu Chat Widget
Configura los elementos de acuerdo con la identidad de tu negocio:
⚙️ Configuración | 📝 ¿Qué puedes personalizar? |
💬 Título | Nombre que aparecerá en el chat |
🎨 Colores | Apariencia visual del widget |
👋 Bienvenida | Primer mensaje para el visitante |
🤖 Agente de IA | IA encargada de responder |
🖼️ Imagen | Foto o identidad visual |
💭 Experiencia del chat | Forma en la que interactuará con el visitante |
✨ TIP ZOLUTIUM
Utiliza un mensaje de bienvenida corto y atractivo que invite al visitante a conversar.
Ejemplo:
👋 ¡Hola! ¿En qué podemos ayudarte hoy? Nuestro asistente está listo para atenderte. 🤖
💾 PASO 4 — Guarda tu widget
Cuando hayas terminado la configuración:
✅ Revisa la información.
✅ Confirma que el agente de IA correcto esté seleccionado.
✅ Haz clic en “Guardar”.
🎉 ¡Primera parte completada!
Tu Chat Widget ya está creado.
Ahora solo falta conectarlo con tu sitio web. 🌐
🌐 3. Enlazar el Chat Widget a tu sitio web
🗺️ Ruta rápida
Sitios → Sitio Web → Seleccionar sitio → Configuración → Widget de chat → Guardar
🖥️ PASO 1 — Ingresa a tu Sitio Web
Dentro del apartado Sitios:
➡️ Selecciona “Sitio Web”.
➡️ Busca la página donde deseas colocar el chat.
➡️ Haz clic sobre ella.
⚙️ PASO 2 — Abre la configuración
Una vez dentro de tu sitio:
➡️ Busca la opción “Configuración”.
Aquí encontrarás las opciones generales relacionadas con tu página web.
💬 PASO 3 — Selecciona tu Widget de chat
Dentro de Configuración:
🔎 Busca la sección:
“Widget de chat”
Luego:
1️⃣ Haz clic en el menú desplegable.
2️⃣ Busca el widget que creaste anteriormente.
3️⃣ Selecciónalo.
🔗 ¿Qué acabamos de hacer?
En este paso estás indicándole a Zolutium qué Chat Widget debe aparecer dentro de tu página web.
💾 PASO 4 — Guarda los cambios
Finalmente:
✅ Verifica que seleccionaste el widget correcto.
✅ Haz clic en “Guardar”.
🎊 ¡Listo! Tu Chat Widget está conectado
Si todo está correctamente configurado, los visitantes podrán visualizar el botón flotante del chat dentro de tu página web. 💬🤖
Así funciona el proceso:
👤 Visitante entra a tu web
⬇️
💬 Abre el Chat Widget
⬇️
🤖 Tu IA inicia la conversación
⬇️
🎯 Captas información o resuelves dudas
⬇️
🗂️ La conversación queda dentro de Zolutium
✨ 4. Buenas prácticas para tu Chat Widget
Para obtener mejores resultados, ten en cuenta estas recomendaciones:
👋 Mensaje de bienvenida
Utiliza una frase amigable que motive al visitante a iniciar una conversación.
🤖 Revisa tu agente de IA
Asegúrate de que tenga información actualizada sobre:
✅ Servicios
✅ Productos
✅ Precios
✅ Horarios
✅ Preguntas frecuentes
✅ Procesos comerciales
🎨 Mantén tu identidad visual
Configura colores, textos e imágenes que combinen con tu marca.
📱 Prueba desde diferentes dispositivos
Comprueba el funcionamiento desde:
📱 Celular
💻 Computadora
📲 Tablet
🧪 Realiza conversaciones de prueba
Antes de recibir visitantes reales, prueba diferentes preguntas.
Por ejemplo:
“¿Cuáles son sus servicios?”
“¿Cuánto cuesta?”
“Quiero más información.”
“Quiero agendar.”
“Necesito hablar con un asesor.”
⚠️ IMPORTANTE
Si el widget aparece correctamente pero la IA no responde como esperas, revisa primero la configuración y entrenamiento del agente de IA seleccionado.
🚀 5. ¿Qué sucede después de conectarlo?
Una vez realizada la integración, tu página web se convierte en un nuevo canal de comunicación para tu negocio.
Tus visitantes podrán:
💬 Iniciar conversaciones
❓ Resolver preguntas
📋 Dejar sus datos
🎯 Convertirse en leads
📅 Avanzar hacia un agendamiento
🛍️ Solicitar información comercial
Y desde Zolutium podrás:
🤖 Automatizar respuestas.
🗂️ Gestionar conversaciones.
⚙️ Activar automatizaciones.
🎯 Dar seguimiento a tus leads.
📈 Potenciar tu proceso comercial.
✅ Checklist final
Antes de terminar, confirma lo siguiente:
✅ El Chat Widget está creado.
✅ Tiene un nombre identificable.
✅ Cuenta con un mensaje de bienvenida.
✅ El agente de IA correcto está seleccionado.
✅ El widget está guardado.
✅ El sitio web tiene seleccionado ese widget.
✅ Los cambios del sitio fueron guardados.
✅ Realizaste una conversación de prueba.
✅ Comprobaste su funcionamiento desde celular y computadora.
💬 + 🤖 + 🌐 = 🚀
Con el Chat Widget de Zolutium puedes convertir tu página web en un canal de atención inteligente, permitiendo que tus visitantes reciban respuestas inmediatas y avancen más rápido dentro de tu proceso comercial.