When it comes to relaying a message quickly and effectively to your audience, video is king. This isn't news to anyone, but what happens when you want to implement a video on your landing page and your users scroll away and miss all the best parts? Or perhaps you have an instructional video that your viewers need to follow as they scroll through your page.
Well, here's an early holiday gift from Unbounce!
Sticky Video Widget
Now you can implement video on your landing page that will follow your user as they scroll through your content, Here's Sticky Video Widget in action!
Want to add this to your campaign? Below are some simple step-by-step instructions to include this juicy tip in your Unbounce landing page.
WARNING: YOU ARE ENTERING DEVELOPER TERRITORY
Link to script: https://gist.github.com/noahub/65ac6f11b3e91c8d92b3445157d5975f
Add a video element to your landing page
Add a 'close' button element for your video
Copy and paste the 'fixed_vid.css' CSS in your Stylesheets
Replace #lp-pom-button-16 with your 'close' button ID
Replace the "video" and "button" values with their respective ID's
(Optional) Set the "showHeight" value in pixels to adjust when the on-scroll transition happens
Now let’s test this puppy out! Like any other feature that you implement onto your page, you’ll want to see what effect it has on your conversion rates. We recommend running an A/B test and segmenting a small portion of traffic towards the page, just to be safe. Documentation on A/B testing can be found here.
As mentioned, video is an extremely effective way to increase traffic, and generate, nurture and convert leads. Here's some tips from Wistia to help boost your video marketing!
Did you find this tip useful? Did you test this on your landing page? Let us know in the comments below!
Want to take your Unbounce landing pages + convertables to the next level?
Check out the Ultimate List of Unbounce Tips, Scripts & Hacks