Home » Documentation » Theme Compatibility » Using WPML with the AVADA theme

Using WPML with the AVADA theme

Avada and WPML

Introduction

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.

Essential resources

Contents

Getting started

  • 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.

Install demo

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.

Duplicate content

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:

  1. Go to All Pages, and search for ‘home’. You will see columns for each active language, with a Pen icon icon (for ‘edit translation’) or a Plus icon icon (for ‘add translation’) next to each page. Go ahead and Click on the Pen icon icon to edit the translation for ‘Home Version 2’. Note that we have already duplicated all the pages for translation.

page translation 1

  1. Click on the ‘Translate independently’ button found on the language meta box on the right.

translate independently

  1. Add the translated content; we have just added some dummy translation text.

page translation 2

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:

  1. Navigate to Posts and click on the Plus iconicon.
  2. Add the translated content.

translate post

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.

Translate post categories 1

Now click on the ‘add’ button as shown in the illustration below.

Translate post categories 2

Fill the Name, Slug and Description fields with the category translation and click on the ‘Add New Category’ button.

Translate post categories 3

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

  1. Go to WPML >> Taxonomy Translation
  2. Select ‘Portfolio Categories’ from the ‘Select the taxonomy to translate’ drop-down menu.
  3. 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.

Translate custom taxonomies

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.

English theme options

Default language theme options (English)

French theme options

Secondary language theme options (French)

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:

  1. Go to WPML >> Theme and plugin localization.
  2. 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.

scan theme for strings

3. 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.

string translation

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.)

Getting help

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:

  1. 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.
  2. 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.

Conclusion

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.