WPML and Enfold

Introduction

Enfold theme allows you to build a website in a few minutes. It includes many features, and can be optimized based on your needs. It also comes with predefined content for easy setup.

Enfold’s integration with WPML allows you to translate your pages, posts, menus, custom post types, and all the other theme elements. You can read more about it, download, and look at the multilingual test site here: https://wpml.org/theme/enfold/

In this documentation, we provide detailed instructions on how to translate the different elements of Enfold’s theme using WPML.

What you will need

The Enfold Theme, which is also available on Theme Forest (version 3.3 or above).

A recent version of WPML (version 3.3.6 or above), including the String Translation, Translation Management, and Media translation add-ons.

Essential resources

Enfold documentation has a rich collection of tutorials and step-by-step videos that will guide you in your initial setup.

The WPML Getting Started Guide contains clear explanations of many of the steps involved in turning an Enfold site multilingual with WPML. You will want to refer later to some of its subtopics, such as Theme and Plugin Localization, Menu Synchronization, and String Translation. We recommend you keep this guide open while following this tutorial.

Content

Getting started | installing and activating Enfold theme, importing content, and setting up WPML plugin

Translating pages created with the Avia page builder | Includes translating the home page

Translating pages, posts, custom post types and custom taxonomies | Portfolio, portfolio categories

Translating menus | Synchronize menus across languages and translate them

Translating theme text | Scan your theme for strings and get everything translated

Translating theme options | Using the theme option language switcher

Translating the content from add-ons

List of Elements supported by WPML

Getting Help | Our support team will be more than happy to assist you

Getting WPML| Free 30 days trial

Getting started

These are the main steps you need to follow to get started:

  • Install the Enfold theme and activate it.

For this tutorial, we will use some of the sample content available in Enfold theme. You can import this content by going to Enfold, clicking on the Demo Import tab on the left, then clicking on the Click to import button as illustrated below.

import demo content

  • Install and activate the core WPML plugins (WPML Multilingual CMS, WPML String Translation, WPML Translation Management, WPML Media Translation), and then other WPML plugins that may depend on them.
  • Set up WPML,  See our WPML Getting Started Guide for a complete reference, but the initial simple three-step setup is self-explanatory, asking you to choose your default language, a set of active languages, and a language selector. (For starters, choose the footer language selector; you can change this later.)
  • Activate WPML translation editor

Go to WPML -> Translation Management -> Multilingual Content Setup tab -> Check the box use the translation editor -> Save

Translate Divi with WPML

Activating WPML Translation Editor

 

Please visit our main page about translating pages created using page builders. You will learn more about the setup, the technical requirements and the plugins needed.

How to translate pages built with Avia Builder using WPML?

WPML lets you translate content in three ways. You can translate yourself, send content to your own translators or send jobs to your favorite translation service.

Watch a short overview of translating pages built with Enfold in the following video.

.

Scenario 1: You do the translation yourself

You need to click the plus button for the language you wish to translate into.
You can find these plus buttons in the Language box when editing your page (in the WordPress back-end), or on listing pages.

The plus located in the Language box when editing my  page. The plus located under the flag Pages-> All pages

translate enfold with wpml

When clicking on one of these plus icons, WPML’s Translation Editor will appear. Use it to translate the content of your page and tick the box when the translation is complete.

translate enfold with WPML

Once the translation is made, the plus icon will change to a pencil icon as shown below:

Scenario 2: You send content for others to translate

WPML allows you to send your content to translators. Translators will only see texts that require translation.

First of all, you need to add translators to your site or to choose a translation service.

Then, select the content you wish to send for translation.

Go to the WPML -> Translation Management page and select the content to translate.

Click to add the items in the Translation basket.

Finally, on the Translation basket tab, you need to choose your translators.

The translators or translation service will receive a notification. When translation is complete, it will appear automatically in WordPress.

 

Translating pages, posts, custom post types, and custom taxonomies

Translating pages and posts can be done by navigating to Pages or Posts on the WordPress dashboard and clicking on the plus icon to add the translated content to the secondary language.

As you can see, the custom post that comes with Enfold theme, like “Portfolio,” and the custom taxonomy, like “Portfolio Categories,” are preset to be translated by the language configuration file, which we have created for Enfold theme.

Go to Portfolio items in your WordPress dashboard and click on the plus icon to add the translation. See the illustration below:

translate portfolio items

To translate the custom taxonomies, follow the steps below:

Go to WPML –> Taxonomy Translation.

Select Portfolio Categories  from the Select the taxonomy to translate drop-down menu.

Click on Translate to add the custom taxonomy translation by filling the required fields and then click OK as illustrated below.

translate portfolio pategories

 

Translating Menus

WPML can synchronize menus for you. This means that if some entries, for example some pages, posts, or categories, are in the English menu, WPML can generate and keep in sync menus for other languages pointing to the translated versions of these pages, posts, or categories. By following the steps below you will be able to synchronize the menus and translate them.

From WordPress Appearance –> Menus, click on Synchronize menus between languages as shown in the illustration below:

Synchronize menus between languages

Now you are directed to a page that shows the menu items available for translation. Scroll to the end of the page and click the Sync button, as shown in the illustration below:

sync button

Clicking the Sync button will take you to the set of menu items that can be translated; select them all, then apply the changes.

 

Translating theme text and other strings on your website

Scanning the theme strings will register them for translation on the string translation screen. Learn more at Theme and Plugin Localization.

This can be done by following the steps below:

Go to WPML –> Theme and plugin localization.

Click on the Scan the theme for strings This will register the theme texts for translation on the string translation screen, as shown in the illustration below.

scan the theme for strings

Now you can navigate to WPML –> String translation, and filter the strings by “translation needed” to see which strings are missing translations or select a specific text domain. You also can search for a specific string by typing it in the “Search for” field and clicking the Search button. Click on translations and add your translated text, as shown in the illustration below.

string translation page

 

Translating theme options

You can simply translate the theme options by following the steps below:

Go to Enfold settings on your WordPress dashboard.

Click on the options tab on the left.

Use the language switcher on the theme options page located on the top left corner to switch between the default language and the secondary language(s).

With that you can edit the translation of the theme options under each language as shown in the illustration below.

translate theme options

List of all the current translatable Avia builder Elements

The following textual elements found in Enfold are currently supported by WPML:

  • Text Block
  • Special Heading
  • Icon Box
  • Icon List
  • Icon
  • Headline Rotator
  • Button
  • Fullwidth Button
  • Content Slider
  • Notification
  • Tabs
  • Accordion
  • Promo Box
  • Contact Form
  • Blog Posts
  • Post Slider
  • Magazine
  • Mansory
  • Team Member
  • Table
  • Progress Bar
  • Fullwidth Sub Menu
  • Testimonials
  • Catalogue
  • Animated Numbers
  • Animated Countdown
  • Mailchimp Signup
  • Code Block
  • Social Share Buttons
  • Image
  • Image with Hotspots
  • Easy Slider
  • Video
  • Fullwidth Easy Slider
  • Fullscreen Slider
  • Featured Image Slider
  • Accordion Slider
  • Advanced Layerslider
  • Partner / Logo Element
  • Google Map

Translating content coming from Enfold add-ons

Enfold ecosystem is wide and it features many useful add-ons extending its usability. We are constantly working on making these add-ons compatible with WPML, not all of them are yet integrated.

In case of you use a Enfold add-on that’s not yet configured to work with WPML, you can fix it yourself. We recommend you to follow the instructions on integrating page builders that use shortcodes with WPML.

Getting help from our support

WPML support team is happy to help you and trained on integrating page builders with WPML. If you have any issues or need our advice please create a new ticket.

Get WPML

You can evaluate WPML for 30 days and see how you like it. If you are not happy with our plugin, we refund you without any questions in the 30 days.