Picture in Picture Mode

How to Enable Picture-in-Picture Mode for Hosted Videos in Funnel Builder


Introduction:

In this guide, we will walk you through the steps to make your videos float as users scroll down the page, creating an engaging user experience. Let's get started!



1. Accessing the Funnel Builder

Before we begin, make sure you have access to CRM's Funnel Builder. If you haven't turned it on, follow these steps:

  • Log in to your CRM account.
  • Navigate to the dashboard or home page.
  • Click on the 'Funnel Builder' option.

2. Adding a Hosted Video Element

To create a floating video, you need to start with a hosted video element on your page. Follow these steps:

  • In the Funnel Builder, select the desired funnel or create a new one.
  • Add a page where you want to include the hosted video.

    Pro Tip: Create a dedicated section or block on the page where you want the video to stay visible.

  • Inside the page editor, locate the 'Elements' or 'Add Element' option.
  • Look for the 'Hosted Video' element and add it to your page.

3. Enabling Picture-in-Picture Mode

Now comes the exciting part. We'll enable Picture-in-Picture (PiP) mode for your hosted video. Follow these steps:

  • Click on the hosted video element that you added to your page.

    Pro Tip: Ensure the video is in the right location on your page and set to play automatically when the page loads.

  • In the video element settings, you will find a new option labeled 'Enable PiP Mode on Scroll.'
  • Toggle this option to 'ON.'


4. Testing Your Floating Video

With Picture-in-Picture mode enabled, it's time to test your floating video. Follow these steps:

  • Save your changes in the Funnel Builder.
  • Preview or publish the page.

Now, when you scroll down the page, your hosted video will follow you, staying visible as users navigate your content.


Conclusion: Creating a floating video can significantly enhance the user experience on your pages. This new Picture-in-Picture mode on Scroll feature makes it simple to implement. With this tutorial, you can engage your audience by ensuring your video content is always within reach as they explore your funnel.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.