Creating multilingual sliders with Slider Revolution and WPML

Introduction

Slider Revolution is a WordPress plugin that allows you to create responsive sliders with many animation effects, text, image and video layers, and many other features. The textual content of the slides’ layers needs to be translated in multilingual sites. In this tutorial we teach you how to do this with WPML.

What you will need

• Slider Revolution plugin (version 5.1 or above).
• A recent version of WPML (version 3.3.6 or above).

Essential resources

• WPML’s Getting Started Guide will help you in setting up WPML in a few minutes.
• Slider Revolution Documentation has an excellent collection of tutorials that can help you get started.

Content

Slider revolution can be translated using one of the below methods:

• Creating different sliders for each language.
• Duplicating the slide, setting its language, and translating the texts.

Translate the slider by creating different sliders for each language

This can be done by duplicating the existing slider:

1. Choose the slider you want to add translation for and click on the duplicate button.

2. Fill the title field to be the name of the slider followed by the language code. For example ‘ES’.
3. Click on the duplicate button.

4. Click on the duplicated slider and add the translated content and save the slide.

Now you can copy the slider short code to the desired secondary language page as shown in the illustration below.

Translate the slider by duplicating the slide, setting its language, and translating the texts

This method is different than the first one, we only create a single slider and duplicate the slide, set its language, and translate the texts, links to landing pages, or other properties –including the images themselves– separately for each language. The same short code is used. See the example below:

1. For an existing slider with a single slide, set the language on the general setting tab to your default language, in our case it is English and save the changes.

2. Duplicate the slide of the primary language and set the language to you secondary language, in our case it will be Spanish. Add the translated text to the slide, the translated slides are edited with Revolution Slider’s slide editor then save the changes.

The same can be done with a slider with multiple slides by duplicating the slide, setting the slide language to the secondary language and translating the slide text.

Now you can place the short code wherever you want the slider to appear (for example, at the top of your home page post content), or use Revolution Slider custom widget to select it. The slider will show, in each language, only the slides for that language, including those set for ‘all languages’.