4 Types Landing Pages with Video
Onder Hassan
Last Updated: February 8, 2023
In this article, we're going to walk you through the types of landing pages with videos that are currently popular and show you how to easily set this up on your own website.
A big hurdle most website owners are faced with is keeping their visitors and prospects engaged long enough for them to take an action.
You literally have seconds to keep the person from clicking away if they don't see images or headlines that answer their questions or your site doesn't load fast enough.
Your visitors need help and advice, which is the main reason why they search for information and find your site in the first place.
Anything that causes them to lose focus will result in either going somewhere else or simply leaving your website entirely.
There are many solutions to try and alleviate this dilemma. The most recent one has been personalisation and letting prospective customers get a sense of the realness and human interaction behind your business.
One of the ways this has been applied is through using landing pages with video that providing a window into your business. This includes YouTube videos, vlogging, Snapchat and Instagram stories where business owners can film behind the scenes of their business.
Here are 3 good reasons to use video:
- It allows your prospects to develop trust in you.
- It builds a connection, and authority to your message or story.
- It allows them to visually see the ‘end state’ or goal they would like to achieve.
The 3rd point is especially important. If a prospect or customer can visualise or see the end result that they would like to achieve, there's a higher chance it leads them to your desired action.
This is all the more powerful if they can get to see it in video form.
What we have done here at OptimizePress is added further functionality to our toolkit to allow our customers to apply more video to their own landing pages, sales pages and websites.
In this article, we’re going to highlight what this key feature is, how other businesses are successfully deploying it and show you how you can do it step-by-step inside the OptimizePress Builder.
Build Landing Pages That Convert with our Inspiration Lookbook...
Unlock Higher Conversion Rates: Get Access to 120+ Landing Page Swipes from Creators, Digital Marketers and Experts in our latest Landing Page Lookbook
Introducing Landing Pages with Videos
Landing pages with Video Backgrounds have been all the rage in the last few years and were first introduced as a way to animate the page, make it dynamic and increase customer engagement. There have been many ways this has been put to use, with the most common one being giving prospects a window to the ‘ideal state’ they would like to be in.
A powerful tactic to influence your prospects and get them to do what you would like them to do.
To help better illustrate, we’ll now highlight a few case studies of businesses that are putting video to good use.
Case Study #1: Activity
Website - https://www.shutterstock.com/video/
ShutterStock is a royalty-free resource for providing images and videos for web owners to use on their websites. Here’s a great example where the video is used to showcase a few of the videos that they have on offer. The purpose is to show customers how video can be used on their websites, which is a great and compelling way to get prospective customers to buy.
Case Study #2: Product Demo
Website - www.philips.co.uk
This a great example that showcases a product being used by other customers. Phillips uses video perfectly by combining an effective claim (“This is not a shaver”) with actual evidence.
It effectively ‘kills 2 birds with one stone’ by building authority, social proof, credibility and proof of claim all in one small section of their page, and all with the use of one powerful video. Again, an excellent example of how video backgrounds can be used effectively.
Case Study #3: Landscape
Website - y.co
If you have an established business that involved any form of travelling or compelling landscapes, then videos of happy people living their life is a great opportunity to help illustrate the type of experience your business will provide if your visitors take action.
In this example, the service offers the opportunity to explore yachting and show this using the most compelling way possible. Again, this further demonstrates how effective video backgrounds can be for your business when used correctly.
Case Study #3: Workspace
Website - www.toggl.com
Toggle provides flexible tracking ability for all aspects of the business and uses background video in a novel way in order to emphasise the humour whilst illustrating the message of what service the business provides.
In your business, think about what type of video you would like to use that best illustrates what it is you’re providing for your customers.
How To Create Video Backgrounds Using OptimizePress
Using the Image Background settings in the OptimizePress Builder, you will now be able to insert full videos that will animate on your page. These can be used for either Section backgrounds or specific row backgrounds. Ideal for enticing your visitors and keeping them engaged.
- To get started, add a new section on your page insider the Builder. Under the Section options bar, click the Image icon followed by the Video tab.
- Next, click on the Video Source dropdown to reveal a list of video source options. Select the source of your choice and paste in your video link in the box provided.
- You can also add a colour overlay to your video by clicking on the Overlay tab and selecting a colour. Ensure that you reduce the opacity in order to see your embedded video.
- With your video embedded, you should now see your video play in the background. You can also add other elements as required. For this example, we've added a Headline element.
Please Note: It is important to remember that an effective video background file should be formatted and compressed correctly for playing online. Huge HD video files might look great playing on your display but may not stream nicely for visitors to your site.
Build Landing Pages That Convert with our Inspiration Lookbook...
Unlock Higher Conversion Rates: Get Access to 120+ Landing Page Swipes from Creators, Digital Marketers and Experts in our latest Landing Page Lookbook
Have you enjoyed this article? Please leave your comments below and tell us your thoughts.
Build Landing Pages That Convert with our Inspiration Lookbook
Get Access to 120+ Landing Page Swipes from Creators, Digital Marketers and Experts + insights and steps to boost your landing page conversions.
Leave a Reply
The all-in-one platform for marketers using WordPress. 100% of this page was built with OptimizePress.
Copyright © 2010-2025 OptimizePress® · All Rights Reserved. Privacy Policy · Legal Information
Build Landing Pages That Convert with our Inspiration Lookbook
Get Access to 120+ Landing Page Swipes from Creators, Digital Marketers and Experts + insights and steps to boost your landing page conversions.
By entering your email, we'll also send you marketing emails related to OptimizePress. You can unsubscribe anytime. See our privacy policy.
16 replies to "4 Types Of Video Backgrounds For Landing Pages"
question: can you have the videos work on mobile instead of a static image? please e-mail me back if you have the ability to make that work. I’m not worried about other people’s bandwidth, most people use facebook, youtube, and instagram so it should be able to work on websites as well.
Hey Troy. That’s not possible right now. Most video background tools use a mobile fallback image.
A video background is a good prospect for audience engagement. An appealing video always enhances conversion rate which gives growth to site’s traffic. If I use the free version of OptimizePress can I upload videos from YouTube?
How can I add a video to a row that will only show on mobile? If the background video won’t play on mobile, which I know is common, I still want my mobile visitors to see the video.
You could try making the video a GIF and that should then play on mobile.
How can I upgrade to plus package? I can’t find the purchase links……
We’ll update you via support.
Will using video slow down my website loading time? Thanks
By the way, great article as always Onder. Really helpful, it’s like you know I’m gonna use this next year 😉
Hi Khalid,
If you’re self-hosting your videos, then yes it will use up your server bandwidth. So we generally recommend using a third-party solution like Youtube, Vimeo and Amazon S3.
We hope this answers your question. Thank you for reading!
Can these video backgrounds be used for my step1and2.com/lp/
They sure can!
Absolutely!
Are the video backgrounds on landing pages also optimizes for mobile?
No. For mobile we fall back to an image or the row colour.
Great article. I was reluctant to use videos on my blog to increase the user’s downtime, but I just realized how much I lost in that time when I did not do it. Thank you very much for the tips.
You bet Rogério,
Thank you for reading!