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.

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. Fill in the fields with your translated content and mark them as completed and save all the changes.

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. Click the spinning arrows icon to update the translation This opens the WPML Translation editor. Fill in the fields with your translated content and mark them as completed and save all the changes.

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.

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