Cómo instalar un chatbot en Shopify editando el tema
Para instalar un chatbot en Shopify duplicas tu tema como copia de seguridad, abres Editar código, entras en el archivo layout/theme.liquid y pegas el código de Ada justo antes de la etiqueta </body>. Guardas y el chat aparece en toda la tienda.
No necesitas instalar ninguna app ni tener un plan concreto de Shopify. Tarda unos cinco minutos y abajo te contamos qué comprobar y qué hacer si cambias de tema.
Probar 7 días gratisPara qué sirve un chatbot en una tienda Shopify
En una tienda online, la mayoría de preguntas se repiten: cuánto cuesta el envío, cuánto tarda, cómo se devuelve un producto o qué talla elegir. Un chatbot entrenado con tu tienda contesta eso al momento, también de noche, que es cuando muchos clientes compran.
Ada lee las páginas públicas de tu tienda (fichas de producto, políticas de envío y devolución, preguntas frecuentes) y responde con esa información. Si alguien quiere hablar con una persona, le pide los datos y te llega un email con el resumen.
| Pregunta del cliente | De dónde sale la respuesta |
|---|---|
| ¿Cuánto cuesta el envío a Canarias? | Tu página de política de envíos |
| ¿Puedo devolverlo si no me queda bien? | Tu política de reembolsos |
| ¿Esta chaqueta abriga para la montaña? | La descripción de la ficha de producto |
| ¿Tenéis tienda física? | Tu página de contacto o «Sobre nosotros» |
| ¿Dónde está mi pedido? | Solo si conectas una API propia; si no, el asistente indica cómo consultarlo o recoge el contacto |
El código de tu asistente
En el panel de Ada, en la pantalla de instalación, tienes el código ya completo con tu identificador. Cópialo desde ahí. Tiene este formato, donde TU_CODIGO es tu código público:
<script src="https://ada-assistant.com/wozzo-chat.js" data-public-url="TU_CODIGO" defer></script>Paso a paso para pegarlo en theme.liquid
El archivo theme.liquid es la plantilla común de todas las páginas de tu tema, por eso lo que pegues ahí sale en toda la tienda. Haz primero una copia del tema: si algo sale mal, vuelves a ella en un clic.
- Ve a tus temas
En el admin de Shopify entra en Tienda online > Temas.
- Duplica el tema activo
En el menú de tres puntos («…») de tu tema actual, pulsa Duplicar. Esa copia es tu seguridad.
- Abre el editor de código
En el tema activo, abre de nuevo el menú «…» y elige Editar código.
- Abre theme.liquid
En la carpeta layout de la izquierda, haz clic en theme.liquid.
- Pega el código antes de </body>
Busca la etiqueta </body>, casi al final del archivo (con Ctrl+F o Cmd+F). Pega el código de Ada en la línea justo anterior.
- Guarda
Pulsa Guardar. El cambio se aplica a la tienda al momento.
Los nombres de los menús pueden aparecer en inglés o en español según el idioma de tu admin de Shopify: «Online Store > Themes», «Duplicate» y «Edit code» son lo mismo.
Cómo comprobarlo en la tienda
Abre tu tienda en una ventana de incógnito y mira tres sitios: la portada, una ficha de producto y el carrito. En los tres tiene que aparecer la burbuja.
- Haz una pregunta sobre envíos o devoluciones y comprueba que responde con lo que dice tu política.
- Pregunta por un producto concreto por su nombre.
- En el panel de Ada, la pantalla de instalación indica cuándo detecta el asistente en tu dominio.
Qué pasa si cambias o actualizas el tema
El código vive dentro del tema. Si publicas otro tema o instalas una versión nueva del tuyo, el código no pasa al nuevo y tendrás que pegarlo otra vez.
Es el principal inconveniente de este método. Para no olvidarlo, apúntalo en la lista de tareas de cuando cambies de tema, igual que harías con el píxel de anuncios o el código de analítica. Repetir los pasos lleva cinco minutos.
Las «App embeds» de Shopify, que se activan con un interruptor en el editor del tema, solo sirven para apps publicadas en la tienda de apps de Shopify. Ada no tiene app de Shopify, así que el método es el de theme.liquid.
Problemas frecuentes
| Síntoma | Causa probable | Solución |
|---|---|---|
| No aparece en ninguna página | Editaste un tema que no es el publicado | Comprueba que el tema que editaste es el activo, no la copia |
| Dejó de aparecer de un día para otro | Has cambiado o actualizado el tema | Vuelve a pegar el código en el theme.liquid del tema nuevo |
| La tienda se ve rara tras guardar | Se ha borrado algo del archivo sin querer | Publica la copia que duplicaste o usa el historial de versiones del archivo |
| Sale dos veces | También lo pegaste en otra plantilla | Déjalo solo en theme.liquid |
| Responde de forma genérica | El rastreo de tu tienda no ha terminado o faltan páginas | Revisa las fuentes en el panel de Ada y añade tus políticas de envío y devolución |
Qué fuentes añadir además de la tienda
Además de las páginas de la tienda, puedes subir documentos: una tabla de tallas en PDF, un Excel con tarifas de envío por zona o un catálogo. El asistente los usa igual que tus páginas.
Si un dato cambia a menudo, como los plazos de envío en campañas, fija que la fuente se vuelva a leer cada semana. Y escribe en las instrucciones lo que no debe hacer, por ejemplo no prometer fechas de entrega exactas.
Atiende también por WhatsApp
Si tus clientes ya te escriben por WhatsApp antes de comprar, no hace falta un segundo asistente. Con el plan Premium de Ada, el mismo asistente contesta en tu número de WhatsApp con la API oficial de Meta, y tú sigues usando la app WhatsApp Business en el móvil para los casos que quieras llevar en persona.
Lo tienes en chatbot para WhatsApp. Para el ángulo de tienda online, mira también chatbot para ecommerce.
Preguntas frecuentes
¿Hace falta una app para poner un chatbot en Shopify?
No. Ada se instala pegando una línea de código en theme.liquid. No necesitas instalar ninguna app.
¿Qué plan de Shopify necesito?
Cualquiera que te permita editar el código del tema. El método no depende de un plan concreto.
¿El chatbot puede ver el estado de los pedidos?
No por sí solo. Ada responde con lo publicado en tu tienda y tus documentos. Si tienes una API propia con los datos de pedidos, puedes conectarla como fuente.
¿Afecta a la velocidad de la tienda?
El código se carga con «defer» al final de la página, así que la tienda se muestra primero y el chat después.
¿Por qué no sale en la página de pago?
El checkout de Shopify no usa la plantilla del tema, así que el código no se carga ahí.
¿Qué hago si cambio de tema?
Vuelve a pegar el código antes de </body> en el theme.liquid del tema nuevo.
Prueba Ada Assistant 7 días gratis
Sin tarjeta. Pega la dirección de tu web y en unos minutos tienes un asistente que responde con tu información.
Fuentes
- Ayuda de Shopify: Editar el código del tema (consultado en octubre 2026)
- Shopify Dev: Layouts (theme.liquid) (consultado en octubre 2026)
- Ayuda de Shopify: App embeds (consultado en octubre 2026)