Follow this tutorial to learn how to create multilingual WordPress sites using Avada theme and WPML. Avada is a highly responsive theme with a modern and clean design. It has many features such as premium sliders, unlimited colors, advanced theme options, and much more! If you have chosen Avada as your site’s theme, this tutorial teaches you how to turn it multilingual with WPML.
What you will need
- The Avada theme (version 3.9.3 or above), also available from Theme Forest.
- A recent version of WPML (version 3.3.6 or above), including the String Translation, Translation Management and Media translation add-ons.
- WPML’s Getting Started Guide will help you in setting up WPML in a few minutes. You will want to refer later to some of its subtopics, such as Theme and Plugin Localization and String Translation. We recommend that you keep this guide open while following this tutorial.
- Avada’s documentation will provide you with all the information needed to set it up. You can also find an excellent collection of tutorials and step-by-step videos on Avada’s YouTube channel.
- Getting started
- Translating Avada home page
- Translating other pages, posts, custom post types, and taxonomies
- Translating Avada theme options
- Translating Avada menus
- Translating other theme and site texts
- Toolset Avada Integration
- Install the Avada theme and activate it.
- Install and activate the core WPML plugins (WPML Multilingual CMS, WPML String Translation, WPML Translation Management) first, followed by other WPML plugins that may depend on them.
- Set up WPML from WPML >> Languages. See our WPML Getting Started Guide for complete reference. 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.)
For this tutorial, we use some of the demo content provided with Avada. You can install the demo content by navigating to Avada >> Install Demos and then clicking on ‘Install’ (we are installing Avada Classic as an example for this tutorial). See the illustration below.
You will probably be interested in the process of batch duplication of pages and posts (we actually used it to set up this tutorial). To use this feature, go to WPML >> Translation Management, and from the Translation Dashboard (the tab that is opened by default), select the (Pages/Posts) that you want duplicate the content for, and click the ‘Duplicate’ button.
Translating Avada home page
To set up a multilingual site, you obviously need to translate your content. This involves at least translating posts (including custom post types), pages, taxonomies, and menus and other navigational elements. We will begin by translating Avada’s home page.
The home page downloaded by the demo installer is built using the “Fusion Page Builder”. In case you are using Avada’s “Fusion Page Builder” to create your own homepage or any other pages, follow the steps below for translation:
- Go to All Pages, and search for ‘home’. You will see columns for each active language, with a icon (for ‘edit translation’) or a icon (for ‘add translation’) next to each page. Go ahead and Click on the icon to edit the translation for ‘Home Version 2’. Note that we have already duplicated all the pages for translation.
- Click on the ‘Translate independently’ button found on the language meta box on the right.
- Add the translated content; we have just added some dummy translation text.
Translating pages, posts, post categories, custom post types and custom taxonomies
In a similar fashion, you can translate all other pages and posts, including custom post types such as portfolios. For example, here is how to translate a post:
- Navigate to Posts and click on the icon.
- Add the translated content.
Translating post categories
By navigating to Posts >> Categories, you will see a list with all the available post categories; go ahead and click on any of them to add its translation.
Now click on the ‘add’ button as shown in the illustration below.
Fill the Name, Slug and Description fields with the category translation and click on the ‘Add New Category’ button.
Translating custom post types (Portfolio) and portfolio categories (Skills and Tags)
Avada comes with a rich set of custom post types, such as portfolios, that can be translated using the same steps followed to translate the regular post. Also, the post portfolio categories can be translated in the same manner as we translated the regular post categories.
Translating custom taxonomies
- Go to WPML >> Taxonomy Translation
- Select ‘Portfolio Categories’ from the ‘Select the taxonomy to translate’ drop-down menu.
- Click on the ‘translate’ button to add the custom taxonomy translation by filling the required fields and then click on the ‘OK’ button, as illustrated below.
Translating Avada’s theme options
By navigating to Avada >> Theme Options, you can set the main language switcher on the dashboard to your secondary language and add translated text for the different theme options available. For example, if we want to translate the header content “Phone Number For Contact Info.”, navigate to Header >> Header Content Options and place your translated text in the ‘Phone Number For Contact Info’ field and click on the ‘Save all changes’ button. Check the illustrations below.
Translating Avada menus
With WPML, you can easily synchronize between your languages’ menus. For more information, please check our full translating menus tutorial.
Translating Avada theme text and other strings on your website
To translate the theme strings, you will need to scan it for strings. This will register the strings for translation on the string translation screen. (Read more about 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’ button. This will register the theme texts for translation on the string translation screen. Check the illustration below.
- 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, choose the ‘Translation is complete’ option and click ‘Save’. Check the illustration below.
Toolset Avada Integration
The integration between Avada and Toolset lets you easily add custom content to Avada theme. You will continue to enjoy the richness of Avada theme and the convenience of the Fusion page builder, while making it easy to fully control your layouts and translate them. (Read more about Toolset Avada Integration.)
If you need help with using WPML with Avada theme, please head over to our technical forum. Before posting about issues, we recommend that you review this quick checklist:
- Make sure you have the latest versions of the theme and of the WPML plugins, and that they are all activated. These include WPML Multilingual CMS, WPML String Translation and WPML Translation Management.
- Check that the problem does not appear if the WPML plugins are deactivated, and it does appear when only the core WPML plugins are activated. In other words, try to make sure that it is an issue of compatibility of Bridge with WPML; otherwise Avada support is likely to be able to help you better.
Avada theme comes with many great features. With WPML integration, you will be able to easily translate all its different elements. The detailed instructions introduced in this document will guide you on how to build your localized website smartly using Avada theme and WPML.