How to add featured video thumbnails in WordPress

How to Include Showcased Movie Thumbnails in WordPress


Do you want to use video clip for featured thumbnails in WordPress?

By replacing a publish or item&#8217s featured image with a featured movie, you can make your web page much extra vibrant and dynamic. People can check out these video clips from almost everywhere like your site archives, homepage, and WooCommerce product pages.

In this short article, we will show you how you can include featured online video thumbnails in WordPress.

How to add featured video thumbnails in WordPress

Why Insert Showcased Online video Thumbnails in WordPress?

All well-liked WordPress themes allow for you to add highlighted pictures to your posts and products.

These are the primary photographs, and they frequently show up at the top rated of the website page and other places of your website these as your website&#8217s archive internet pages. Search engines and social media sites may well also exhibit a web site&#8217s highlighted picture.

A superior showcased impression can get you a whole lot of person engagement. On the other hand, you may possibly be in a position to get extra clicks, pageviews, and even sales by using a highlighted video clip thumbnail rather.

If you&#8217ve produced an on the web shop, then displaying a video at the prime of the product or service web site is a good way to make shoppers want to scroll and understand much more about that item.

An example of a featured video thumbnail

With that being explained, let us see how you can incorporate showcased video thumbnails in WordPress.

How to Increase Highlighted Online video Thumbnails in WordPress

The easiest way to use movies as showcased thumbnails is by utilizing Actually Straightforward Highlighted Video. This plugin lets you embed movies from well-known movie internet hosting internet websites this sort of as YouTube or Vimeo and use them as highlighted video clip thumbnails.

It also is effective completely with WooCommerce and will present the showcased video at the prime of the item website page.

However, just be conscious that WooCommerce will demonstrate the highlighted video on the solution webpage only. The highlighted picture thumbnail will nonetheless be made use of in other locations, which includes your WooCommerce retail store web site.

Initial, you’ll need to have to install and activate the plugin. If you will need assist, then you should see our information on how to set up a WordPress plugin.

Just after activation, there are a couple of configurations to configure. To get commenced, go to Settings » Really Basic Featured Movie.

The Simple Featured Video settings

On this display screen, you can decide on irrespective of whether you want to incorporate highlighted video thumbnails to webpages, posts, or WooCommerce products.

To do this, basically click on the ‘Posts,‘ &#8216Pages’ or &#8216Solutions&#8217 switches to convert them from gray (disabled) to purple (active). In the following picture, we’ve enabled the featured movie aspect for products, as well as posts and internet pages.

Enabling featured video thumbnails for posts, pages, and products

Soon after that, click on on the ‘Save variations&#8217 button.

Subsequent, simply click on the ‘Controls’ tab. Right here, you’ll find a ‘Self-hosted videos’ portion exactly where you can configure the configurations for the video clips in your WordPress media library.

Changing the featured video thumbnail settings

Even though the plugin does support self-hosted video clips, this can get up a whole lot of storage house and bandwidth so we don&#8217t suggest it. To learn extra, examine out why you should really in no way add a movie to WordPress.

Instead, scroll to the ‘Embed Videos’ part. This is the place you will locate configurations for any films you embed from 3rd-social gathering video clip platforms these types of as YouTube.

When you embed video clips from YouTube or Vimeo, Definitely Basic Showcased Movie will show the playback controls for that platform.

For instance, if you’re embedding a YouTube video then readers will have obtain to YouTube&#8217s distinct playback capabilities.

However, the ‘Embed videos’ section does have an ‘Autoplay’ change that you can click to enable, way too.

Enabling autoplay for WordPress featured thumbnail images

By default, the plugin will enjoy films with audio turned on. To mute your films by default, click on the ‘Mute sound’ toggle.

You can also established the featured movie thumbnails to participate in on loop.

Looping movies can be aggravating to a lot of site visitors, significantly if the video is small and has sound. It is a fantastic plan to only activate the ‘Loop’ switch if replaying the video above and above improves the customer encounter in some way. For example, you may produce a online video demonstrating a 360 degree check out of a product and then set that clip to loop.

Embedding a video

After operating your way via the distinct options, make confident you simply click on the ‘Save Changes’ button.

Incorporating Highlighted Online video Thumbnails to Posts, Webpages, and WooCommerce Merchandise

As soon as you have configured how the plugin will demonstrate embedded video clips, you’re prepared to include featured video thumbnails to your WordPress internet site.

To do this, merely open up the put up, web page, or WooCommerce products where you want to add a highlighted video clip thumbnail.

If you&#8217re introducing a featured video to a web page or post, then you&#8217ll obtain the ‘Featured Video’ portion in the correct-hand menu underneath the &#8216Dialogue&#8217 area.

Adding a featured video to a WordPress post

Want to insert a featured video clip to a WooCommerce product in its place?

Then you&#8217ll come across the &#8216Featured Video clip&#8217 part beneath the &#8216Item gallery&#8216 segment.

The Featured Video settings on the product screen

To use a video clip from a online video internet hosting web-site, simply just click on on ‘Embed.&#8217

In the new subject, you are going to will need to paste the URL of the video that you want to embed.

Adding a featured video thumbnail in the WordPress post editor

Just make guaranteed that you insert the video’s URL in the correct format. In the proper-hand menu, you&#8217ll see some examples for YouTube, Vimeo, and Dailymotion.

For YouTube, the plugin presents us the adhering to case in point URL: https://www.youtube.com/embed/vbLgiRQ0Moo

This signifies you are going to will need to use https://www.youtube.com/embed/ as the 1st component of your URL and then insert the ID of the movie that you want to embed.

To uncover the video ID, only open a new tab in your browser, then go to the YouTube video that you want to embed. Now, take a seem at the browser’s tackle bar.

The video clip ID is the price that comes just after v=. In the next image, we can see that the video clip ID is DvbFBxKcORA.

The WPBeginner YouTube channel

Soon after incorporating the online video ID to the initially aspect of the URL, we get the adhering to: https://www.youtube.com/embed/DvbFBxKcORA

You can now go again to the tab with the WordPress block editor and just paste the URL into the &#8216Embed&#8217 industry. That will include a showcased video thumbnail to the article, and then you&#8217re all set to click on on possibly the &#8216Update&#8217 or &#8216Publish&#8217 button.

You can now include highlighted movie thumbnails to extra posts, internet pages, and WooCommerce products and solutions by following the exact course of action explained higher than.

On your blog site archive or related web page you’ll see that WordPress is now utilizing the videos as the showcased thumbnail for your posts and internet pages.

If you open up any web page, post, or WooCommerce product, then you are going to see that the highlighted movie also seems at the leading of the web page, just like a showcased impression would.

An example of a WooCommerce featured video

We hope this posting assisted you learn how to incorporate highlighted video thumbnails in WordPress. You can also go through our tutorial on the finest YouTube online video gallery plugins for WordPress and how to embed a Fb online video.

If you favored this short article, then you should subscribe to our YouTube Channel for WordPress video tutorials. You can also obtain us on Twitter and Facebook.

The put up How to Insert Showcased Video Thumbnails in WordPress first appeared on WPBeginner.



3 thoughts on “How to Include Showcased Movie Thumbnails in WordPress

Leave a Reply

Your email address will not be published. Required fields are marked *