Guía técnica
Instalar el chat web
Cómo poner el chat de Kalioflow en tu página, paso a paso, según dónde esté hecha tu web.
El chat de Kalioflow se instala pegando una sola línea de código en tu web. No hay que programar nada: en cuanto esa línea está en la página, el botón del chat aparece solo en la esquina inferior derecha.
<script src="https://kalioflow.com/widget.js" data-token="TU-CODIGO" async></script>Este es el ejemplo genérico. El código real, con el identificador de tu negocio, se copia desde Kalioflow en Canales → Chat Web. Si estás instalando esto para un cliente, pídeselo a él: es una sola línea y te la puede enviar por mensaje.
WordPress
La forma segura es usar un plugin que inserta código en el pie. Si lo pegas editando los archivos del tema, se pierde en la siguiente actualización.
- 1
Instala el plugin
En el panel de WordPress, ve a Plugins → Añadir nuevo y busca WPCode. El nombre completo es "WPCode – Insert Headers and Footers + Custom Code Snippets". Instálalo y actívalo.
- 2
Abre la sección de cabecera y pie
En el menú lateral, entra en Code Snippets → Header & Footer.
- 3
Pega el código en el pie
Pega la línea de Kalioflow en el cuadro que dice Footer. Se insertará automáticamente en todas las páginas de tu sitio.
- 4
Guarda
Pulsa el botón de guardar de la esquina superior derecha. Abre tu web y comprueba que aparece el botón del chat.
Si tu tema es de bloques (los temas modernos con edición completa del sitio), no existe el archivo footer.php y las guías antiguas que te mandan a "Apariencia → Editor de temas" no te van a servir. Con el plugin no importa: funciona igual en los dos tipos de tema.
Pasos verificados el 5 de agosto de 2026.
Wix
- 1
Abre el código personalizado
En el panel de tu sitio, ve a Configuración → Código personalizado.
- 2
Añade un código nuevo
Pulsa en "+ Agregar código personalizado".
- 3
Pega el código
Pega la línea de Kalioflow en el cuadro de código.
- 4
Ponle un nombre
Cualquiera que reconozcas, por ejemplo "Chat Kalioflow". Solo lo ves tú.
- 5
Elige dónde se aplica
Selecciona todas las páginas, para que el chat esté disponible en todo el sitio.
- 6
Elige la ubicación
En "Colocar el código en", selecciona "Body – end" (final del cuerpo).
- 7
Aplica
Pulsa Aplicar y luego publica el sitio. Abre tu web y comprueba que aparece el botón del chat.
Wix solo permite añadir código personalizado si el sitio está publicado y tiene un dominio propio conectado, y conectar un dominio requiere un plan de pago de Wix. Si en Configuración no te aparece la opción de Código personalizado, es casi seguro por esto. En ese caso, la alternativa es conectar el dominio o usar otra plataforma.
Pasos verificados el 5 de agosto de 2026.
Otra web (HTML)
- 1
Abre el archivo de tu página
Normalmente index.html. Si tu web tiene varias páginas y quieres el chat en todas, repite el paso en cada una, o hazlo en la plantilla común si tu sitio usa una.
- 2
Pega el código antes de cerrar el cuerpo
Coloca la línea de Kalioflow justo antes de la etiqueta </body>. Así la página termina de dibujarse antes de cargar el chat y no se ralentiza.
- 3
Sube los cambios
Publica el archivo en tu servidor y abre la web para comprobar que aparece el botón del chat.
Google Tag Manager
- 1
Crea una etiqueta
En tu contenedor, ve a Etiquetas → Nueva → Configuración de la etiqueta y elige el tipo HTML personalizado.
- 2
Pega el código
Pega la línea de Kalioflow en el cuadro de HTML.
- 3
Elige cuándo se activa
En Activación, selecciona el activador "All Pages". Si no existe, créalo: Configuración del activador → Vista de página → Todas las páginas.
- 4
Guarda la etiqueta
Ponle un nombre y guarda. Ojo: guardar no publica nada todavía.
- 5
Envía los cambios
Pulsa Enviar, arriba a la derecha.
- 6
Publica
Elige "Publicar y crear versión", ponle nombre a la versión y pulsa Publicar.
- 7
Comprueba
Abre tu web y verifica que aparece el botón del chat.
El fallo más común con Tag Manager es este: guardar la etiqueta no la pone en marcha. Hasta que no pulsas Enviar y luego Publicar, el código no está en tu web por mucho que lo veas guardado en el panel.
Pasos verificados el 5 de agosto de 2026.
¿Cómo sé que funcionó?
El dominio no se registra solo con abrir la página: se registra en cuanto alguien envía el primer mensaje por el chat. Es así a propósito, para no generar una petición al servidor en cada visita de cada página de tu web.
- 1
Abre tu web
Entra a la página donde pegaste el código, como lo haría un visitante cualquiera.
- 2
Envía un mensaje de prueba
Haz clic en el botón del chat, en la esquina inferior derecha, y escribe cualquier cosa, por ejemplo "hola". Esto confirma que el código llegó a la página y, de paso, da de alta tu dominio.
- 3
Revisa Kalioflow
Entra en Canales → Chat Web. Tu dominio debería aparecer en la lista de dominios autorizados, con la hora de esa visita.
El primer sitio desde el que se envíe un mensaje por tu chat queda autorizado automáticamente. Si más adelante aparece un dominio nuevo, quedará bloqueado hasta que lo apruebes desde el panel: así nadie puede copiar tu código y usar tu chat en otra web.