Bubble

Install Superflow on Bubble, with a video walkthrough and step-by-step screenshots.

Watch the full Bubble walkthrough

Prefer to read? Every step in the video is written out below, with a screenshot for each one.

1. Enter Your Site URL

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

   
2. Select Other from the list of Platforms

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

   
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.

   
4. Go to Settings on your Bubble site, then click SEO/metatags to add your unique Superflow code

   You can get to the Settings page by clicking the gear icon on the side menu.

   Then click SEO/metatags in the top navigation.

   After that, scroll down to “Script in the Body” and add your unique Superflow code. Be sure to save.

   
5. Publish your Bubble site

   Click the Main button in the top right of the page.

   

   Then click Deploy to Live to publish your Bubble site.

   
6. Verify your Installation

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

   

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

   
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 Bubble site

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

   Example: mywebsite.bubble.io/?review=true

9. Test out Superflow

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

   
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!