# Instalar el widget de chat en Shopify

> Añade la burbuja de chat de intoCHAT a tu tienda Shopify pegando una etiqueta script en theme.liquid y conecta la tienda para que el agente busque productos.

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:

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

## Añadirlo a tu tema

> Duplica antes tu tema para tener una copia de seguridad.

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](/es/docs/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.

> Actualizar el tema a una versión nueva o cambiar de tema puede eliminar el código añadido. Comprueba después que la burbuja sigue ahí y, si no, vuelve a pegar el código.

## 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](/es/docs/connect-your-store).

## 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](/es/docs/troubleshooting). Lo que puede hacer el agente en una tienda Shopify se explica en la [página de la integración con Shopify](/es/integraciones/shopify).