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

This guide shows you where to find your ReelFlow install code and the different ways to add it to your website.

Install Code Quick Start Guide

To add the ReelFlow player to your website, you will need to install a short line of code. This code allows the ReelFlow Player onto your pages and lets your published Flows appear for visitors.

You only need to add the Install Code once, and you don't need to make other changes to the HTML later.

Before you start:
Check your Workspace URL in ↗️ Settings > Workspace.
It must match the exact domain or subdomain where you will install the code.
For example, www.example.com and blog.example.com are different and will use separate Workspaces and Install Codes.

1. Find the Install Code for your player in the ReelFlow Dashboard under ↗️ Settings > Install Code.

You will see the below message: 

2. You can install the code in a few different ways. Choose one of the options from the Installation Options that matches your website setup and follow the steps.

3. Once complete, come back to these instructions to verify your installation. 

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

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

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

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 generally recommend Installing using the HTML code because some browsers like Safari in Private Browsing mode will always automatically block all Google Tag Manager content.

  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

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.

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.

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

  1. Click Save and Publish your site for the changes to take effect.

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“.

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