Skip to content
English - United States
  • There are no suggestions because the search field is empty.

Quick start guide to adding the Install Code to your website

Where to find your ReelFlow Install Code and the different ways to install it on your website.

Getting ReelFlow installed and working

To add the ReelFlow Player to your website, you will need to add one short line of code to every page on your website.

This code allows the ReelFlow to work across the website, and allows you to publish Flows that appear to your visitors on any page.

You only need to add the Install Code once, and generally you do not need to make other changes to the HTML.

Steps to Install 

1. Check the Workspace URL set in ↗️ Settings > Workspace - it must exactly match the website domain or subdomain you wish to install the code on.

For example, www.example.com and blog.example.com are treated as different subdomains and will require separate Workspaces and Install Codes. There is one exception, www.example.com and example.com are seen as the same URL.

2. Find your Install Code in the ReelFlow Dashboard under ↗️ Settings > Install Code.

If the code is not yet installed or working, you will see this message: 

3. You can install the code in a few different ways. The options are as follows:

4. Once the code is added to the head of all pages your website, return to these instructions to verify your installation. 

5. On the Installation page on the ReelFlow Dashboard, Hit Verify Installation, if the install is successful, you will see the below message: 

6. You have now added your install code and can Preview and Publish your Flows!

If the installation wasn't successful - head to Troubleshooting - Install Code

If you still need help, contact us.

Installing ReelFlow Install Code using the HTML code (recommended)

  1. Navigate to ↗️ Settings > Install Code on the ReelFlow Dashboard
  2. Copy and paste the code found here into the <head> section of every page on your website
  3. Go back to the ↗️ Installation page, click Verify Installation

Installing ReelFlow Install Code using Google Tag Manager

Note: Installing via Google Tag Manager can be convenient, however we strongly would recommend installing using the HTML code instead because some browsers like Safari, or browsers in private browsing mode, will always automatically block all Google Tag Manager content, irrespective of it's purpose.

  1. Open Google Tag Manager
  2. Go to Tags and click New at the top-right.
  3. Change where it says Untitled Tag and name it ReelFlow
  4. Click on the Tag Configuration box
  5. Under Custom, select Custom HTML
  6. Copy and Paste the Install Code found in your ReelFlow Dashboard in ↗️ Settings > Install Code into the HTML field
  7. Check the Support document.write checkbox
  8. Click the Triggering box
  9. Add the All Pages trigger
  10. Click Save
  11. Click Submit at the top-right
  12. Add relevant details and click Publish
  13. Go back to the ↗️ Installation page, click Verify Installation

Note: Take care to complete all the steps above, the Tag may not load correctly if you fail to complete step 7, to check document.write

Installing on Squarespace

The installation method on Squarespace uses their Code Injection feature, and to use this you must be on a Business or Commerce plan, not a Personal plan. You may avoid this restriction by using the Google Tag Manager installation instructions instead.

  1. Open the ↗️ Code Injection panel in Squarespace.
  2. Navigate to ↗️ Settings > Install Code in your ReelFlow Dashboard, then copy and paste the code shown on this page into the Code Injection field for the header.
  3. After adding your code, click Save.
  4. Go back to the ↗️ Installation page, click Verify Installation

Installing on a Hubspot website

  1. In your HubSpot account, click the settings icon in the top navigation bar.
  2. In the left sidebar menu, navigate to Content > Pages.
  3. In the upper left, click the **Choose a domain to edit its settings dropdown menu and select the domain.
  4. To edit the header for the domain, click Override default settings in the Site Header HTML section if not already enabled.
  5. In your ReelFlow Dashboard, Navigate to ↗️ Settings > Install Code, then copy the code shown on the page, and paste it into the Site Header HTML in Hubspot settings.
  6. In the bottom left, click Save to apply your changes.
  7. Go back to the ↗️ Installation page, click Verify Installation

Installing on a Webflow website

  1. In your Webflow Dashboard, click on the 3 dots icon next to your site and navigate to Settings
  2. In the left sidebar menu, navigate to </> Custom code > Head code section
  3. Go to your ReelFlow Dashboard, navigate to ↗️ Settings > Install Code, then copy the code shown on the page, and paste it into the Head code section.
  4. Click Save and Publish your site for the changes to take effect.
  5. Go back to the ↗️ Installation page, click Verify Installation

Note: The Custom Code feature is only available on paid Webflow plans. If you’re on a free plan, you won’t see this tab.

Installing on a Wordpress website

  1. Ensure you have the Insert Headers & Footers plugin by WPCode installed. (↗️ View installation instructions on the official Wordpress Support website).
  2. Go to your ReelFlow Dashboard, navigate to ↗️ Settings > Install Code, then copy the HTML code shown.
  3. On your Wordpress site’s dashboard, navigate to Code Snippets > Header & Footer.
  4. Paste the code into the Header box.
  5. Click “Save Changes“.
  6. Go back to the ↗️ Installation page, click Verify Installation

Note: Do not add the ReelFlow Install Code via a minimization or compression plugin as this may affect it’s ability to work.