​​​​16 Examples​ on how to use video for ​​lead ​generation on your website in 2020.


​In this post, I will ​​showcase different ways of displaying videos on your website.  I will first show real examples of video embeds, video popups and video backgrounds​​. ​  I will ​also showcase examples of Calls to Actions that can encourage engagement with your visitors.  ​

This post was created using using Thrive Architect and Thrive Leads, two plugins available for WordPress.  ​There are probably other plugins​ that could achieve some of what you will see, but the Thrive Themes plugins and themes makes ​it easy to do this.​

I will cover :

  • ​Step 1: Choose your ​​Video Hosting Platform
  • ​Step 2: Choose from the two types of Videos Display
  • Step 3: Size your video
  • ​Step 4: Style your Video Players
  • Step 5: ​Add ​more ways to view your videos
  • Step 6: ​Engage your Audience with a ​Call to Action

​​Let's get to it.


Step ​1: Choosing your Video Hosting Platform

​​Video Hosting


The first step in showing video is to choose a video hosting platform. Videos, now available in HD and 4K takes a lot of hard disk space and CPU to deliver.  So it's better to choose a service to handle that part.  You can then embed those videos on your website.  

Those videos are then streamed on demand directly from those platform to the end user's device. They handle compression, latency ​so you don't have to keep on testing.

So how does it look and perform?  

​Here ​are example from the leading video hosting and delivery services:


​1​.  Youtube​.

Here's how it looks when pasting a Youtube video URL directly into Thrive Architect.  You can click on it to play.  The same video that was uploaded on all ​platforms, so you get an idea of the speed and rendering.

Cost : Free
Options: Use Hidden Video if you don't want to show up in the Youtube Search.



​Youtube Player Embeded with Thrive Architect.

- No Related Video
- ​Youtube Thumbnail













​2.  Vimeo.


And now with a Vimeo link.  I do have a basic account with Vimeo, it's under $100 per year.  There are many benefits, fast load time​ and the capability ​embed your videos only on ​your own websites​.

Here's how it looks with a Vimeo URL using Thrive Architect.



​​Vimeo Player
Embeded with Thrive Architect.

- No Related Video
- ​​Thumbnail upload on vimeo














​​Vimeo Player
Embeded with Thrive Architect.

- No Related Video
- ​​Thumbnail upload on vimeo














​3.  Wistia.

And now with a Wistia link.  Wistia has a free plan with only 3 free videos.  It is used by a lot of entreprise clients as it has a lot of advanced features ​like Calls to Actions, Analytics, Engagements and Password Protection.  

Here's ​how it looks using the Thrive Architect Video Element.


WISTIA


​​Wistia Player 
Embeded with Thrive Architect.

- No Related Video
- ​Video Thumbnail











​Here's a video from Wistia about their platform.


WISTIA


​​Wistia Player 
Embeded with Thrive Architect.

- No Related Video
- ​​No Thumbnail













​4.  Amazon S3.

Amazon S3, a ​service of cloud storage built by ​Amazon, is a popular method of hosting content.  You probably need some knowledge of networking and it is for more advanced users.  

Here's an example:


​Amazon S3



You could upload your videos on your WordPress Site but it's Not Recommended.  It's not advisable as it can take both large quantities of hard disk space, memory and CPU usage.  Most host have limits on their system, for great reasons, and it is highly recommended to use one of the alternative mentioned in this post.


​​Custom Player 
Embeded with Thrive Architect.

- No Related Video
- ​​Hosted via Amazon S3
- Thumbnail via Thrive Architect


​5.  ​Platform Specific Embeds.

​If you want to embed a video from another platform, most of them have embed code that can be pasted in a WordPress Content Element

Here's an example of a video from Facebook.


​Facebook


​​​Iframe embed from Facebook

​Options are set in Facebook

​Facebook with his 2B+ subscribers is pushing hard his video platforms.  It is possible to embed both prerecorded and live videos.  Here are some example.  

Thrive Architect supports third party videos as well. ​

Don't forget a lot of services allows for embed

Step 2 : Choosing from Direct Page Embedding or Pop Ups

​​​2 ways of displaying videos

​There are 2 ​ways of displaying videos, Embedding it directly on your page, or having it shows in a light box triggered by an action, like a click, or through an automated ​way, like a timer or a specific place on a page.  You can mix and match both ways and see what converts better for you.  


There are some reasons to choose one over the others, here are some examples:


Embedded Videos

play

Should be large enough to see the content and read what is on the screen.

​Pop Up Videos (​aka 2-step videos​)

​Can be used when design doesn't allow for a large space dedicated for a video.  For example, if you have multiple video testimonials, use thumbnails with a popup when clicked.


Step 3 : Choosing ​the right size for your video

​Sizing your video

​1400px wide

800px wide

300px wide (Embed)

If you are planning a layout with small videos, better use pop ups instead of embed
300px wide (​Popup)

​Video Options within Thrive Architect

Basic Embedding of Videos

​Pop Up Videos

You choose your Source and simply paste your video URL.  Thrive Architect will handle the display of the video, so you don't need to get video embed codes manually from your video hosting platform.  

​Step ​4: ​Styl​ing Up your Video Embed

​with Thrive Architect

​1. Adding thumbnails

​When you embed content which is not yours, sometimes the initial image loading in the playing is not very attractive.

Here's an example:

​You can however upload a custom thumbnail to make it more enticing, and to bring contrast to the Play Button.  Here's the same video, but with a thumbnail.  The  Play button shows up automatically.  You can edit the color of the icon as well through CSS.

​With Thumbnail from WordPress / Thrive Architect

play

With Thumbnail from Vimeo

With Animated Thumbnail

play

​Wistia Video Thumbnails

​2. Adding ​Shadows

​​You can add drop shadows to your embeds easily.  Thrive Architect supports multiple layers of shadows, giving you lots of options to match your branding.

Here's an example with dropshadows on all sides.

​3. ​Templates

​There are 15 ready-made style for your embeds.  You can see the list of the left-hand side, and an example below, the Black Monitor style.


​4. ​​​​Animation

​You can put your Video Element into a Content Box and use animation to draw attention to it.

Step ​5: ​​​​​​Add ​more ways to view your videos



​​1. Sticky Video Preview with Popup


​You can see in the lower right corner a video preview that triggers a popup (built in the lead group as a second state).  Videos can be a powerful addition to your Lead Magnets.

This was built using a vimeo video in a content box background.  An icon as placed on top, and a trigger was created.

​2. ​Seamless ​Video Popup ​on ​Click

Click on the following elements to see an example of triggering a video pop up with on a image.

This can be configured for a button, icon, content box or a column.

Sometimes a video embed is not practical, and a simple text link.  It can be this common clickable information icon, ? when it makes more sense as well.

​Embed a button directly withing some text as well

​Or have a mini thumbnail like this one




3. Sticky Video Embedded

​In the lower right corner, you can see a slide-in showing a permanent videos that will stay on the screen as people scroll down.  You can use this in some creative ways, for example to explain what is on the page.

You can easily integrate a button or link below or above the video as a Call to Action.



​4. Exit-Intent Video Popup

​​When you leave the site, as you scroll outside of the viewable area of your browser, Thrive Leads can trigger a popup.  This light box can be a video.  It's very good to engage people that might have fallen through the cracks.

.

Step ​6: ​​Offering more to your visitors.

​Our clients hire us for lead generation. Thrive Leads is a great plugin to display buttons, forms on or around videos.  ​Using videos is a great way to engage with clients. ​Giving the opportunities to opt-in or send a message during or after watching the videos is doubly fantastic.

Here are some examples:

1. Email Form Under the Video

Want to know more?  Fill in your details below





















2. Button with Popup ​with simple opt-in

3. Video Popup with Calls to Action

If you want to show a call to action, or more text around the video, you can create a Thrive Leads ThriveBox and surround it with various elements.

Here's an example with 2 call-to-action buttons:

Thrive Leads allow for A/B testing directly in their tools.  So it's a great occasion to try different options.

4. ​​Lead Magnet made with a video background

​Promotion boxes can be made of static images, but with Thrive Architect and Thrive Leads, you can have more visually striking, attention grabbing boxes.

​Download our Ebook

Comes with a series of 4 videos





​5. Locked Videos

​Locking video is another idea to engage your visitors.  A free membership plan is one way to do it.  ​If you are starting, and don't want to invest in a membership platform, you can create a page in WordPress, set it as non-indexable with Yoast, and put the final video on that page.  You could drip a series of videos as well through your auto-responder campaigns.  

​​Unlock this Video​

​Type your name and e-mail
 to unlock this video

Other Ideas: Selling your videos

​If you want to sell some of your videos, here an example of a video background element used as a sales-tool to sell a video.

​Buy this ​course, Only $9

Other Options: ​Video Backgrounds

​Video Backgrounds are great. They can be but subtle or have real videos in them.

They don't play sound as they load with the page.  ​However you can insert ​a icon ​on top of the background, and have a pop up box with sound when clicked.

​Vertical Videos and other aspect ratio

You have more space on the side of a vertical video.  This could be interesting to display more information about an offer.

  • ​Benefit 1
  • ​Benefit 2
  • ​Benefit 3

​Here's a 21:9 embed done by setting the height and width manually.

​​​A/B Testing your videos opt-ins


​Find out which video converts more

​Thrive Leads comes with A/B testing.  

​So you can test multiple videos, or a video against an image or text-based content and see what works better.

​A​/B

​​Other Considerations


Videos and SEO

​​If you are interested in the SEO value of video embed, you can have a look at this ​Post from Moz,it is from 2012, but i would think the general principles still apply.

SEO


Using videos after you get the lead

​LE​ADS

​​Once those visitors goes from Visitors to Lead, you can still continue to use Videos to interact with ​them by sending them to private pages where you can explain in more details ​your product offering.  You can ​see this in action by showing your interest in our website design service.  I have written this post on the tools to produce videos cheaply and fast.

Thrive Leads has the already subscribed state as well to display different content to subscribers.


​Speed Consideration

​​S​P​​E​E​D

​Test your page for speed​ to make sure load time is good.  But it could also decrease it, you can convey a lot from a single videos and not having to insert images manually.

This page is slower than normal pages, as we load a lot of different players from different platforms.


Using Live Videos for additional reach

​L​​I​​V​E​

​You can consider going live, on facebook or youtube.  Those 2 platforms are competing for eyeballs, and videos can go viral by using them.  

You can embed your live videos on your website as well, and get opt-ins for it.  


Using Live Videos for additional reach

​​CAP​TIONS

​Consider adding subtitles to your videos, and showing them on your embed.  Lots of people do not have sound enabled.  Chrome 2018 updates removes sound by default as well, subtitle allows to start to "read" the video until the sound is turned on by the user.


Autoplaying Videos

​A​​u​​t​oPlay

​Auto-playing with sound still works in most major browsers, except for Chrome. A recent updates they made allows for auto-play, but with the sound Off.  

Make sure you set captions on your videos if you want to use auto-play.    


Embedding Third-Party Videos

​You can increase your own trust and brand by linking to other brands directly from your own blog posts are pages.

Here's an example of a video from Marketing School that supports what is being said in this post.

​There is always a chance that people will click on the Youtube logo, and move off to Youtube.  Something to be aware of.


​Video Sequences

​​​SEQ​UENCES

​​Instead of having one long video, you can break a video in multiple parts.  If a topic branches out, you can tell in the first video which video the visitor should watch next based on their situation.

​It may allow your visitors to listen to exactly what the need

Conclusion



In conclusion, the video tool built in Thrive Architect is great.  If your layout makes the video small, use a image instead and use a popup under Animation & Action.

​And with Thrive Leads, you can use the Video Embed on most types of opt-ins, so ​it's worth the time investment.

  • October 17, 2018

Denis Ethier

Thrive Themes Designer, Integrator and Consultant.

>
play