The JetPack plugin offers dozens of features, from social media embedding through galleries and contact forms, to displaying complex mathematical equations and more. You can use WPML to translate texts related to JetPack’s features.
In this tutorial, you will learn how to make JetPack multilingual with WPML.
We will explain how to use and translate some of JetPack’s major features. There are many features found on the JetPack -> Settings page. They are classified and divided into the following tabs: Writing, Sharing, Discussion, Traffic, and Security.
You can see a live example on the JetPack + WPML demo site.
To run a multilingual site with WPML and JetPack, you will need:
- JetPack Plugin
- A recent version of WPML, including the String Translation and Translation Management add-on plugins.
If you are a site developer, these are the main steps you need to follow to get started:
- Install and activate JetPack.
- Install and activate the WPML plugins (WPML Multilingual CMS, WPML String Translation, WPML Translation Management).
- Set up WPML from the WPML -> Languages page. See our WPML Getting Started Guide for complete reference.
If you are a site owner working with a developer, ask them to perform the above steps for you.
After installing JetPack, a new Add Contact Form button is available when editing posts and pages. When you click on it and add a form, JetPack adds shortcodes tags that create the actual form fields, buttons, and other elements.
To translate a contact form, use the following steps:
- Duplicate the original post that contains the JetPack form.
- Go to the WPML -> String Translation page. Use the filter controls at the top of the page to look for the texts that need translation. In the Select strings within domain dropdown, select jetpack and only the texts from JetPack will be listed.
- Translate all the JetPack form texts of interest.
- Make sure to check the Translation is complete for the translations and save them.
Repeat these steps for all texts coming from JetPack.
Results: in the following image, you can see the form added to a Spanish page (named “Contacto”) with all the texts translated to Spanish:
You are also able to translate the email template text sent to your visitors – your English visitors will read an English email while your Spanish visitors will enjoy a Spanish version.
This is a powerful gallery feature that lets you create custom image galleries from within the usual WordPress post editor. With WPML, you can create different galleries per language and also translate all the texts related to those galleries.
Let’s see how this is done. First, check that the Tiled Galleries module is enabled. Now, when you create a standard WordPress gallery you have some new custom options, for example, how to show these images, as displayed in the following image.
After this is done, we are going to translate the gallery. For that, duplicate your post and click on the Translate Independently button. You can now change the images, image titles and alt texts on the secondary language’s post editing screen.
For the sake of this tutorial, I selected rounded gallery images for English and square ones for the Spanish version. As you can see in the following image, everything is translated, including the alt texts and the captions produced by JetPack.
This handy module provides many useful widgets, like Twitter, Facebook Like Box, Custom Image Gallery , Upcoming Events, and more. All of them can be translated using WPML.
Let’s take a look at the Tiled Gallery widget or Gallery (Jetpack) as it is titled on the Appearance -> Widgets page. This widget displays a photo gallery or slideshow and is related to the Tiled Gallery Module which we have described above. To make this widget visible, drag it to your theme’s widget area, select images for it and set its other related options.
Now, you can go to the WPML -> String Translation page and translate all the texts linked to this widget. Use the same steps as described in the previous section.
The following images display two different language versions of the “widgetized” area:
Following the same process allows you to translate all other Extra Sidebar Widgets. Another example is the popular Facebook Like Box, which is displayed in the original and translated language in the following image.
The JetPack package contains many more features and to translate them, you should follow the same procedure as described above.