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

# Shopify Integration

> Embed your ReplyBubble AI chatbot on your Shopify storefront in 3 minutes

Add the ReplyBubble chat widget to your Shopify store to capture leads, answer questions automatically with AI, and provide instant support to your shoppers.

> **Time estimate:** \~3 minutes

***

## 1. Copy your Widget ID

First, you need your unique ReplyBubble Widget ID.

1. Log in to your [ReplyBubble dashboard](https://app.replybubble.com)
2. Go to **Integrations → Shopify**
3. Click **Copy** next to your Widget ID

***

## 2. Install the widget

The easiest way to install ReplyBubble is by adding our lightweight embed snippet directly into your Shopify theme. This works for all Shopify themes, including Online Store 2.0.

### Theme Editor Method (Recommended)

1. In your Shopify admin, go to **Online Store → Themes**.
2. Find your active theme and click **Actions** (the `...` menu) **→ Edit code**.
3. In the left sidebar under the **Layout** folder, click on `theme.liquid`.
4. Scroll to the very bottom of the file to find the closing `</body>` tag.
5. Paste the embed snippet directly *above* the `</body>` tag:

```html theme={null}
<script
  src="https://app.replybubble.com/widget/replybubble.js"
  data-widget-id="YOUR_WIDGET_ID"
  async
></script>
```

> **Important:** Make sure to replace `YOUR_WIDGET_ID` with the ID you copied from your ReplyBubble dashboard.

6. Click **Save** in the top right corner.

***

## 3. Verify installation

After saving your theme:

1. Open your Shopify storefront in a new browser tab.
2. Look for the ReplyBubble chat icon in the bottom-right corner of the page.
3. Click it and send a test message.
4. Check your [ReplyBubble inbox](https://app.replybubble.com/conversations) to confirm the message arrived.

***

## Performance Notes

ReplyBubble is designed to be completely invisible to your store's performance metrics until it's needed:

* The script uses the `async` attribute, meaning it will never block your page from loading.
* Widget assets are cached and served through a CDN-fronted endpoint.
* The heavy lifting (AI processing) happens on our servers, not your customer's device.

***

## Troubleshooting

### The widget isn't showing up

* **Check the Widget ID:** Ensure the ID in the script matches the one in your dashboard exactly. It starts with `rbw_` followed by a random string, e.g., `rbw_Pi2DpP7ytgMObG0mbkzUuA`.
* **Clear your cache:** If you use a caching app on Shopify, try clearing its cache.
* **Check where you pasted it:** Make sure the script is above `</body>` and not inside another script block or commented out.

### The widget shows on the homepage but not product pages

If you followed the `theme.liquid` method above, the widget should appear on all pages automatically. If it doesn't, ensure you edited the active/published theme and not a draft theme.

### Need more help?

Visit our [Troubleshooting guide](/troubleshooting) or reach out through the chat widget on [replybubble.com](https://replybubble.com).