Drive More Conversions with Floating Video in Thrive Architect

Whether your business is offline or online, video is becoming more and more important to drive sales and engagement — every... single... year.

That's why we just added the Floating Video feature to Thrive Architect so critical videos can remain viewable to visitors, even while they scroll down a page.

In the video below, Colin explains how to keep your business ahead of the video marketing curve by showing how to use Floating Video for two key use cases...

More...

Sales Pages and Video Blog Posts​.

Watch the video to get an overview of how the Floating Video feature works and keep scrolling to see how it will works on your own WordPress website.

Floating Video for Sales Pages

Videos are often the marketing centerpiece for most modern sales pages, including ours here at Thrive Themes.

That's why we decided to add the "Sticky Float on Scroll" feature to Thrive Architect so your sales videos can stay front-and-center (or more likely down-and-to-the-left/right) while potential customers scroll down a sales page.

Here's how the "Sticky Float on Scroll" feature works for your videos inside your Thrive Architect built content:

To toggle on the "Sticky Float on Scroll" feature for your videos, highlight your Video element in the Thrive Editor window, open the Main Options tab in the left sidebar, and then click the "Sticky Float on Scroll" toggle button. From there, you can customize your floating video settings, including: Float Position, Player Width on Float, Top/Bottom Padding on Float, Left/Right Padding on Float, Mobile Responsiveness, and whether or not you want your viewers to have a close button. You can even quick preview your Floating Video settings by clicking the "View Floating Video in Preview" toggle button. (Click the image to enlarge)   

To toggle on the "Sticky Float on Scroll" feature for your videos, highlight your Video element in the Thrive Editor window, open the Main Options tab in the left sidebar, and then click the "Sticky Float on Scroll" toggle button.

From there, you can customize your floating video settings, including:

  • Float Position
  • Player Width on Float
  • Top/Bottom Padding on Float
  • Left/Right Padding on Float
  • Mobile Responsiveness
  • And whether or not you want your viewers to have a close button available 

You can even quick preview your Floating Video settings by clicking the "View Floating Video in Preview" toggle button.

By default, the feature does not show Floating Video on Mobile, although you can customize your videos to do so. We chose this as a default setting since Floating Video on Mobile tends to negatively impact readability on small devices.

We also don't recommend using the Autoplay feature for your videos, although you can always A/B test this option using Thrive Optimize if you're so inclined.

And as always, don't forget to use an engaging thumbnail for your videos, whether you upload the image file to your video hosting service (e.g. YouTube, Wistia, Vimeo, etc. — our recommended best practice)...

...or directly to the Video element within Thrive Architect (under the "Advanced" area of the "Main Options" tab accessible when your Video element is highlighted in the Thrive Editor window).

Floating Video for Blog Posts

That's right, the Floating Video feature is also a great tool to use for blog posts where a video is your content centerpiece — just like this one!

In fact, if you use Thrive Theme Builder for your WordPress theme already, you can actually create a "Sticky Video Post" template for use whenever you need to publish a new video post.

To do this, just duplicate the Default Video Post template inside your Thrive Theme Builder Templates library. Rename the copied template "Sticky Video Post" and then open it in the Thrive Theme Builder editor.

From there, you can highlight the Video Element at the top of the "Top Section" area of the post template and set your desired "Sticky Float on Scroll" settings: 

In Thrive Theme Builder, you can create your own "Sticky Video Post" Template that uses the Floating Video feature. 

Once that's saved, you can use your new "Sticky Video Post" template whenever you post video-centric content on your blog!

Floating Video Pro Tips

We don't recommend using the Floating video for any "support" videos you embedded "down below" in your content.

And when you do use the "Sticky Float on Scroll" feature for your video blog posts, it's usually best to customize them to float in either the bottom left or bottom right position of your screen like you see here. ⤵︎

Play around with the "Sticky Float on Scroll" settings to find the right floating video width for your particular blog post margins, but try not to go narrower than 300 pixels as viewers will have to squint to see anything.

And however you decide to customize your floating videos, make sure they don’t interfere with your sidebar call to actions (if indeed you use any).

Your Turn to Rock the Float

Like all of the features within Thrive Architect, the Floating Video feature is conversion focused.

Adding videos to your sales pages, landing pages, and blog posts is going to help drive conversions and then the "Sticky Float on Scroll" feature is going to make that even better.

So go ahead and give the new Floating Video tool a try and if you've got any questions or thoughts about it, leave us a comment below!

Author: Matt Totten

    Matt's a geologist turned online marketer and digital nomad. He's a Modern Manimal on a mission to cultivate a wild lifestyle – by design. When away from his tech, you can find him studying movement through practices like Aikido, AcroYoga and Barefoot Running.

  • Stéphane says:

    It doesn’t work for my Pressive. Do you think it’s because I’ve created a standard blog post with video instead of video blog post ? Thank you

    • Hanne says:

      Hi Stéphane,
      This is not a theme option in Pressive (it is in the new Theme Builder).
      You can still use it though if you build your blog posts with Thrive Architect, in that case, you can select the video you add to the blog post and make it float (just like we did on this post).
      But it will not work with the video that you insert in a video blog post template if you’re using the Pressive theme.

  • Oob says:

    I’ve been looking forward to having this floating video feature right in TA for quite some time. So glad it is finally here! Awesome.

  • Stéphane says:

    Thank You Hanne

  • I can see a huge benefit having this feature. Any “explainer”, “trainer” or “how-to” post/page will be lifted to a new dimension with this. Well done!

  • Ashwin says:

    Very nice this thrive theme is

  • >