WordPress

How to Create a Video Slider in WordPress (Easy Tutorial)

Are you questioning the way to add a video slider to your WordPress website?

If you’re seeing excessive bounce charges, then possibly your web site is boring or poorly designed. Video sliders are a great way to enliven your private home web page or some other web page in your web site and seize the eye of your guests.

On this article, we’ll present you the way to simply create a video slider in WordPress.

how-to-create-a-video-slider-in-wordpress-og

Why Use a Video Slider in WordPress?

Photos are nice, however movies are even higher for making your WordPress website extra participating. First impressions matter and could be the distinction between a customer staying to take a look at your services and products or leaving solely to by no means return.

Plus, you can too use movies to showcase product demonstrations, opinions, or different promotional content material.

For instance, a real estate website may present digital walkthroughs of properties. Travel websites can show lodge suggestions, journey locations, and funky tour experiences to interact potential purchasers.

A video slider is a slider that accommodates solely movies moderately than static photographs.

Listed here are some potential methods you should use video sliders for your online business:

  • Create a devoted slider with quick testimonials from completely satisfied clients.
  • Share movies of detailed case research.
  • Present services or products opinions.
  • Exhibit completely different product options and the way they work.

With that being stated, let’s go over how one can simply create video sliders in WordPress so you possibly can have interaction your viewers.

Including a Video Slider to Your WordPress Web site

One of the best and simplest way so as to add video sliders to your web site is by utilizing a plugin.

We suggest Soliloquy as a result of it’s the best WordPress slider plugin in the marketplace. Whereas most WordPress slider plugins decelerate your web site, Soliloquy is tremendous quick and received’t damage your web page load time.

Plus, Soliloquy helps YouTube, Vimeo, and Wistia, so you possibly can merely enter the URL of the video if it’s already printed.

It’s cellular responsive, so you should use it to create slides that work on each system and display measurement. Lastly, it permits for a number of slide varieties so to add movies, photographs, and content material as nicely.

The very first thing it is advisable to do is set up and activate the Soliloquy plugin. For extra particulars on set up, take a look at our put up on how to install a WordPress plugin.

Observe: There’s additionally a free Soliloquy plugin that lets you create video sliders. Nonetheless, we shall be utilizing the Soliloquy Pro plugin for our tutorial as a result of it has built-in help for YouTube, Vimeo, and Wista, together with extra video management settings.

Upon activation, merely go to Soliloquy » Add New.

Subsequent, it is advisable to give your new video slider a title. Then, click on on the button that claims ‘Choose Recordsdata from Different Sources.’

Add new video slider

Soliloquy additionally offers you the choice to add movies instantly, however we don’t suggest this. For extra particulars, you possibly can see our information on why you should never upload a video to WordPress.

A pop-up window will seem the place it is advisable to click on on the ‘Insert Video Slide’ choice.

Right here is the place you will have so as to add the title, video URL, caption, and alt text of the video.

Insert video slide

Go forward and fill in all the particulars primarily based in your video.

Within the Picture URL discipline, additionally, you will want to offer a placeholder picture for the video. This picture shall be used when the video is just not taking part in. Additionally, it helps to improve your WordPress performance as a result of the video solely masses when the consumer clicks on it.

Then, within the Video URL discipline, you’ll find the video URL in your media library or instantly from a video internet hosting website like YouTube.

Observe: It’s higher to add the video on a video internet hosting website since importing it to the WordPress library can damage your WordPress performance. Fortuitously, Soliloquy helps YouTube, Vimeo, and Wistia.

You even have the choice to offer a caption for the video. Attempt to write one thing participating that additionally describes what folks can anticipate after they click on play.

adding video slide

If you wish to add one other video slide, then simply click on on the ‘Add One other Video Slide’ button.

From there, you will have to add the title, video URL, picture URL, caption, and alt textual content of the subsequent video.

Add another video slide

Repeat the method for all the video slides you need to add.

As soon as you might be accomplished including video slides, merely click on the ‘Insert into Slider’ button.

Insert into slider

Your video slides will seem on the brand new slide display like this.

If it is advisable to make adjustments to them, you possibly can at all times click on the pencil icon to make adjustments to the video or click on on the inexperienced ‘Energetic’ icon to make the video inactive.

From right here, you possibly can go to the ‘Configuration’ tab, the place you possibly can customise the way you need your video slider to look.

Configuration tab for video slides

On this display, there are many settings you possibly can toggle with. For instance, you possibly can change the slide dimensions to suit your net design.

Or you possibly can customise the slider and caption place in order that it sits according to different components in your web page.

Slider Dimensions

An alternative choice chances are you’ll need to think about is whether or not or to not enable video autoplay.

You’ll be able to set the video slide to robotically play when a customer lands on the web page in order that they’re compelled to look at your content material. Hold it thoughts it may slow down the page speed for the reason that browser additionally has to load the video.

autoplay video

The benefit of Soliloquy is that the plugin may also optimize your video slider for cellular units.

Head over to the ‘Cell’ tab. You’ll be able to create cellular slider photographs and present captions so that individuals know what they are going to be watching earlier than they click on to play.

Mobile video slides

Now, you might be prepared so as to add the slider to your WordPress blog or web site.

Go forward and click on on the ‘Publish’ button within the right-side panel.

Publish button

Displaying the Video Slider in WordPress

To embed your slider, merely create or edit a put up/web page the place you need to show the slider.

If you end up within the WordPress editor, click on on the ‘+’ button. Then, add the Soliloquy block to your web page.

Add soliloquy block

Choose the video slider you’ve simply created from the Soliloquy widget to insert it into your web page.

Then go forward and click on on the ‘Publish’ or ‘Replace’ button up prime.

Insert video slide in WordPress

That’s all. Now you can preview your put up to see your video slides in motion.

Right here’s what it ought to seem like:

Video slider preview

If you’re nonetheless utilizing the classic WordPress editor, then you can too add a video slider to any WordPress web page or put up.

You’ll have to copy the shortcode positioned on the Soliloquy web page, the place your whole video sliders are saved. Then, merely insert that shortcode into your content material.

For extra data, you possibly can take a look at our information on how to insert a shortcode in WordPress.

Copy shortcode

Bonus: Including a Featured Content material Slider to WordPress

On prime of including video sliders to your web site, you may additionally need to add a featured content material slider to your WordPress pages.

Apart from showcasing your greatest weblog posts, you possibly can add featured content material sliders for highlighting featured merchandise out of your online store, sharing opinions, displaying off portfolio gadgets, or displaying fashionable classes.

Not like video sliders, a featured content material slider can present a mix of photographs and hyperlinks on the slide.

All you need to do is set up the ‘Featured Content material Addon’ in Soliloquy.

activate-featured-content-addon

Then, add the content material, hyperlinks, and descriptions of your multimedia recordsdata, just like how you probably did with the video slider.

For a extra in-depth tutorial, simply take a look at our weblog put up on how to properly add a featured content slider in WordPress.

We hope this text helped you add video sliders in WordPress utilizing Soliloquy. You may additionally need to take a look at our checklist of the best video hosting sites for bloggers, marketers, and businesses or our information on how to optimize videos for your WordPress website.

In case you preferred this text, then please subscribe to our YouTube Channel for WordPress video tutorials. You can too discover us on Twitter and Facebook.



Leave a Reply

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