Creating Multilingual Sliders Using MetaSlider and WPML

MetaSlider is an easy-to-use WordPress slider plugin. This tutorial will show you how to use WPML to translate your sliders created with the MetaSlider plugin.

Getting Started

Start by downloading and activating the following:

• MetaSlider plugin
• WPML core plugin, WPML String Translation and WPML Media Translation add-ons

If you’re new to WPML, check out our Getting Started Guide. It quickly walks you through different translation options you can use.

For step-by-step instructions on how to create, customize, and insert sliders into pages, check out MetaSlider’s documentation.

Creating and Translating Sliders

You can create and translate sliders by following these three easy steps:

1. Creating your default language slider.
2. Creating your secondary language slider.
3. Adding the default language slider to a post or page and translating it.

Note: If you had images in your media library before installing WPML, you may need to duplicate your media. To do this, go to WPML → Settings → Media Translation. WPML opens this screen on its recommended setting, Automatically detect best options for translating image texts; the options this step needs are under Setup manually. Open it, and in the Existing content section mark all the options as shown below. Then click the Start button.

To learn more about translating images, see our page about Media Translation.

Creating Your Default Language Slider

To create a slider using MetaSlider:

1. From your admin menu, go to MetaSlider → MetaSlider and click on New in the upper right-hand corner.

2. Name your slider and click the Add Slide button to add slides. You can choose between adding existing images from the Media Library or uploading new images.

3. Configure your slider as best fits your needs and click the Save button in the upper right-hand corner when you’re done.

Creating Your Secondary Language Slider

1. In MetaSlider, open your default language slider and click the Duplicate button.
2. Once the page reloads, translate your slider name and image captions. You can also change images or slideshow settings for your secondary language.
3. Save your secondary language slider.

Adding the Default Language Slider to a Page or Post and Translating It

1. To add your MetaSlider slider to a page or post, add the MetaSlider block and choose the correct slider in your default language from the drop-down list.

2. From the Language box in the right sidebar, switch to using the WordPress Editor to translate the page content. In the pop-up that appears, confirm that you want to use the editor to translate this page.

3. Click the plus icon next to the language you want to translate the page into.
4. Add the title and any other content you’d like to your secondary language page.
5. Similarly as with your default language page, add the MetaSlider block. This time, choose the slider you created in your secondary language from the drop-down list.

6. Click the Publish button to save the secondary language page.

You can now view your pages with the sliders on the front-end:

The slider in the default language

The slider in the secondary language

Getting Help

If you need help translating your site built using MetaSlider and WPML, visit WPML support.