Skip to main content

Watch the full WordPress (Self-Hosted) 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.
WordPress (Self-Hosted): Enter Your Site URL
2

Select Wordpress from the list of Platforms

Choose Wordpress from the list of options to install Superflow with Wordpress.
WordPress (Self-Hosted): Select Wordpress from the list of Platforms
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.
WordPress (Self-Hosted): Copy your unique Superflow code
4

Add your unique Superflow code at the end of functions.php

Go to your Wordpress source code and open a file called functions.php, which should be in the wp-includes folder.Add your Superflow code at the end of the file and be sure to save.
5

Deploy your Wordpress site with the new changes

Deploy your wordpress site with your new changes.
6

Verify your Installation

Verify your Superflow installation by clicking the Verify button on the onboarding flow.
WordPress (Self-Hosted): Verify your Installation
If successful, you should be redirected to your published Wordpress site and see the following success message:
WordPress (Self-Hosted): Verify your Installation
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 Wordpress site

Now that you have verified that Superflow has been installed on your Wordpress site, navigate to your published site and add ?review=true at the end of the URL to enable Superflow.Example: mywebsite.wordpress.com/?review=true
9

Test out Superflow

You should now see a Superflow toolbar on the bottom right of you screen.
WordPress (Self-Hosted): Test out Superflow
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!
WordPress (Self-Hosted): Dropping your first comment