> ## Documentation Index
> Fetch the complete documentation index at: https://docs.jelou.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Shopify

> Conecta tu tienda de Shopify con Jelou.

<Frame>
  <img src="https://mintcdn.com/jelouai/fqlUMrdB775NeopS/assets/images/marketplace/e-commerce/shopify-jelou-shop-es.png?fit=max&auto=format&n=fqlUMrdB775NeopS&q=85&s=d59a1df1cdc376ed7ea135a77f910a73" alt="Conexión de Shopify con Jelou Shop en Brain Studio" width="2704" height="1302" data-path="assets/images/marketplace/e-commerce/shopify-jelou-shop-es.png" />
</Frame>

La integración de Shopify usa **OAuth 2.0**. Autorizas a Jelou desde tu cuenta de Shopify en pocos pasos.

<Tip>
  Al conectar Shopify, el MCP de **Jelou Shop** se incluye automáticamente. Puedes iniciar la conexión desde el **Jelou Agent** (en Brain Studio) o desde el **Marketplace**.
</Tip>

## Conecta tu tienda

<Steps>
  <Step title="Abre Shopify en el Marketplace">
    En el **Marketplace** de Jelou, busca y selecciona **Shopify** en el catálogo.

    <Frame>
      <img src="https://mintcdn.com/jelouai/ydB9wMhDYN6iEY6P/assets/images/marketplace/e-commerce/shopify/marketplace-jelou.png?fit=max&auto=format&n=ydB9wMhDYN6iEY6P&q=85&s=8d686b9cf56829d4297d442f6b9749c7" alt="Shopify en el catálogo del Marketplace de Jelou" width="1394" height="703" data-path="assets/images/marketplace/e-commerce/shopify/marketplace-jelou.png" />
    </Frame>
  </Step>

  <Step title="Haz clic en Conectar">
    En la ficha de la integración, haz clic en **Conectar**.

    <Frame>
      <img src="https://mintcdn.com/jelouai/ydB9wMhDYN6iEY6P/assets/images/marketplace/e-commerce/shopify/integracion-shopify.png?fit=max&auto=format&n=ydB9wMhDYN6iEY6P&q=85&s=9313f22c12e9b5bf390f7c3567e18420" alt="Ficha de la integración de Shopify con el botón Conectar" width="1118" height="652" data-path="assets/images/marketplace/e-commerce/shopify/integracion-shopify.png" />
    </Frame>
  </Step>

  <Step title="Selecciona tu tienda en Shopify">
    Inicia sesión en Shopify y elige la tienda que quieres conectar.

    <Frame>
      <img src="https://mintcdn.com/jelouai/ydB9wMhDYN6iEY6P/assets/images/marketplace/e-commerce/shopify/1.png?fit=max&auto=format&n=ydB9wMhDYN6iEY6P&q=85&s=e4d0d2ea8851f2266549540eb7bb357a" alt="Selección de tienda en Shopify" width="1175" height="701" data-path="assets/images/marketplace/e-commerce/shopify/1.png" />
    </Frame>
  </Step>

  <Step title="Autoriza la app Jelou Commerce">
    Revisa los permisos solicitados y haz clic en **Install** para instalar la app **Jelou Commerce** en tu tienda.

    <Frame>
      <img src="https://mintcdn.com/jelouai/ydB9wMhDYN6iEY6P/assets/images/marketplace/e-commerce/shopify/2.png?fit=max&auto=format&n=ydB9wMhDYN6iEY6P&q=85&s=8309d2dd9861244a25794d5b98a7207a" alt="Pantalla de instalación de la app Jelou Commerce en Shopify" width="1173" height="582" data-path="assets/images/marketplace/e-commerce/shopify/2.png" />
    </Frame>
  </Step>

  <Step title="Confirma la autorización">
    Verás el mensaje **¡Autorización exitosa!**. Cierra la ventana y vuelve a Jelou.

    <Frame>
      <img src="https://mintcdn.com/jelouai/ydB9wMhDYN6iEY6P/assets/images/marketplace/e-commerce/shopify/3.png?fit=max&auto=format&n=ydB9wMhDYN6iEY6P&q=85&s=789c859fcad62232279ae3e8c4f74e49" alt="Mensaje de autorización exitosa de Jelou" width="1168" height="698" data-path="assets/images/marketplace/e-commerce/shopify/3.png" />
    </Frame>
  </Step>
</Steps>

Una vez conectada, la ficha de la integración muestra la **cuenta conectada**. Desde ahí también puedes **eliminar la integración** cuando lo necesites.

<Frame>
  <img src="https://mintcdn.com/jelouai/ydB9wMhDYN6iEY6P/assets/images/marketplace/e-commerce/shopify/4.png?fit=max&auto=format&n=ydB9wMhDYN6iEY6P&q=85&s=e2126e6d7cc4f41fc5778926ee5b3bb4" alt="Integración de Shopify conectada con la cuenta vinculada" width="1118" height="653" data-path="assets/images/marketplace/e-commerce/shopify/4.png" />
</Frame>

## Checkout nativo en tu tienda

Si prefieres que el pago se complete en tu propia tienda de Shopify en lugar del flujo de pago de Jelou, activa `use_external_checkout: true` al ejecutar la herramienta `get_and_clear_cart`. Jelou genera un permalink del carrito de Shopify y lo devuelve en `checkout_url` para que el usuario finalice la compra en el checkout oficial de tu tienda.

<Frame>
  <img src="https://mintcdn.com/jelouai/hBKJUHL4aHZZv5xR/assets/images/marketplace/e-commerce/external-shopify.jpeg?fit=max&auto=format&n=hBKJUHL4aHZZv5xR&q=85&s=925264e6e393b7bb8e41e84449fcfa1b" alt="Checkout nativo de Shopify abierto desde el enlace generado por Jelou" style={{ maxWidth: "250px", width: "100%", margin: "0 auto", display: "block" }} width="717" height="1438" data-path="assets/images/marketplace/e-commerce/external-shopify.jpeg" />
</Frame>

<Accordion title="Ver ejemplo de respuesta">
  ```json theme={null}
  {
    "success": true,
    "data": {
      "items": [
        { "product_name": "Camiseta celeste", "sku": "vj6ybab6e1", "quantity": 2, "price": "35.00", "discount_value": 70, "tax_rate": 0 }
      ],
      "total": 70,
      "subTotal": 70,
      "tax": 0,
      "tax_value": 0,
      "cart_id": 12345,
      "checkout_url": "https://mi-tienda.myshopify.com/cart/456:2?attributes%5Bjelou_cart_id%5D=12345"
    }
  }
  ```
</Accordion>

## Siguiente paso

Una vez conectada tu tienda, elige cómo quieres que tus clientes interactúen con los productos:

<CardGroup cols={2}>
  <Card title="Interacción por WebView" icon="window" href="/guides/integraciones/e-commerce/webview">
    Envía catálogos y carritos como webviews interactivas dentro de WhatsApp
  </Card>

  <Card title="Interacción conversacional" icon="comments" href="/guides/integraciones/e-commerce/conversacional">
    El agente de IA describe productos y gestiona el carrito directamente en la conversación
  </Card>
</CardGroup>