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

# Install and Connect the GrowthBook AI Visual Editor

> Install the GrowthBook AI Visual Editor from the Chrome Web Store and connect it to your GrowthBook account with a single click.

Pro

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

The GrowthBook AI Visual Editor is a standalone Chrome extension. Setup is two clicks and about thirty seconds — install the extension, then click **Connect with GrowthBook**.

## 1. Install the extension

Install **[GrowthBook AI Visual Editor](https://chromewebstore.google.com/detail/growthbook-visual-editor/nbomejknbpkcpjdagefhichaajpoempk)** from the Chrome Web Store (Chrome, Edge, Brave, Dia, and most Chromium browsers).

## 2. Open the side panel

![The GrowthBook AI Visual Editor Getting Started](https://mintcdn.com/growthbook-ea15456d/J3C3juKhu0f7KEr_/static/images/visual-editor/ve-connect-step1.png?fit=max\&auto=format\&n=J3C3juKhu0f7KEr_\&q=85\&s=38c7fd903ac45d56239a73aaf190f44a)

Open the extension menu (top right) and choose **GrowthBook Visual Editor**. The first time you open the side panel, you'll see a **Connect with GrowthBook** button.

## 3. Click "Connect with GrowthBook"

Click **Connect with GrowthBook**. A new tab opens to GrowthBook:

![Connect with GrowthBook button to be signed in](https://mintcdn.com/growthbook-ea15456d/J3C3juKhu0f7KEr_/static/images/visual-editor/ve-connect-step2.png?fit=max\&auto=format\&n=J3C3juKhu0f7KEr_\&q=85\&s=d549527553b5a32502799cdc31351599)

1. **Already signed in, one org** — an AI Visual Editor access key is generated and passed back to the extension automatically. The tab closes; the side panel shows you're connected.
2. **Not signed in** — log in first, then the flow continues as above.
3. **Multiple orgs** — pick which org to connect to from a dropdown, then the key is generated.

No copying tokens or pasting strings.

### Where the key is stored

The access key is stored in the extension's local storage on your machine. It's not synced across browsers, and it's only sent in the `Authorization` header of requests to the GrowthBook API host the extension is configured for.

### Self-hosted GrowthBook

> [!TIP]
>
> **Self-hosted GrowthBook AI Visual Editor support is coming soon.**

The one-click flow works on GrowthBook Cloud and self-hosted instances the extension has synced with before. On a fresh install pointing at self-hosted:

1. Open the gear menu → **API host** and set your host (e.g. `https://api.growthbook.io` or `https://localhost:3100`).
2. Paste a [personal access token](https://app.growthbook.io/account/personal-access-tokens) (or the equivalent on your instance).
3. Click **Connect with GrowthBook**.

Still failing? See [Troubleshooting → Extension can't connect](https://docs.growthbook.io/app/visual/troubleshooting.md#extension-cant-connect-to-my-self-hosted-growthbook).

## 4. The gear menu

Once connected, there's a gear icon in the side panel header. Open it for:

* **Status** — shows whether the extension is connected and whether the editor is targeting the active tab's domain.
* **Language** — change the side panel's language. Independent of your GrowthBook web UI language.
* **Dark mode** — toggles the side panel's UI theme. Independent of your GrowthBook web UI theme.
* **Change Connection** — change which GrowthBook host you're talking to (e.g., switch from production to staging, or set a self-hosted host) or change the personal access token.
* **Disconnect** — clear the stored key and return to the disconnected state. Use this when handing off the browser to someone else.

## Next steps

* **[AI mode](https://docs.growthbook.io/app/visual/ai-mode.md)** — write your first variation.
* **[Running on your site](https://docs.growthbook.io/app/visual/running-on-your-site.md)** — install the SDK so variations render in production.