Cómo añadir chat en vivo a tu sitio web y lanzar bien el soporte
Insertar el código requiere pocos pasos, pero un buen lanzamiento empieza antes: define el objetivo, prepara respuestas fiables, asigna un responsable y prueba todo el recorrido en el móvil.
Revisado según las funciones actuales y los límites de los planes.
Lo esencial en un minuto
Insertar el código requiere pocos pasos, pero un buen lanzamiento empieza antes: define el objetivo, prepara respuestas fiables, asigna un responsable y prueba todo el recorrido en el móvil.
- ✓Define qué preguntas debe resolver primero el chat.
- ✓Prepara páginas, políticas y respuestas fiables para la IA y los agentes.
- ✓Comprueba la posición y los mensajes del widget en móviles.
- ✓Después de instalarlo, haz una prueba completa como visitante.
1. Define la función del chat
Anota las 5-10 preguntas que más llevan a los visitantes a un formulario, una llamada o un mensajero. En una tienda suelen ser envíos y devoluciones; en servicios, precio y reserva; en SaaS, planes y acceso.
Indica una fuente fiable para cada respuesta. Si la información no está clara, la IA no debe inventar: debe transferir la conversación a una persona.
- objetivo principal
- preguntas para la IA
- preguntas solo para un agente
2. Prepara la primera pantalla
Un saludo como «Te ayudamos a elegir un plan y configurarlo» explica más que un «Hola» genérico. Comprueba que el botón no tape el carrito, el menú, el pago o el aviso de cookies.
- título breve
- saludo concreto
- contraste accesible
- posición segura
3. Instala el código personal
El código operativo aparece tras crear la cuenta y el proyecto y recibir la aprobación correspondiente. La vista pública solo muestra un ejemplo sin token personal.
Normalmente el script se coloca antes de cerrar body o mediante un gestor de etiquetas. Úsalo solo en el dominio autorizado y no publiques credenciales del proyecto.
- comprobar dominio
- usar código personal
- limpiar caché
4. Prueba todo el recorrido
Abre el sitio en una ventana privada y plantea una pregunta sencilla, otra ambigua y otra fuera de horario. Repite en móvil el envío, la respuesta de IA, la transferencia, el cierre y la reapertura.
- ordenador y móvil
- IA y agente
- online y fuera de horario
- corte de red y reintento
Lista de comprobación
- El dominio autorizado es correcto
- El saludo coincide con la intención de la página
- El botón no tapa controles importantes
- Hay respuestas verificadas para preguntas frecuentes
- Existe un responsable para casos complejos
- Se probaron móvil y fuera de horario
Preguntas sobre el tema
¿Puedo instalar el chat sin desarrollador?+
Si puedes editar la plantilla o usar un gestor de etiquetas, normalmente basta con insertar el código preparado.
¿Cuándo recibo el código real?+
Después de crear la cuenta y el proyecto. Antes, Chtio solo muestra una demostración segura.
¿Puedo cambiar el aspecto después?+
Sí. Los textos y flujos pueden cambiarse en el proyecto. El color, la posición y otros ajustes visuales requieren Starter o un plan superior.
Mira cómo quedará el chat en tu sitio
Introduce el dominio y guarda el borrador. Antes del registro se muestra el chat estándar Free; la web y el idioma pasarán al proyecto.