Oxygen is a visual page builder that enables you to control the styling and content of your site. This allows you to build advanced designs with Oxygen and translate texts using WPML.

Oxygen page in original content  Oxygen Page translated to French
Translating Oxygen pages with WPML Translating Oxygen pages with WPML

What you need

Essential Resources

Content

Getting Started

    • Set up WPML from WPML -> Languages. See our WPML Getting Started Guide for a complete reference. The initial three-step setup is simple and self-explanatory. It asks you to choose your default language, a set of active languages, and a language selector.
    • First, install and activate the core WPML plugins (WPML Multilingual CMS, WPML String Translation, and WPML Translation Management).
    • Install the Oxygen plugin and activate it.
    • A notification displays at the top of the WordPress administration, which enables you to easily activate the WPML Translation Editor with a single click. Simply click the Enable it now button in this message.

Translating Oxygen with WPML

Translating Oxygen Builder pages

Oxygen Visual Builder comes with four elements: Basics, Helpers, WordPress elements, and Design Sets.

WPML allows you to translate your site in three convenient ways. You can produce the translation yourself, send content to translators, or send jobs to a professional translation service directly from your WordPress dashboard.

Scenario 1: Translate the content yourself

Here is page built using the Oxygen Builder:

Page built using Oxygen Builder
Page built using Oxygen Builder

To translate pages built with Oxygen Builder, follow the steps below:

    1. Go to the default language page editing screen and click the + icon corresponding to the language you want to translate your page into. This takes you to the Translation Editor screen.
Click the + icon to translate the page
Click the + icon to translate the page
    1. Add the translation and tick the Translation is complete checkbox for all the fields. Once done translating the page, click the Save & Close button.
Add the translated content and save
Add the translated content and save

This is how the translated page looks on the front-end:

Translated page on the front-end
Translated page on the front-end

Scenario 2: Send content to others to translate

WPML allows you to send your content to translators. Translators only see text that requires translation. There are two types of translators; you can add a WordPress user as a translator to your site or choose a professional translation service. This is explained in details on the page about translating your WordPress site.

    1. Go to WPML -> Translation Management and select the pages or a posts that you need to send for translation. In the “Select translation options” section, choose the translate option crosponding to the language(s) you want to translate your pages/post into then click the Add selected conent to translation basket button.
Choose the pages you want to add to the translation basket
Choose the pages you want to add to the translation basket
    1. Go to the Translation Basket tab. Choose the local translator or the translation service you prefer and click the Send all items for translation button.
Assign the translation batch to a local translator or a translation service
Assign the translation batch to a local translator or a translation service
    1. You can check the translation status by navigating to the Translation Jobs tab.
Translation status
Translation status

The translators or translation service receive a notification. Once the job is complete, the translation automatically appears on your site.

Translating Oxygen Re-Usable elements and Templates with WPML

With the current WPML technical workflow, we do not support the translation of Re-Usable elements and Templates.

Adding a new Oxygen element to the page and updating the translation

Let’s use Oxygen Visual Builder to add a new element to the page:

To translate the new element content, follow the steps below:

    1. Go to the default language editing screen. In the language box, you can see the spining arrows icon wich indecates that the translation needs to be updated. Clicking the pinning arrows icon takes you to the Translation Editor screen.
Click the spinning arrows icon to update the translation
Click the spinning arrows icon to update the translation
    1. The content that you translated previously is reserved. Simply, add the translation of the content that you added, tick the Translation is compelte checkbox, then Save & Close.
Translate the content of an added element
Translate the content of an added element

As you can see, the new element is translated:

Newly element added is translated
Newly element added is translated

Updating an existing Oxygen element and its translation

Sometimes, you need to edit an existing element in the original language. However, what happens to your translation in this case?

Let us add some text to our heading:

Adding more text to an existing element
Adding more text to an existing element

Simply, translate the text that you added to the element by navigating to the Translation Editor screen.

Translate the added content to the existing element
Translate the added content to the existing element

The conent on the front-end is updated:

Translation on the front-end
Translation on the front-end

Getting help from our technical support

Our WPML support team is trained on how to integrate the Oxygen page builder with WPML. If you run into any problems, create a ticket and our support team will be very happy to assist you.

Ready to get started?

Evaluate WPML for 30 days and see how you like it! In case you are not happy with it, we will refund your money without any questions within the 30-day trial period.

Buy and Download