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

Are you wondering how to add a video slider to your WordPress site?

If you are seeing high bounce rates, then maybe your website is boring or poorly designed. Video sliders are a good way to liven up your home page or any other page on your website and capture the attention of your visitors.

In this article, we will show you how to easily create a video slider in WordPress.

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

Why Use a Video Slider in WordPress?

Images are great, but videos are even better for making your WordPress website more engaging. First impressions matter and can be the difference between a visitor staying to check out your products and services or leaving only to never return.

Plus, you can also use videos to showcase product demonstrations, reviews, or other promotional content.

For example, a real estate website could show virtual walkthroughs of properties. Travel websites can display hotel recommendations, travel destinations, and cool tour experiences to engage potential clients.

A video slider is a slider that contains only videos rather than static images.

Here are some potential ways you can use video sliders for your business:

  • Create a dedicated slider with short testimonials from happy customers.
  • Share videos of detailed case studies.
  • Show product or service reviews.
  • Demonstrate different product features and how they work.

With that being said, let’s go over how you can easily create video sliders in WordPress so you can engage your audience.

Adding a Video Slider to Your WordPress Site

The best and easiest way to add video sliders to your website is by using a plugin.

We recommend Soliloquy because it is the best WordPress slider plugin on the market. While most WordPress slider plugins slow down your website, Soliloquy is super fast and won’t hurt your page load time.

Plus, Soliloquy supports YouTube, Vimeo, and Wistia, so you can simply enter the URL of the video if it’s already published.

It is mobile responsive, so you can use it to create slides that work on every device and screen size. Finally, it allows for multiple slide types so that you can add videos, images, and content as well.

The first thing you need to do is install and activate the Soliloquy plugin. For more details on installation, check out our post on how to install a WordPress plugin.

Note: There is also a free Soliloquy plugin that allows you to create video sliders. However, we will be using the Soliloquy Pro plugin for our tutorial because it has built-in support for YouTube, Vimeo, and Wista, along with more video control settings.

Upon activation, simply go to Soliloquy » Add New.

Next, you need to give your new video slider a title. Then, click on the button that says ‘Select Files from Other Sources.’

Add new video slider

Soliloquy also gives you the option to upload videos directly, but we don’t recommend this. For more details, you can see our guide on why you should never upload a video to WordPress.

A pop-up window will appear where you need to click on the ‘Insert Video Slide’ option.

Here is where you will need to add the title, video URL, caption, and alt text of the video.

Insert video slide

Go ahead and fill in all of the details based on your video.

In the Image URL field, you will also need to provide a placeholder image for the video. This image will be used when the video is not playing. Also, it helps to improve your WordPress performance because the video only loads when the user clicks on it.

Then, in the Video URL field, you can find the video URL in your media library or directly from a video hosting site like YouTube.

Note: It’s better to upload the video on a video hosting site since uploading it to the WordPress library can hurt your WordPress performance. Fortunately, Soliloquy supports YouTube, Vimeo, and Wistia.

You also have the option to provide a caption for the video. Try to write something engaging that also describes what people can expect when they click play.

adding video slide

If you want to add another video slide, then just click on the ‘Add Another Video Slide’ button.

From there, you will need to upload the title, video URL, image URL, caption, and alt text of the next video.

Add another video slide

Repeat the process for all of the video slides you want to add.

Once you are done adding video slides, simply click the ‘Insert into Slider’ button.

Insert into slider

Your video slides will appear on the new slide screen like this.

If you need to make changes to them, you can always click the pencil icon to make changes to the video or click on the green ‘Active’ icon to make the video inactive.

From here, you can go to the ‘Configuration’ tab, where you can customize how you want your video slider to appear.

Configuration tab for video slides

On this screen, there are plenty of settings you can toggle with. For example, you can change the slide dimensions to fit your web design.

Or you can customize the slider and caption position so that it sits in line with other elements on your page.

Slider Dimensions

Another option you may want to consider is whether or not to allow video autoplay.

You can set the video slide to automatically play when a visitor lands on the page so that they are forced to watch your content. Keep it mind it could slow down the page speed since the browser also has to load the video.

autoplay video

The good thing about Soliloquy is that the plugin can also optimize your video slider for mobile devices.

Head over to the ‘Mobile’ tab. You can create mobile slider images and show captions so that people know what they will be watching before they click to play.

Mobile video slides

Now, you are ready to add the slider to your WordPress blog or website.

Go ahead and click on the ‘Publish’ button in the right-side panel.

Publish button

Displaying the Video Slider in WordPress

To embed your slider, simply create or edit a post/page where you want to display the slider.

When you are in the WordPress editor, click on the ‘+’ button. Then, add the Soliloquy block to your page.

Add soliloquy block

Select the video slider you’ve just created from the Soliloquy widget to insert it into your page.

Then go ahead and click on the ‘Publish’ or ‘Update’ button up top.

Insert video slide in WordPress

That’s all. You can now preview your post to see your video slides in action.

Here’s what it should look like:

Video slider preview

If you are still using the classic WordPress editor, then you can also add a video slider to any WordPress page or post.

You will have to copy the shortcode located on the Soliloquy page, where all of your video sliders are stored. Then, simply insert that shortcode into your content.

For more information, you can check out our guide on how to insert a shortcode in WordPress.

Copy shortcode

Bonus: Adding a Featured Content Slider to WordPress

On top of adding video sliders to your website, you may also want to add a featured content slider to your WordPress pages.

Aside from showcasing your best blog posts, you can add featured content sliders for highlighting featured products from your online store, sharing reviews, showing off portfolio items, or displaying popular categories.

Unlike video sliders, a featured content slider can show a combination of images and links on the slide.

All you have to do is install the ‘Featured Content Addon’ in Soliloquy.

activate-featured-content-addon

Then, add the content, links, and descriptions of your multimedia files, similar to how you did with the video slider.

For a more in-depth tutorial, just check out our blog post on how to properly add a featured content slider in WordPress.

We hope this article helped you add video sliders in WordPress using Soliloquy. You may also want to check out our list of the best video hosting sites for bloggers, marketers, and businesses or our guide on how to optimize videos for your WordPress website.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post How to Create a Video Slider in WordPress (Easy Tutorial) first appeared on WPBeginner.

5 Best WordPress Slider Plugins – Performance + Quality (Compared)

Are you looking for the best WordPress slider plugin?

There are dozens of WordPress slider plugins on the market that you can use. However, not all of them are created equal. We’ve found that most of them have poor performance or limited customization options.

In this article, we will show you a list of the best WordPress slider plugins, so you can choose the right one for your needs.

Best WordPress Slider Plugins

What Makes a Good WordPress Slider Plugin?

When choosing the plugins for this showcase, we installed each tool on our test site to explore its pros, cons, and features. This allowed us to recommend only the best WordPress slider plugins.

We’ve found that a good WordPress slider plugin should offer a good balance of these features:

  • Ease of use – A user-friendly plugin interface is very important. The best slider plugins offer a drag-and-drop builder with a visual editor for easy slide creation.
  • Responsiveness – The plugin should offer a fully responsive design so your sliders will easily adapt to any desktop, tablet, or mobile device.
  • Customizability – The plugin should offer enough customization options to make the slider suit your website design. Examples include transition effects, font options, custom animations, slider templates, and so on.
  • Performance – Ideally, the plugin should be fast and not affect the page loading time on your site. This way, your site can be fast and SEO-friendly.
  • Support for various media types – If you want to create a testimonial or video slider, then it would be best if the plugin supports other media files besides images.

With all this in mind, the best slider plugin for your WordPress blog or site will depend on your specific requirements, technical skills, and budget. Therefore, we recommend testing the plugins that catch your attention to see if one of them is the right solution for your needs.

Now, let’s look at our expert pick of the best WordPress slider plugins.

1. Soliloquy

Soliloquy's homepage

Out of all the WordPress slider plugins we’ve tried, Soliloquy is the fastest and most beginner-friendly option.

To test the plugin’s speed, we installed each slider plugin on a demo WordPress site. We uploaded the same images to create a slider, didn’t change any other settings, and embedded the slider on a blank WordPress page.

After that, we used the Pingdom speed testing tool to run the test. Here are the results:

Slider PluginPage Load TimeRequestsPage Size
Soliloquy860 ms22679 KB
MetaSlider863 ms25229 KB
Smart Slider 3865 ms19382 KB
Envira Gallery899 ms18896 KB
Master Slider900 ms22345 KB
SeedProd1030 ms19349 KB

As you can see in the above scores, Soliloquy was the fastest-loading WordPress slider in our tests, followed by MetaSlider. Plus, if you look at the test results, then you will see that Soliloquy increased the page size without affecting the speed.

Soliloquy also comes with an easy drag-and-drop user interface to create your sliders. You can then change the slider template, resize the images, adjust the transition duration, and so on.

If you know some code, then you can also use custom CSS to further customize the slider.

Soliloquy's plugin interface

Pros of Soliloquy:

  • You can create various types of sliders without worrying about slowing down your WordPress website.
  • Mobile-friendly sliders out of the box, with support for touch-swipe on mobile and tablet devices.
  • Besides images from the media library, you can also use your WooCommerce products, Instagram photos, PDFs, and posts/pages/custom post types to create your sliders.
  • Multiple ways to embed the slider in WordPress posts or pages: shortcodes, a Gutenberg editor block, a button for the old classic editor, and a widget.
  • Various add-ons to enable advanced features, like dynamic content support, lightbox, right-click protection, thumbnail navigation, and more.

Cons of Soliloquy:

  • The free plugin is only enough for creating a simple image slideshow. That’s why we recommend getting the premium version to make the most out of its features.

Pricing: Free plugin available. The premium plans start from $19.50 per year to create unlimited sliders on 1 website and 1 year of support and updates. You can use our Soliloquy coupon code to get 10% off of your purchase.

Why we chose Soliloquy: If you run a photography or any other image-heavy website, then investing in Soliloquy is a great idea. You can create multiple sliders using its easy-to-use controls without worrying it will negatively affect your website speed.

You can learn more about this WordPress slider plugin in our Soliloquy review.

2. Envira Gallery

Is Envira Gallery the right photo and video gallery plugin for you?

If you are looking for the best WordPress slider plugin for images, then check out Envira Gallery. This gallery plugin comes with a Slideshow Add-on that can turn your lightbox gallery into a beautiful slideshow.

This means that you can display multiple pictures in a regular lightbox gallery. When users click on an image in that gallery, they can navigate through the different pictures using a slider.

Example of an Envira gallery slideshow

The Slideshow Add-on is pretty easy to use. You can set the slideshow to automatically play once it’s opened, pause it when a cursor hovers over it, and configure the speed of the slideshow.

Envira Gallery offers several gallery layouts to choose from. You can choose the automatic layout so that the gallery automatically adjusts its layout based on how many images are there. Alternatively, the square layout can emulate a social media photo feed.

Besides that, you can enable lazy loading so that the gallery doesn’t weigh down your web page. This way, you can maintain a stable and fast performance and make sure your website is SEO-friendly.

Pros of Envira Gallery:

  • Easy-to-use Slideshow Add-on that turns a lightbox gallery into an image slider.
  • Beautiful gallery layouts out of the box.
  • Lazy loading feature to prevent slowing down the web page.
  • Mobile-specific settings to ensure the slideshow looks good on smartphone screens, such as setting custom dimensions for the gallery.
  • Right-click protection to make sure no unauthorized users can save your images without permission.

Cons of Envira Gallery:

  • The Slideshow Add-on only supports images.

Pricing: Free plugin available, but you need to purchase a Basic plan ($39.50 per year) or higher to use the Slideshow Add-on. You can use our Envira Gallery coupon to get 10% off your purchase.

Why we chose Envira Gallery: Envira Gallery is one of the most beautiful image gallery plugins we’ve tried, so it was a no-brainer for us to feature it in this list. It’s a great option if you want to create a good-looking yet speed-optimized image slideshow for your website.

You can learn more about the plugin in our Envira Gallery review.

3. MetaSlider

MetaSlider's homepage

MetaSlider is one of the most popular WordPress slider plugins on the market. Many well-known companies like Vimeo and NASA have used this plugin to create fast and fully responsive sliders on their websites.

If you are only looking to create a simple image slider, then the free version is enough. The drag-and-drop builder lets you create a slideshow or a carousel using images from the media library or Unsplash, which is a free stock photo library.

The live preview makes it easy to see what the slider will look like when it’s published.

However, the real power comes in its Pro version. MetaSlider Pro supports various types of content for the slides, like images, videos, posts, eCommerce products, and even HTML.

What’s more, MetaSlider lets you hide slides or display a different slide when viewed on mobile. As a result, you can show slides that look best on a small screen size.

Pros of MetaSlider:

  • User-friendly drag-and-drop builder with a live preview that connects with the WordPress media library and Unsplash.
  • Support for various types of slide content, from images to products and HTML.
  • Settings to adjust the slide for mobile viewing, like hiding the slide or using a different slide on mobile.
  • Multiple professional slider layouts to choose from.
  • Scheduled slider feature to make a slider visible only on certain dates, which is useful for online stores that want to showcase special deals or seasonal promotions.

Cons of MetaSlider:

  • Like Soliloquy, you will need the Pro version to leverage its full offers.

Pricing: Free plugin available. The premium plans start from $39.50 per year for 1 website license.

Why we chose MetaSlider: This WordPress slider plugin costs slightly more than Soliloquy, but we found it to be excellent for people looking to create various types of non-image sliders that look good on all devices.

4. Smart Slider 3

Smart Slider 3's homepage

Do you want to create beautiful interactive sliders on your WordPress website? If so, then check out Smart Slider 3.

This WordPress slider plugin comes with 11 free sliders that support images, texts, videos, buttons, and so on. You can also layer each content element on top of each other, like adding text on top of an image. This makes it a great tool for creating presentations in WordPress.

It’s an excellent choice if you want to get users not just to sift through your slide content but also to interact with it, such as clicking on a button to read a post or check out a product.

The user interface itself is pretty different from the rest of the options in the list. The editing screen looks a bit like a photo editor, which can intimidate beginners at first. But once you get the hang of it, it’s pretty self-explanatory.

Pros of Smart Slider 3:

  • Professional slider layouts available in the free plugin, from full-width sliders to sliders with thumbnail navigation.
  • Layering feature to stack elements on top of each other in one slide.
  • Dynamic content support that can pull content from external sources like YouTube or Facebook.
  • Advanced parallax effects to make your sliders more eye-catching.

Cons of Smart Slider 3:

  • The abundance of customization settings and photo-editing-like user experience can seem overwhelming for complete beginners.

Pricing: Free plugin available. The premium plans start from a one-time fee of $49 for 1 website license.

Why we chose Smart Slider 3: Considering how powerful it is and the fact that it uses a one-time payment system, this WordPress slider plugin offers great value for money. The interface may seem intimidating at first but you can get used to it with some practice.

5. Master Slider

Master Slider's homepage

Last but not least, we have Master Slider, which is a freemium WordPress slider plugin. Like many other options on the list, it comes with a drag-and-drop interface to rearrange your slide content.

The free version supports images only, but you are able to choose the slider control buttons (like arrows, tabs, or bullets) to personalize the design. It also includes built-in caching and smart preloading to make the slider faster.

On the other hand, the Pro version includes more features, like full-width and full-screen layouts, custom slider templates, tooltips, and even a slide video background feature. That last feature is a great way to make a strong first impression on visitors when they land on your page.

Pros of Master Slider:

  • Easy drag-and-drop builder to move the slider content around.
  • Speed optimization features like caching and preloading.
  • Comprehensive Pro feature set to customize the sliders to your exact liking, like 90+ premium sliders, premium transitions, a slide video background, tooltips, and more.
  • Supports sliders from WooCommerce, Facebook, Flickr, YouTube, and Vimeo.

Cons of Master Slider:

  • Some users have complained that the plugin asks them to leave reviews and ratings on the WordPress.org repository too often, so that’s something to keep in mind.

Pricing: Free plugin available. The paid version starts from $34 for a regular license. This means the plugin can only be used on one website by you or a client and is not meant to be sold to end users.

Why we chose Master Slider: We decided to feature this WordPress slider plugin on the list is its unique Pro features, like the slide video background and tooltips, which are not very common in other plugins.

Bonus: Use SeedProd to Build a Landing Page With a Slider

When you use a slider plugin, you may find it difficult to adjust the slider’s design to the rest of your page’s appearance. In this case, we recommend using a WordPress page builder with a slider element, like SeedProd.

SeedProd is a WordPress page builder that comes with an easy-to-use image carousel block.

It’s a great option for people looking to add a slider to a landing page or a custom page on their website. By using a page builder, you can ensure that your slider’s design seamlessly matches the rest of your page.

SeedProd Website and Theme Builder

With SeedProd, you can add as many images as needed from the media library or their built-in stock photo integration. After that, simply pick a slider template that suits your needs best.

You can also adjust the dark or light mode of the slideshow navigation buttons, how many images to show in a single slide, enable autoplay, add captions, and more.

SeedProd's image carousel block

SeedProd has a free plugin, but the image carousel block is only available in the premium version. The plans start from $39.50 per year for 1 website license, but you can get 60% off using our SeedProd coupon code.

You can learn more about the plugin in our full SeedProd review.

What Is the Best WordPress Slider Plugin?

Out of all the plugins we’ve reviewed, Soliloquy is the best WordPress slider plugin on the list. During our tests, it performed the fastest and has a beginner-friendly interface that anyone can use to create their sliders.

What’s more, it has tons of add-ons you can use to extend the basic slider functionality. This way, you can pick and choose features based on what you need and avoid dealing with ones you don’t use.

If you are looking for a free WordPress slider plugin, then we recommend Smart Slider 3. It offers professional-looking slider templates out of the box and there are plenty of customization options to play with in the editing interface.

We also recommend checking out SeedProd. Sometimes, it can be hard to find an image slider plugin that works well with your theme. Since SeedProd already has an image carousel feature, you won’t have to worry about compatibility issues.

Best WordPress Slider Plugin: Frequently Asked Questions

Now that we’ve shown you the best WordPress slider plugins, let’s go through some frequently asked questions about using sliders in WordPress.

Should I use sliders on my website?

Sliders can be a good addition to your website, but whether you should use them depends on your content and design goals. They are useful for showcasing multiple images or messages without taking up too much space.

You will want to consider the visual appeal and relevance to your audience when deciding whether to use sliders on your WordPress blog or website.

What is the best size for a slider in WordPress?

It’s recommended to keep slider sizes responsive so that they adjust to different screen sizes. However, a common practice is to make the slider’s width equal to the device’s width, and its height proportional to the width, typically around 40-60%.

This helps ensure that the slider looks good on a variety of devices and screen sizes.

What is the difference between Soliloquy and Smart Slider 3?

Soliloquy and Smart Slider 3 are both popular WordPress slider plugins, but they have differences in terms of features and user interface.

Soliloquy is known for its beginner-friendliness and fast performance, while Smart Slider 3 offers slightly more advanced customization options. The choice between the two depends on your specific needs and skill level.

Ultimate Guides to Using WordPress Sliders

We hope this article answers your questions regarding the best WordPress slider plugins. You may also want to see our list of must-have WordPress plugins to grow your website or our tutorial on how to create an image gallery in WordPress.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Disclaimer: We also tested other plugins for this article, including Slide Anything, Slider Revolution, Post Slider and Post Carousel, PickPlugins Product Slider for WooCommerce, and Ultimate Responsive Image Slider. However, we only included the very best options in this roundup to avoid choice paralysis.

The post 5 Best WordPress Slider Plugins – Performance + Quality (Compared) first appeared on WPBeginner.