Una vez configurado tu chatbot, instalarlo es pegar un pequeño snippet en tu web. Aquí tienes el código, las instrucciones por plataforma y cómo comprobar que funciona.

Opción 1: Script (recomendado)

En el menú lateral ve a Código de inserción y copia el script. Es algo así:

<script
  src="https://app.chatme.es/widget/chatbot.js"
  data-chatbot-id="TU_ID_DE_CHATBOT"
  data-mode="popup"
  data-base-url="https://app.chatme.es"
></script>

Pega este código justo antes del cierre </body> en cada página donde quieras que aparezca el chatbot.

Opción 2: iframe

Si tu sitio bloquea scripts externos (por ejemplo, algunos themes de Shopify), usa el iframe:

<iframe
  src="https://app.chatme.es/widget/embed/TU_ID_DE_CHATBOT"
  width="380"
  height="560"
  style="border:none;"
></iframe>

El iframe es autocontenido y no necesita configuración extra.

Instrucciones por plataforma

Plataforma	Dónde pegar el snippet
Webflow	Project Settings → Custom Code → Footer Code, y publica
WordPress	Plugin «Insert Headers and Footers» o «WPCode» → sección Body / antes de `</body>`
Shopify	Online Store → Themes → Edit code → `theme.liquid`, antes de `</body>`
Wix	Settings → Custom Code → Add Custom Code → ubicación «Body - end»
Squarespace	Settings → Advanced → Code Injection → Footer
Framer	Project Settings → General → Custom Code → End of body tag
HTML estático	En el `<body>` de cada página, justo antes de `</body>`

En WordPress, evita pegarlo directamente en footer.php: una actualización del tema podría sobrescribirlo. Usa un plugin de scripts.

Dominios permitidos

Por defecto el chatbot funciona en cualquier dominio. Para limitarlo a tu web (y que nadie copie tu snippet en otro sitio), añade tus dominios en Código de inserción → Dominios permitidos:

miempresa.com, www.miempresa.com, app.miempresa.com

Déjalo en blanco para permitir todos los dominios.

Comprobar que funciona

Abre tu web en el navegador (evita el modo incógnito para no tener problemas de cookies).
Espera 2–3 segundos a que cargue el script.
Verás la burbuja flotante en la esquina inferior (o donde la hayas configurado).
Haz clic, escribe una pregunta y comprueba que responde.

Si no aparece el chatbot

Abre la consola del navegador (F12 → Console) y busca errores en rojo.
Verifica que el snippet está en <body> y no en <head>.
Comprueba que el data-chatbot-id es correcto (cópialo de nuevo desde el panel).
Si limitaste los dominios, asegúrate de que el dominio actual está en la lista (incluido www. si lo usas).
Algunos plugins de caché (W3 Total Cache, Cloudflare) pueden interferir: purga la caché tras pegar el snippet.

¿Sigues sin verlo?

Abre el Asistente ChatME en tu panel y pega el error de la consola: te ayuda a diagnosticarlo. También puedes empezar por la guía de primeros pasos si aún no has terminado de configurarlo.

¿Te ha sido útil este artículo?

¿NECESITAS MÁS AYUDA?

Pregúntale al Asistente ChatME

Está en tu panel y conoce todos los pasos. O reserva una demo y lo montamos contigo.

Empezar gratis