Adding a Flow to a page and adjusting Flow Activation settings

How Flows are added to website pages

Once the ReelFlow Install Code has been added to your website correctly, Flows can be published on any pages you choose.

The target page where a Flow appears is known as the Activation URL or Activation Page.

Set the page where a Flow will be shown - the Activation Page

To ensure that the Player is shown on a web page, you need to set the Activation Page.

1. From the Dashboard, open a Flow in the Flow Builder and choose Edit
2. Switch to the Activation tab in the Flow Builder

3. Set the Page by adding the address of the page on which the Flow will appear e.g. /about.html 

4. You can now Preview or Publish the Flow on this page.

Showing one Flow on several pages at once

To show a Flow on several pages at once:

1. Switch to the Activation tab in the Flow Builder.

2. Configure the following:

   • Page: Specify the URL of the root page where the Flow will appear on your website e.g., /about/ (relative to the Activation URL for your Workspace)
3. Toggle on the "The show the Flow on all pages where the URL starts with this" switch
4. This would match and show on all sub-pages e.g. /about/, /about/company

Important things to note about using this feature:

• All performance metrics are combined into a single Flow report (in the example, against /about/). You are not able to filter or differentiate between the indiviudal pages. 

• If you enable this on your homepage (i.e. /), it will load on every page across your website
• We do not warn if your Flow clashes with other Flows assigned to specific pages when using this feature
• We do not support wildcard or regex page matching. This URL matching feature is designed for simple situations where the URL contains extra information you want to ignore. It is however possible to disable the player by writing some custom code using our Player API. 
• We ignore anchors (#my-element) and query parameter strings (?query=true) and do not match based on these URL elements

Activation Settings for Overlay Players

Accessing the Activation settings

1. Open a Flow and click Edit, or create a new Flow in the Flow Builder.
2. Switch to the Activation tab

Setting the Activation Point: when the Eye-catcher appears for visitors

You can choose when the eye-catcher for an Overlay Flow appears for the visitor in a browser. This is called the activation point.

The options shown in the Activation tab are:

• Immediately on page load
• After the visitor has started scrolling
• After a number of seconds after the page loads
• After the user scrolls a certain distance down the page
• After a user scrolls past a certain HTML element on the page

The eye-catcher must not be hidden/disabled to use this feature.

Hiding or disabling the Eye-catcher

• Toggle off the "Show eye-catcher" setting to hide the eye-catcher for a Flow.

• This is useful if you only wish to launch the Overlay Player with a click, from a button, link or other page element.
• You can also disable the eye-catcher in code using the Player API, which doesn't require access to the Activation tab.

Activation Settings for Inline Players

Setting the player Target Element

Inline Players require a Target Element. This is the empty space on a page where an Inline Player will be inserted.

For information on selecting or creating an appropriate Target Element on the webpage for the Inline Player, see our guidance on adding the Inline Player to a page. 

Setting the Video Fit

Choose how you wish the videos in your Flow to appear within the Inline Player.

• Optimized is best for videos focused on a single person, talking to camera. The video fills out the Player and may crop.

• Reveal is best for videos containing more than one subject, or where the content is wide. The whole video will be visible in the frame, with no cropping.

Setting Inline Player Dimensions

Read our articles on setting player dimensions, or more advanced guide for web developers.