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

# Shopify Integration

> Run AI Visual Editor A/B tests on a Shopify store by adding a GrowthBook SDK Connection snippet to your theme.

# Shopify Integration

Unleash the power of experimentation with GrowthBook to supercharge your Shopify store—no coding skills required!

Pro

**AI Visual Editor**
is available on Pro and Enterprise plans.

## Let's Get Started

### Step 1: Create a GrowthBook SDK Connection

To connect your GrowthBook account to Shopify, you'll need to create a new SDK Connection and select the `Shopify` option. Before saving, confirm that you've enabled the toggles for `Include visual experiments in endpoint's response?` and `Include draft experiments`.

![Shopify SDK Connection in GrowthBook](https://mintcdn.com/growthbook-ea15456d/hKkmiLOwhH6E2xcD/static/images/integrations/shopify/shopify-sdk-connection.png?fit=max\&auto=format\&n=hKkmiLOwhH6E2xcD\&q=85\&s=3d3fc27d740ecd582145a5cf20a21114)

### Step 2: Add GrowthBook to Your Shopify Theme

Once the SDK Connection is created, you should see a code snippet that you need to add to your store.

Log into your Shopify account, navigate to your online store, and edit your store's code.

![Edit code for a Shopify theme](https://mintcdn.com/growthbook-ea15456d/hKkmiLOwhH6E2xcD/static/images/integrations/shopify/growthbook-shopify-edit-code.png?fit=max\&auto=format\&n=hKkmiLOwhH6E2xcD\&q=85\&s=b28f858ed2de77184815945fd5d7ce54)

Once you're in the code editor, locate the `theme.liquid` file and add the snippet exactly as shown just before the closing `</head>` tag. Here's an example of how it should look:

![theme.liquid with the GrowthBook snippet before the closing head tag](https://mintcdn.com/growthbook-ea15456d/hKkmiLOwhH6E2xcD/static/images/integrations/shopify/shopify-theme-editor.png?fit=max\&auto=format\&n=hKkmiLOwhH6E2xcD\&q=85\&s=fba083e6ace9bfa466baec852590a5e9)

> [!NOTE]
>
> **Tracking experiment views**
>
> When a user views an experiment, this script will fire an event that tracks which variation the user saw. If you have Google Analytics 4 (GA4) or Segment installed on your store, you don't have to do any additional configuration. If, however, you need to use a different analytics provider, you can follow the [HTML Script Tag guide](https://docs.growthbook.io/lib/script-tag.md).

Once added, click "Save" and navigate back to GrowthBook.

### Step 3: Install the GrowthBook AI Visual Editor

Install the [GrowthBook AI Visual Editor](https://chromewebstore.google.com/detail/growthbook-visual-editor/nbomejknbpkcpjdagefhichaajpoempk) from the Chrome Web Store, then open the side panel and click **Connect with GrowthBook**. See [Install and connect](https://docs.growthbook.io/app/visual/install-and-connect.md) for the full setup.

### Step 4: Create a GrowthBook AI Visual Editor Experiment

> [!TIP]
>
> **Questions about the AI Visual Editor?**
>
> If you have questions about how to use the AI Visual Editor, see the [AI Visual Editor guide](https://docs.growthbook.io/app/visual).

Now that GrowthBook is installed on your Shopify store and you've installed the browser extension, you can create a new experiment using the AI Visual Editor.

First, navigate to "Experiments" on the left-hand navigation menu and then click "Create Experiment", before selecting "Design a New Experiment" and following the on-screen prompts.

Once you've created your experiment, select "AI Visual Editor" as the editor type and enter the URL of your Shopify store.

![Open the AI Visual Editor on a Shopify store](https://mintcdn.com/growthbook-ea15456d/hKkmiLOwhH6E2xcD/static/images/integrations/shopify/growthbook-shopify-open-visual-editor.png?fit=max\&auto=format\&n=hKkmiLOwhH6E2xcD\&q=85\&s=e1df4d987c0b449ed3e6ef34b26b8a59)

You'll then be redirected to your store, where you can use the AI Visual Editor to update your store's content.