> ## 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

> Connect your Shopify store with Jelou.

<Frame>
  <img src="https://mintcdn.com/jelouai/fqlUMrdB775NeopS/assets/images/marketplace/e-commerce/shopify-jelou-shop-en.png?fit=max&auto=format&n=fqlUMrdB775NeopS&q=85&s=b2adf3a257edd81764d38e81654c9e8f" alt="Shopify and Jelou Shop connection in Brain Studio" width="2704" height="1300" data-path="assets/images/marketplace/e-commerce/shopify-jelou-shop-en.png" />
</Frame>

The Shopify integration uses **OAuth 2.0**. You authorize Jelou from your Shopify account in a few steps.

<Tip>
  When you connect Shopify, the **Jelou Shop** MCP is included automatically. You can start the connection from the **Jelou Agent** (in Brain Studio) or from the **Marketplace**.
</Tip>

## Connect your store

<Steps>
  <Step title="Open Shopify in the Marketplace">
    In the Jelou **Marketplace**, search for and select **Shopify** in the catalog.

    <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 in the Jelou Marketplace catalog" width="1394" height="703" data-path="assets/images/marketplace/e-commerce/shopify/marketplace-jelou.png" />
    </Frame>
  </Step>

  <Step title="Click Connect">
    On the integration page, click **Connect**.

    <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="Shopify integration page with the Connect button" width="1118" height="652" data-path="assets/images/marketplace/e-commerce/shopify/integracion-shopify.png" />
    </Frame>
  </Step>

  <Step title="Select your store in Shopify">
    Log in to Shopify and choose the store you want to connect.

    <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="Store selection in Shopify" width="1175" height="701" data-path="assets/images/marketplace/e-commerce/shopify/1.png" />
    </Frame>
  </Step>

  <Step title="Authorize the Jelou Commerce app">
    Review the requested permissions and click **Install** to install the **Jelou Commerce** app in your store.

    <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="Jelou Commerce app installation screen in Shopify" width="1173" height="582" data-path="assets/images/marketplace/e-commerce/shopify/2.png" />
    </Frame>
  </Step>

  <Step title="Confirm the authorization">
    You will see the **Authorization successful!** message. Close the window and return to 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="Jelou successful authorization message" width="1168" height="698" data-path="assets/images/marketplace/e-commerce/shopify/3.png" />
    </Frame>
  </Step>
</Steps>

Once connected, the integration page shows the **connected account**. From there you can also **remove the integration** whenever you need to.

<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="Connected Shopify integration showing the linked account" width="1118" height="653" data-path="assets/images/marketplace/e-commerce/shopify/4.png" />
</Frame>

## Native checkout in your store

If you prefer the payment to be completed in your own Shopify store instead of the Jelou payment flow, enable `use_external_checkout: true` when running the `get_and_clear_cart` tool. Jelou generates a Shopify cart permalink and returns it in `checkout_url` so the user can finalize the purchase in your store's official checkout.

<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="Native Shopify checkout opened from the link generated by 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="View example response">
  ```json theme={null}
  {
    "success": true,
    "data": {
      "items": [
        { "product_name": "Light blue t-shirt", "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://my-store.myshopify.com/cart/456:2?attributes%5Bjelou_cart_id%5D=12345"
    }
  }
  ```
</Accordion>

## Next step

Once your store is connected, choose how you want your customers to interact with the products:

<CardGroup cols={2}>
  <Card title="WebView interaction" icon="window" href="/en/guides/integraciones/e-commerce/webview">
    Send catalogs and carts as interactive webviews inside WhatsApp
  </Card>

  <Card title="Conversational interaction" icon="comments" href="/en/guides/integraciones/e-commerce/conversacional">
    The AI agent describes products and manages the cart directly in the conversation
  </Card>
</CardGroup>
