Revslider Shortcode

Updated on October 11, 2017

The Slider Revolution is one of the most versatile premium WordPress slideshow plugins. For users of the Jupiter WordPress theme, the plugin is bundled with in the theme for free.

In this article, we will explain how to import/create a slideshow and display it with the Revslider shortcode in the Jupiter WordPress theme.

To see the Revslider shortcode in action, check out the demo page.


Importing/Creating a Slideshow

Unlike the LayerSlider plugin, the Slider Revolution plugin has a few pre-built slideshows. You can find them in the package you download from ThemeForest. In general, we focus on using the LayerSlider plugin.

Importing a Slideshow

In addition to our pre-built slideshows, there are a lot of free and premium pre-built slideshows for the plugin that are available for download from the Slider Revolution Exchange page.

To import a slideshow:

1After downloading a pre-built slideshow from the above mentioned page, go to the WordPress left menu, and then to the Slider Revolution page.

Revslider shortcode - slider revolution menu

2Click on the Import Slider box, select the downloaded slideshow from your computer, and click on Import Slider. In this example, we are using the Brixton Landing Page slideshow.

Revslider shortcode - import slider

Revslider shortcode - import slider

3Depending on the slideshow size, it may take up to a couple of minutes to be imported. After successfully importing, the slideshow will appear on the page.

Revslider shortcode - slider imported

4Follow the next section to display the slideshow on a page.

Creating a Slideshow

This plugin is very powerful and allows you to create almost all kinds of slideshows. To learn about creating a slideshow, read the official documentation of the plugin.


Displaying the Slideshow

After creating/importing a slideshow, you can display it on a page via the Revslider shortcode.

To add the shortcode:

1Add a new page or edit an existing page.
2From the Visual Composer screen, click on the + button.

Revslider shortcode - add element

3In the Add Element pop-up screen, search for Revolution Slider and click on it to be added to the page.

Revslider shortcode - search shortcode

4When the shortcode is added, a new pop-up screen called Revslider Settings will open. From then Select Slideshow setting, select your slideshow.

Revslider shortcode - select slideshow

5Click on the Save Changes button and publish/update the page to check the result.

Adding an Extra Class Name

The Extra Class Name field in the settings pop-up allows you to add an extra class name to the shortcode. It’s useful when you need to target the shortcode in a stylesheet or JavaScript file.

You can read the Adding a custom CSS class to a shortcode article for further explanation.

Did this answer your question?