> ## Documentation Index
> Fetch the complete documentation index at: https://superflow-claude-superflow-mcp-docs-distribution-b0cixg.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Setup

> How to setup Superflow with Google Tag Manager

## 1) Enter Your Site URL

Enter the site URL you want Superflow to be installed in.

<Frame>
  <img src="https://mintcdn.com/superflow-claude-superflow-mcp-docs-distribution-b0cixg/n4Ttlzoo_zNaKFSB/images/enter-url-final.png?fit=max&auto=format&n=n4Ttlzoo_zNaKFSB&q=85&s=2b8a6571c4a702fbb71a4c339de68729" alt="" width="3736" height="1797" data-path="images/enter-url-final.png" />
</Frame>

## 2) Set Up with Google Tag Manager

If Google Tag Manager is detected with the site URL you entered, you will see a banner at the top recommending that you install with Google Tag Manager.

Click Start Setup inside the banner to install Superflow with Google Tag Manager.

<Frame>
  <img src="https://mintcdn.com/superflow-claude-superflow-mcp-docs-distribution-b0cixg/n4Ttlzoo_zNaKFSB/images/gtm1.png?fit=max&auto=format&n=n4Ttlzoo_zNaKFSB&q=85&s=3a4d5cc99cae9d681314a66ce78cd9ae" alt="" width="3786" height="1779" data-path="images/gtm1.png" />
</Frame>

## 3) Authenticate with your Google Tag Manager account

You will be asked to authenticate with the email associated with your Google Tag Manager account.

<Frame>
  <img src="https://mintcdn.com/superflow-claude-superflow-mcp-docs-distribution-b0cixg/n4Ttlzoo_zNaKFSB/images/gtm2.png?fit=max&auto=format&n=n4Ttlzoo_zNaKFSB&q=85&s=6ad89dddec9967310483cc7134d05acd" alt="" width="3780" height="1783" data-path="images/gtm2.png" />
</Frame>

Once you choose your email, you should see this loading screen.

<Frame>
  <img src="https://mintcdn.com/superflow-claude-superflow-mcp-docs-distribution-b0cixg/n4Ttlzoo_zNaKFSB/images/gtm3.png?fit=max&auto=format&n=n4Ttlzoo_zNaKFSB&q=85&s=c0ff0baf83a70191a9dc7b55c1ec9c33" alt="" width="1020" height="758" data-path="images/gtm3.png" />
</Frame>

## 4) Choose the Account and Tag Container from your Google Tag Manager account.

Choose the Google Tag Manager Account and Tag Container that you will be using to install Superflow within.

<Frame>
  <img src="https://mintcdn.com/superflow-claude-superflow-mcp-docs-distribution-b0cixg/n4Ttlzoo_zNaKFSB/images/gtm4.png?fit=max&auto=format&n=n4Ttlzoo_zNaKFSB&q=85&s=bf4b3b2912f41f9109f7f751fca3a9d3" alt="" width="3786" height="1781" data-path="images/gtm4.png" />
</Frame>

## 5) Create and Publish Tag

We will now create and publish a tag on your Google Tag Manager Account and Tag Container.

Click on Create and Publish Tag to authorize this.

<Info>This will also publish any unpublished changes you have on your GTM workspace</Info>

<Frame>
  <img src="https://mintcdn.com/superflow-claude-superflow-mcp-docs-distribution-b0cixg/n4Ttlzoo_zNaKFSB/images/gtm5.png?fit=max&auto=format&n=n4Ttlzoo_zNaKFSB&q=85&s=360668316f6c7ba5e32b2b788c3126ef" alt="" width="3788" height="1783" data-path="images/gtm5.png" />
</Frame>

## 6) Verify your Installation

Verify your Superflow installation by clicking the Verify button on the onboarding flow.

<Frame>
  <img src="https://mintcdn.com/superflow-claude-superflow-mcp-docs-distribution-b0cixg/n4Ttlzoo_zNaKFSB/images/gtm6.png?fit=max&auto=format&n=n4Ttlzoo_zNaKFSB&q=85&s=43eccb72b89b67bc95c30bc4c508cd6b" alt="" width="3796" height="1789" data-path="images/gtm6.png" />
</Frame>

If successful, you should be redirected to your published site and see the following success message:

<Frame>
  <img src="https://mintcdn.com/superflow-claude-superflow-mcp-docs-distribution-b0cixg/rzp_Kf626CpFLNRx/images/verified-final.png?fit=max&auto=format&n=rzp_Kf626CpFLNRx&q=85&s=75f707e20661194a1fccb6f448a63ab7" alt="" width="1366" height="1206" data-path="images/verified-final.png" />
</Frame>

## 7) Troubleshooting

Having trouble getting your verifying your installation? Here are the common mistakes users encounter when installing Superflow:

* Did you forget to save the Custom Code?
* Did you forget to publish your site?
* Is the browser still loading a cached version?
* Did you add `?review=true` at the end of your url?
* Did you publish your changes on a staging URL while you are trying to access a Prod URL?
* Did you accidentally install multiple Superflow scripts in the Custom Code?

## 8) Navigate to your site

Now that you have verified that Superflow has been installed on your site, navigate to your published site and add `?review=true` at the end of the URL to enable Superflow.

`Example: mywebsite.yoursite.com/?review=true`

## 9) Test out Superflow

You should now see a Superflow toolbar on the bottom right of you screen.

<Frame>
  <img src="https://mintcdn.com/superflow-claude-superflow-mcp-docs-distribution-b0cixg/rzp_Kf626CpFLNRx/images/toolbar-final.png?fit=max&auto=format&n=rzp_Kf626CpFLNRx&q=85&s=733cc474e9aaa9b5d0729d96b551026c" alt="" width="3678" height="1775" data-path="images/toolbar-final.png" />
</Frame>

## 10) Dropping your first comment

Try leaving a comment on your page.

You can leave a comment in several different ways:

* By highlighting any text
* By hovering over any element on the page
* By drawing a box anywhere on the page

You can also leave voice and screen recordings in your comments as well!

<Frame>
  <img src="https://mintcdn.com/superflow-claude-superflow-mcp-docs-distribution-b0cixg/n4Ttlzoo_zNaKFSB/images/demo.gif?s=6f8df184333809e2503864fe76fc8ecb" alt="" width="640" height="360" data-path="images/demo.gif" />
</Frame>
