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

## 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) Select Squarespace from the list of Platforms

Choose Squarespace from the list of options to install Superflow with Squarespace.

<Frame>
  <img src="https://mintcdn.com/superflow-claude-superflow-mcp-docs-distribution-b0cixg/rzp_Kf626CpFLNRx/images/select-squarespace-final.png?fit=max&auto=format&n=rzp_Kf626CpFLNRx&q=85&s=57b04605a95e1c7fceb2708634d81c99" alt="" width="3000" height="1451" data-path="images/select-squarespace-final.png" />
</Frame>

## 3) Copy your unique Superflow code

You can copy your unique Superflow code from the onboarding flow or from your project settings in your dashboard.

<Frame>
  <img src="https://mintcdn.com/superflow-claude-superflow-mcp-docs-distribution-b0cixg/n4Ttlzoo_zNaKFSB/images/copy-code-final.png?fit=max&auto=format&n=n4Ttlzoo_zNaKFSB&q=85&s=bdf05ea55ba43e0c6045780cfa0ebea8" alt="" width="3006" height="1457" data-path="images/copy-code-final.png" />
</Frame>

## 4) Go to Settings on your Squarespace Site

You can get to Settings by clicking on the the bottom left of the side menu.

<Frame>
  <img src="https://mintcdn.com/superflow-claude-superflow-mcp-docs-distribution-b0cixg/rzp_Kf626CpFLNRx/images/settings-squarespace-1-final.png?fit=max&auto=format&n=rzp_Kf626CpFLNRx&q=85&s=eb3b0957cbd35943dd09cb2cfb04ecd1" alt="" width="3658" height="1661" data-path="images/settings-squarespace-1-final.png" />
</Frame>

## 5) Go to Developer Tools -> Code Injection within Settings

Next, click on Developer Tools on the bottom left, and after the dropdown expands, click on Code Injection.

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

## 6) Add your unique Superflow code in the Footer section

Scroll down and add your unique Superflow code in the Footer Code section. Be sure to save.

<Frame>
  <img src="https://mintcdn.com/superflow-claude-superflow-mcp-docs-distribution-b0cixg/n4Ttlzoo_zNaKFSB/images/footer-squarespace-final.png?fit=max&auto=format&n=n4Ttlzoo_zNaKFSB&q=85&s=83ceb4bedc3f5687c7a57def9269632b" alt="" width="1698" height="1014" data-path="images/footer-squarespace-final.png" />
</Frame>

## 7) Publish your Squarespace site

To Publish your site and make it live to the public, first go to Settings by clicking on the bottom left of the side menu.

<Frame>
  <img src="https://mintcdn.com/superflow-claude-superflow-mcp-docs-distribution-b0cixg/rzp_Kf626CpFLNRx/images/settings-squarespace-1-final.png?fit=max&auto=format&n=rzp_Kf626CpFLNRx&q=85&s=eb3b0957cbd35943dd09cb2cfb04ecd1" alt="" width="3658" height="1661" data-path="images/settings-squarespace-1-final.png" />
</Frame>

Next, click on Site Availability and change it to Public and then press Publish.

<Frame>
  <img src="https://mintcdn.com/superflow-claude-superflow-mcp-docs-distribution-b0cixg/KtJ8Km680nUWIDhy/images/publish-squarespace-final.png?fit=max&auto=format&n=KtJ8Km680nUWIDhy&q=85&s=83d05abddf87d7e40fa9c020e8113e5c" alt="" width="3632" height="1693" data-path="images/publish-squarespace-final.png" />
</Frame>

## 8) 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/rzp_Kf626CpFLNRx/images/verify-final.png?fit=max&auto=format&n=rzp_Kf626CpFLNRx&q=85&s=faf9307447799a807f53d6737cd3afb4" alt="" width="2998" height="1459" data-path="images/verify-final.png" />
</Frame>

If successful, you should be redirected to your published Squarespace 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>

## 9) 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?

## 10) Navigate to your Squarespace site

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

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

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

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