Adding Video

There are many reasons to add a little video lovin' to your landing page. A study by eyeviewdigital.com shows that using video on landing pages can increase conversion by 80%. Videos are valuable because they increase the length of time people stay on your page, giving your brand message longer to sink in. On top of that, if you feature yourself or company employees in the video, trust factor is raised significantly. And let's not forget, on the internet people are lazy and much prefer watching to reading.

This article will help you out with:

  • Embedding video onto your Unbounce landing page


Embedding Video

To add a video to your landing page you'll need to host your video using a 3rd-party video player. The video player should provide you with an <iframe> code that you'll use to complete this 3 step process.

To embed video on your landing page:

  1. Drag and drop the Embed Video Widget from the panel on the left
  2. Paste the embed code from your video provider
  3. Click Done

Remember not use Flash if you want your video to be widely viewable on mobile.

When embedding a Wistia video, ensure your Embed Type is "Fallback":

Fallback_Embed_Type.png

Select (single click) the video to bring up its Properties Pane on the right:

Geometry

Manually change the size and position of your video.

Content

Click "Edit Code" to adjust the code you inputted.


Adding Video Backgrounds

You can easily create a video background for your landing page from a Wistia, Vimeo, or YouTube video link by following these steps:

Note: Video backgrounds currently do not include sound. 

Note: Since video backgrounds aren’t a good experience on mobile, when you add a video background to the desktop version of your page, by default the system will display a static image from your video on the mobile version of your page. If you want more control over this, just switch to the mobile version of your page and change the background style to solid colour, gradient, or another image of your choosing.

  1. Select the page section to which you want to add a video background.
  2. In the Properties panel on the right side of the Builder, click the "Style" drop-down menu in the "Background" section and select "Video".
  3. Paste your video URL in the "Video URL" field and press "Enter".
  4. To check out what your video background will look like, click "Save Changes" and "Preview".
  5. Back in the Builder, click "Publish"/"Republish" to publish your page.
  6. You're done!

Glossary

Video attention span rate: generally speaking, viewer engagement will be higher for shorter videos. A 1 minute video, for instance, will have a significantly higher success rate (50% higher) than a two minute video. However, this also varies if the comparison is between a 5minute and a 10minute video, where the difference in engagement levels out a bit more. Check out Wistia's resources below for more information about video length.

Wistia Blog Post: Does Length Matter?

 

Back to: Building Your Landing Pages >>

Powered by Zendesk