Skip to main content

Using a Video Element in the Funnel Builder

The Video element lets you embed, style, control, and track video playback inside Funnels and Websites. Use it to increase engagement, explain offers, and track viewer behavior.

Updated over 2 months ago

Who This Is For / When to Use

Use the Video element if you:

  • Build Funnels or Websites

  • Want to embed YouTube, Vimeo, Wistia, or hosted videos

  • Need playback controls or engagement tracking

Adding a Video Element

  1. Open your Funnel or Website.

  2. In the page editor, click the + icon on the left.

  3. Select Video from the Elements panel.

  4. Drag and drop the Video element onto the page.

Video Settings Overview

The Video element has two settings tabs:

  • General – Video source, playback behavior, and tracking options

  • Styles – Visual appearance and responsiveness

Selecting a Video Type

In the General tab, choose a Video Type:

  • YouTube

  • Vimeo

  • Wistia

  • Hosted Video

  • Custom Embed

  • HTML5

Paste the video URL or select a hosted file. The video loads immediately when configured correctly.

General Video Settings

Use General settings to control playback behavior:

  • Auto play (muted by default due to browser restrictions)

  • Loop

  • Allow Play/Pause

  • Allow Playback Speed Control

  • Show Pending Time

  • Show Full Screen Toggle

  • Enable Picture-in-Picture on scroll

  • Show Progress Bar

Available options vary by Video Type.

Video Quality Support

Supported playback qualities depend on the uploaded format:

  • 480p

  • 720p

  • 1080p

  • Auto

Hosted Video Controls

When using Hosted Video, additional controls are available:

  • Disable seeking

  • Control playback speed (0.5×–2×)

  • Toggle progress bar visibility

  • Enable or disable user controls

Video Player Colors

You can customize player colors for hosted videos:

  • Background color

  • Accent color (play button and progress bar)

Styles Settings

Use Styles to customize appearance:

  • Borders

  • Shadows

  • Width and height

  • Container size

  • Visibility (desktop or mobile)

  • Custom CSS class

Editing Video Size for Mobile

To customize mobile layout:

  1. Switch to Mobile View.

  2. Select the Video element.

  3. Adjust width and height values.

Mobile settings do not affect desktop layout.

Tracking Hosted Video Engagement

Video tracking is available only for Hosted Videos.

Enabling Video Tracking

  1. Open the Video element General settings.

  2. Disable Show Progress Bar.

  3. Enable Redirect Unregistered Visitors.

  4. Select the step or page to redirect visitors.

This enables cookie-based tracking.

Creating a Video Tracking Workflow

  1. Go to Automations > Workflows.

  2. Add a trigger: Video Tracking.

  3. Select the Funnel.

  4. Add a Video filter and select the video.

  5. Add Video duration (%) and set the condition.

  6. Save the trigger.

Note: Video Tracking runs only for existing contacts.

Using Video Tracking for Automation

Based on video engagement, you can:

  • Send nurture emails

  • Trigger follow-up actions

  • Segment contacts by watch percentage

Common Issues and Fixes

Video does not play automatically
Auto-played videos are muted by default due to browser restrictions.

Tracking is not working
Confirm the video is a Hosted Video and the contact already exists.

Progress bar still visible
Disable Show Progress Bar in General settings.

FAQ

How do I add a video to my funnel?

Drag the Video element into your page from the Elements panel.

What video sources are supported?

YouTube, Vimeo, Wistia, Hosted Video, Custom Embed, and HTML5.

Can I control video playback behavior?

Yes. Playback options such as auto play, loop, speed control, and progress bar visibility are available depending on the video type.

How do I track how much of a video someone watched?

Use a Hosted Video with Redirect Unregistered Visitors enabled and a Workflow with the Video Tracking trigger.

Does video tracking work for all visitors?

No. Video Tracking works only for visitors who already exist as contacts.

Can I change the video player color?

Yes. Hosted Videos support background and accent color customization.

Did this answer your question?