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

# Setup

> How to setup Superflow with Typedream

## 1) Enter Your Site URL

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

<Frame>
  <img src="https://mintcdn.com/superflow/gnnXgtB9B2DXpreO/images/enter-url-final.png?fit=max&auto=format&n=gnnXgtB9B2DXpreO&q=85&s=70fcaae4e19e53003e35d892eff89874" alt="" width="3736" height="1797" data-path="images/enter-url-final.png" />
</Frame>

## 2) Select Other from the list of Platforms

Choose Other from the list of options to install Superflow with Typedream.

<Frame>
  <img src="https://mintcdn.com/superflow/hdb1NqEMmtSslllh/images/select-other-final.png?fit=max&auto=format&n=hdb1NqEMmtSslllh&q=85&s=7c3c214886072822ef45b84683444629" alt="" width="3680" height="1765" data-path="images/select-other-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/XWbQ_WnDAi9pqsmS/images/copy-code-final.png?fit=max&auto=format&n=XWbQ_WnDAi9pqsmS&q=85&s=9a507d4b7245b769dc531779a40ccbfd" alt="" width="3006" height="1457" data-path="images/copy-code-final.png" />
</Frame>

## 4) Go to Site Settings on your Typedream site editor.

Click `Site Settings` in the left hand side panel on your site editor.

<Frame>
  <img src="https://mintcdn.com/superflow/hdb1NqEMmtSslllh/images/typedream1.png?fit=max&auto=format&n=hdb1NqEMmtSslllh&q=85&s=e1422f05beed97ec5dd0c08c8a5e9685" alt="" width="3820" height="1749" data-path="images/typedream1.png" />
</Frame>

## 5) Click on Code Injection to add your unique Superflow code

Then click `Code Injection` in the side navigation.

After that, scroll down to `Site Body` and add your unique Superflow code.

<Frame>
  <img src="https://mintcdn.com/superflow/hdb1NqEMmtSslllh/images/typedream2.png?fit=max&auto=format&n=hdb1NqEMmtSslllh&q=85&s=9cdff65bf3f51fe5277bcc63c720326a" alt="" width="3758" height="1745" data-path="images/typedream2.png" />
</Frame>

Be sure to save by pressing `Update Settings`.

<Frame>
  <img src="https://mintcdn.com/superflow/hdb1NqEMmtSslllh/images/typedream3.png?fit=max&auto=format&n=hdb1NqEMmtSslllh&q=85&s=acaf8216a1a96b2b96c3d1bdccec4a0d" alt="" width="3758" height="1735" data-path="images/typedream3.png" />
</Frame>

## 6) Publish your Typedream site

Go into one of your Typedream site pages and click `Publish` in top right of the page.

<Frame>
  <img src="https://mintcdn.com/superflow/hdb1NqEMmtSslllh/images/typedream4.png?fit=max&auto=format&n=hdb1NqEMmtSslllh&q=85&s=8a4a2ffb5fcbd9ec81224c66cfe8876a" alt="" width="3810" height="1739" data-path="images/typedream4.png" />
</Frame>

Click `Publish` again in the dropdown to deploy your changes.

## 7) Verify your Installation

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

<Frame>
  <img src="https://mintcdn.com/superflow/hdb1NqEMmtSslllh/images/verify-final.png?fit=max&auto=format&n=hdb1NqEMmtSslllh&q=85&s=890ba1333755e4d746505cc619a2c03a" alt="" width="2998" height="1459" data-path="images/verify-final.png" />
</Frame>

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

<Frame>
  <img src="https://mintcdn.com/superflow/hdb1NqEMmtSslllh/images/verified-final.png?fit=max&auto=format&n=hdb1NqEMmtSslllh&q=85&s=6e1b9b3a5fd451707b5fb936573ef56a" alt="" width="1366" height="1206" data-path="images/verified-final.png" />
</Frame>

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

## 9) Navigate to your Typedream site

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

`Example: mywebsite.typedream.app/?review=true`

## 10) Test out Superflow

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

<Frame>
  <img src="https://mintcdn.com/superflow/hdb1NqEMmtSslllh/images/typedream5.png?fit=max&auto=format&n=hdb1NqEMmtSslllh&q=85&s=b14b75a451e79e45ef1b50a9ac9e97a3" alt="" width="3818" height="1835" data-path="images/typedream5.png" />
</Frame>

## 11) 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/XWbQ_WnDAi9pqsmS/images/demo.gif?s=013fcafea837a87dcad1c0d516e1ebee" alt="" width="640" height="360" data-path="images/demo.gif" />
</Frame>