Cómo instalar el chat en tu web

Dónde encontrar el código

En el panel ve a Widget, pestaña Instalación. En ¿Dónde está tu web? elige tu plataforma: verás instrucciones paso a paso y un botón Copiar código.

El código es así (el tuyo lleva su propia clave en lugar de YOUR_KEY; cópialo del panel):

<script src="https://chatrina.com/widget/widget.js" data-key="YOUR_KEY" async></script>

WordPress y WooCommerce

1. En WordPress ve a Plugins → Añadir nuevo e instala el plugin gratuito WPCode.
2. Ve a Code Snippets → Header & Footer.
3. Pega el código en el cuadro Footer.
4. Pulsa Save. El chat aparecerá en todas las páginas.

Sin plugin: Apariencia → Editor de archivos de temas → footer.php y pega el código justo antes de </body>. WooCommerce funciona sobre WordPress, así que los pasos son los mismos.

Shopify

1. En Shopify ve a Tienda online → Temas.
2. Junto al tema publicado pulsa … → Editar código.
3. Abre el archivo layout/theme.liquid.
4. Busca </body> (Ctrl+F o Cmd+F) y pega el código justo antes.
5. Pulsa Guardar.

Wix

1. En Wix ve a Ajustes → Avanzado → Código personalizado.
2. Pulsa + Añadir código personalizado y pega el código.
3. Elige Todas las páginas y colócalo en Body - final.
4. Pulsa Aplicar y publica la web.

Webflow

1. Abre Site settings → Custom code.
2. Pega el código en el cuadro Footer code.
3. Guarda y publica la web (Publish).

Una web creada con IA (Lovable, Bolt, Cursor, Replit, Claude)

Elige la tarjeta Vibecoding (IA) y pulsa Copiar prompt. Pégalo en el chat de tu herramienta: la IA añade el código en el sitio correcto. Después acepta los cambios y publica la web.

Cualquier otra web

Abre la plantilla que aparece en todas las páginas (normalmente el pie de página o el diseño principal) y pega el código justo antes del cierre </body>. Guarda y publica los cambios.

¿Otra persona se encarga de tu web?

Elige la tarjeta Enviar a un programador, escribe su correo y pulsa Enviar código e instrucciones. Recibirá el código y las instrucciones para las plataformas más habituales. El correo no incluye datos de acceso.

Comprueba que funciona

Después de pegarlo, abre tu web en el navegador (recárgala), vuelve al panel y pulsa Comprobar si funciona. Verás ✓ El widget funciona en … con la dirección de tu web, o una pista de lo que aún falta.

¿El chat no aparece?

• En Widget → Aspecto y qué hay en el sitio, el interruptor de arriba debe indicar Widget activado en el sitio web y Chat debe estar activado en Qué hay en tu sitio.
• Tu plan debe estar activo o la prueba en curso.
• Si has indicado dominios en En qué sitios web puede funcionar el widget en la pestaña Instalación, el chat solo funciona en ellos. Vacío = funciona donde pegues el código.
• Cuando se agota el límite mensual de conversaciones, el chat desaparece hasta el final del periodo o hasta que añadas un paquete - planes y límites.
• Los bloqueadores de anuncios del visitante pueden ocultar el chat en su navegador.

Preguntas frecuentes