Sliders will always be a popular design choice in WordPress websites. They’re great for presenting testimonials as well as highlighting the benefits of your offers. You can also use them to showcase popular products and services.
However, if you have a multilingual website, sliders can be problematic to translate. That’s because slider content is added through the slider plugin’s interface. In other words, it exists outside of the WordPress editor. As such, many translation plugins are often unable to translate the contents of your sliders or require complex workarounds.
That’s where Weglot comes in. In this article, we’ll explain what you need to translate sliders in WordPress as well as how Weglot helps you translate slider content. No matter what slider plugin you’re using on your WordPress website, this translation method will work!
Translating sliders in WordPress
The easiest way to translate a slider in WordPress is to use a multilingual plugin. So with that, all you’ll need to do is pick your slider plugin and install Weglot.
Weglot, detects website content, media files, and dynamic content. In addition to that, it automatically detects content from third-party apps. This means you can easily use Weglot to translate not just static WordPress pages but also the contents of your WordPress slider.
Thanks to this feature, Weglot allows you to translate 100% of your website. It also ensures that translated content is optimized for SEO. What’s more, you can manage all your translations in one place instead of logging into different websites and switching between endless tabs or managing the translations directly in the WordPress admin.
You can also edit the translations of your slider through a visual interface, making it easier to quickly make updates to the first layer of machine translation given through the Weglot plugin.
Why use Weglot to translate your slider?
The biggest benefit to using Weglot is the fact that you don’t need to maintain several versions of your website; one for each language. Instead, you get one website with language-specific subdirectories for each language you use on your website.
But that’s not all, with Weglot, you can also:
- Set your translation speed and accuracy
- Define and add custom terms, phrases, brand, and product names to your glossary for better translation consistency
- Translate your site using Private Mode so you can check the translation before making it public
- Automatically redirect visitors to their audience language, based on their browser settings
- Ensure your translations follow multilingual SEO best practices set by Google with translated metadata, language-specific URLs, hreflang tags, and more.
How To Translate Sliders In WordPress
Now that you know what you need to translate sliders in WordPress, it’s time to get to work and translate them. Let’s walk through the exact steps below.
1. Create your slider
Firstly, create your slider. For this article, we’ve used Smart Slider 3, a popular WordPress slider plugin that’s user-friendly and easy to use. What’s more, you can create customizable sliders in just minutes to fit the design of your website.
We’ve gone with a simple slider design, with some text, a CTA button, and a background that fits in with the overall design of our WordPress website.
Once you’ve finished creating your slider you can add it to the front of your website.
Now that it’s created we can move on and translate it!
2. Install multilingual WordPress plugin Weglot
The next step is to sign up and install Weglot. Weglot offers several different pricing plans, starting at €9.90/mo if you have a website with up to 10,000 words and only need one translated language.
When you’ve decided on what plan to use, click on the Start Free Trial button. This will take you to a page where you can create your Weglot account. Simply enter the email, password, and agree to Weglot’s terms of service.
You’ll then be taken to your Weglot account dashboard where you can copy your API key. Copy it as you’ll need it in the second step.
Then, in your WordPress dashboard, go to Plugins > Add new. Search for Weglot, install, and activate the plugin. Once the plugin has been activated, go to the Weglot configuration page. You’ll need to enter your Weglot API key that you copied in the previous step. Paste it in then save your changes.
Then, set your original language and the language you want to translate your website to using the dropdown menus.
You can configure how the language button looks and where it appears on your site. Other settings include the ability to exclude certain URLs or even certain blocks.
Lastly, you can also translate AMP pages, auto-redirect users, and allow users to search your site in their preferred language.
When you’re done configuring the plugin, click Save Changes.
Believe it or not, once you’ve saved your changes, Weglot will work its magic behind the scenes and translate your entire website.
You can view your live site and everything will be translated into the language of your choice (here we’ve chosen French), and that includes the contents of your sliders – there’s nothing additional to do. As you can see from the screenshot below, Weglot translated the slider instantly (using a first layer of machine translation).
3. Edit your slider translations
Weglot allows you to go instantly multilingual with a first layer of machine translation. You can then choose to use the post-editing tools to make human edits to your slider translations in real-time to give you complete control of your translation quality.
Login to your Weglot dashboard and click on Translations > Visual Editor > Start Editing.
You’ll then be taken to the editor where you can make changes to the translation in a live preview of your site. As you can see, the visual editor gives you a couple of options. You can highlight all automatic translations, manual translations or professional translations at the top. You can also see which language you’re editing and switch between all your language pairs.
To edit the translation, simply click on the blue pencil icon on the translation. A window will pop up where you can make your own edits to the translation. When you’re done, click OK. Then, repeat the process for any of your slider content.
Translating sliders in WordPress might seem daunting. But with the right tool under your belt, you can easily translate both static and dynamic content, as well as content from third-party apps.
In this tutorial, we’ve walked you through the steps of translating WordPress sliders with Weglot. The only thing left to do now is to sign up for a plan that meets your needs and let Weglot take care of translating your entire website, including your sliders. Good luck!
Try Weglot’s 10-day trial for yourself.