In this post, we’re going to review the Slider Revolution Responsive WordPress plugin, which allows you to create powerful and effective content on your WordPress websites. And not just sliders: it allows you to build carousels, content modules, and full-fledged websites by using the smart built-in editor!
Nowadays, sliders and carousels are important building blocks of any website. Especially, when it comes to pitching a new idea or campaign, sliders are one of the greatest ways to highlight it and draw new visitors’ attention. As a WordPress site owner, you would like to have a plugin that allows you to create high-quality sliders and carousels without much hassle.
There are thousands of extensions and scripts available for creating sliders and carousels on your WordPress website. And of course, you’ll also find commercial options that provide ready-to-use features and extended support. In the case of commercial options, you should also expect quality code, bug fixes, and new improvements.
Check the great features Slider Revolution brings:
- New visual editor
- Media asset library
- 200+ templates
- 20+ add-ons
- Sliders, carousels, hero headers, and content modules
- Special FX support by add-ons
- Supports customization
The Slider Revolution plugin provides plenty of valuable features that allow you to set up modern designs on your WordPress websites quickly and effortlessly. During the course of this tutorial, we’ll discover the different features provided by this tool. We’ll also go into the process of creating a new slider from scratch.
Installation and Purchase Code Registration
In this part of the tutorial, we’ll see how to install and configure the Slider Revolution Responsive WordPress plugin once you have bought and downloaded it from CodeCanyon. For this tutorial, I’ve used WordPress 5.2.3, and the Slider Revolution Responsive WordPress plugin version is 6.1.2. I would suggest that you install it if you want to follow along with this tutorial.
Once you’ve purchased this plugin, you’ll be able to download the revslider.zip file. It is the WordPress plugin file that you could use to install this plugin from the WordPress admin dashboard. So go ahead and follow the usual WordPress plugin installation process and you’re almost there.
Now, we need to register the plugin’s purchase code, to unlock access to:
- 200+ premium templates
- 25+ add-on plugins
- 2,500+ free images, videos, and icons
- 100+ pre-made layers and animations
- instant plugin updates
- premium ticket support
Firstly, you need to find your purchase code from the codecanyon.net/downloads section. Click on the Download > License Certificate link, and you’ll get a text file which should contain the item purchase code.
Once you get the purchase code, click on the Slider Revolution link in the left sidebar on the admin side of your WordPress site, and it should display the plugin dashboard page. On this page, click on the Activation link and enter and register your code. With that, you have unlocked the full features of the Slider Revolution.
How Do I Use the Slider Revolution Responsive WordPress Plugin?
In this part, we’ll briefly discuss the feasible ways one could use this plugin. The Slider Revolution Responsive WordPress plugin is mainly used to produce three types of content on your WordPress site: sliders, scenes, and carousels.
Let’s go through each type to learn the difference between them.
Usually, a slider consists of multiple images or slides. Each slide has its own content, and users can navigate between various slides by using the navigation elements.
In the setting of this plugin, a slide is not just an image, but it could be anything: text, image, video, audio, or something else. In fact, Slider Revolution allows you to create different layers in your slide to add different elements. If you have used Adobe Photoshop or similar software, you’ll know how important and valuable this feature is. While, when you open the slide editing User Interface, it’s hard to believe that it’s a web-based UI. It feels like creating content using professional image-editing software!
A scene is just another type of slider, but with a single slide. Therefore, it won’t have navigation elements like a slider, which allows users to navigate among different slides.
The main objective of the scene type is to create valuable content modules that you could set in different areas on your page. You’ll have the same set of customization options available while editing a scene that you get while creating a slider. So, you could set up your scene content with many kinds of media and layers.
The carousel type allows you to create content in the same way as that of the slider, but it allows multiple slides to be visible at the same time. This is really helpful when you want to link more than one slide in a single frame.
How to Set Up a Slider
We’ll build an example to show you how to use the Slider Revolution Responsive WordPress plugin to create sliders on your WordPress site.
Before we continue, make sure that you have installed this plugin in your WordPress site if you want to follow along.
Go ahead and access the Slider Revolution link in the left sidebar on the back-end. That should show you the different options, as presented in the following screenshot.
In the terminology of the Slider Revolution plugin, everything is a module, whether it’s a slider, a carousel, or a scene. You could create a new module from scratch, reuse an existing template module, or import one from a file. In this case, we’ll create a new module from scratch, so click on the New Blank Module link.
In the next screen, it should suggest you if you want to go through the help guide or right away start editing. In this case, we will start editing right away, so click on Quit Guide. That should present you with the following interface to create a slider.
As you can see, it’s a pretty rich interface and provides lots of customization options.
By default, it already creates the first slide for you. As shown earlier, you can add any type of content to the slide. In our case, we’ll add an image and some text to the slide. Go ahead and access the Image > WordPress Library menu and add an image from the WordPress library, as shown in the following screenshot.
Once the image is added, you can use the configuration options in the right sidebar to adjust image-related settings. You can add different types of content on the same slide by adding layers to it. So, for example, if you want to add text along with the image, you need to add it as shown in the following screenshot.
You can use the drag-and-drop feature to position your layer and adjust it.
Once you’re done with the slide configuration, click on the Save button at the bottom right.
To add a new slide, click on Add Slide(s) > Blank slide as shown in the following screenshot.
Go ahead and add as many slides as you want to add and configure them. Lastly, when you’re done with the slider, you’ll need the embed code to add it to one of your pages. On the main plugin page, you can click on the Embed button in your slider to get the embed code, as shown in the following screenshot.
And that should present you different options that you can choose from to embed the slider:
In my case, the preview looks like this!
So that’s how you can create sliders. The process is similar even if you’re creating carousels or scenes. Although we’ve just talked about sliders, this plugin is able of creating a lot of amazing things. The more you explore it, the more you’ll like it!