Instalar el widget de chat en Shopify

En Shopify, añades la burbuja de chat pegando una sola etiqueta script en tu tema. No hay ninguna app que instalar, y la búsqueda de productos funciona con los datos públicos de tu tienda, sin clave API.

Copiar el código

Abre la pestaña Share de tu agente. En la tarjeta Shopify, haz clic en Copy Code. Es el mismo script que el de la tarjeta Bubble Chat y ya incluye el ID de tu agente:

<script src="https://www.intochat.ai/api/embed.js" data-chatbot-id="YOUR_AGENT_ID"></script>

Añadirlo a tu tema

1. En la administración de Shopify, ve a Tienda online → Temas.
2. Junto a tu tema actual, haz clic en ⋯ y elige Editar código.
3. En la carpeta Layout, abre theme.liquid.
4. Pega el código justo encima de </body> y haz clic en Guardar.
5. Abre tu tienda. La burbuja de chat aparece en la esquina inferior de cada página que usa este layout, con los colores y la posición de la pestaña Appearance.

Justo encima de </body> es el lugar recomendado, pero el código también funciona en la sección <head> de theme.liquid. Si acaba dos veces en el tema, solo aparece una burbuja.

Dejar que el agente busque tus productos

1. Abre la pestaña Actions (Acciones) y elige Connect your website.
2. Pega la dirección de tu tienda. intoCHAT detecta Shopify y añade dos acciones: Search products, con hasta cinco resultados por búsqueda, y Get product details, con variantes, precios y stock.
3. Prueba en el Playground: pregunta por un producto, un precio o si algo está en stock. Las respuestas muestran tarjetas de producto con imagen, precio y enlace a la página del producto.

Los productos se buscan en directo mientras el visitante chatea, así que los productos nuevos y los cambios de precio aparecen sin volver a entrenar. La conexión solo lee datos públicos de productos. No ve pedidos, carritos ni datos de clientes, así que el agente no puede consultar pedidos, gestionar devoluciones ni completar compras en el chat. En su lugar, lleva al cliente a la página adecuada.

Si tu tienda está protegida con contraseña, el agente no ve sus productos. Quita la contraseña en Tienda online → Preferencias y vuelve a conectarla. Más detalles en Conectar tu tienda.

Entrenar al agente con el contenido de tu tienda

En la pestaña Knowledge (Conocimiento), escribe la dirección de tu tienda y elige tus páginas de envíos, devoluciones y preguntas frecuentes. Sube guías de tallas o condiciones como archivos y añade pares de preguntas y respuestas para las respuestas que deben tener una redacción exacta.

Solución de problemas

• No aparece la burbuja en la tienda. Comprueba que editaste el tema publicado y no una copia, y que el código está encima de </body> en theme.liquid.
• "Chatbot not found." en la consola del navegador. El ID del agente en el código no es correcto. Cópialo de nuevo desde la pestaña Share.
• "Connect your website" falla. Comprueba que la dirección es la de tu tienda pública y que no está protegida con contraseña.

Encontrarás más casos en Solución de problemas. Lo que puede hacer el agente en una tienda Shopify se explica en la página de la integración con Shopify.