SiteOrigin Page Builder is based on standard WordPress widgets. This means you have a huge number of widgets to choose from and use in designing your contents. Whatever you build this way, you can conveniently translate it using WPML.

Original content Content translated to Spanish
 wpml and siteorigin  wpml and siteorigin

Contents

Getting Started and What to Check

Make sure that Page Builder SiteOrigin is activated, by going to the Plugins page.

The SiteOrigin Widgets Bundle plugin is also recommended as it gives you access to the most common widgets. Remember to activate the Widgets you need, to use from Plugins -> SiteOrigin Widgets:

 

WPML with SiteOrigin

Checking that all the Widgets you need are activated.

 

Make sure that the WPML Multilingual CMS, WPML String Translation, WPML Translation Management, and WPML Media Translation plugins are activated.

Follow the steps in the WPML beginner’s guide to verify that your setup is correct.

Navigate to the WPML -> Translation Management page and click on the Multilingual Content Setup. In the How to translate posts and pages section, select the Create translations manually option and then click Save.

Choose the Create translations manually option

Translating your pages built with SiteOrigin (Widget-based)

SiteOrigin is a widget-based page builder. There are three kinds of widgets: Bundle, Page Builder, and the original WordPress ones. Let’s see how to translate them.WPML with SiteOrigin

1.Click on the Edit link for the page that you want to translate.

WPML with SiteOrigin

Edit button to access the page to translate

2.In the Language meta-box, select the Duplicate checkbox, and then click on the Duplicate button. This will duplicate the page in the selected secondary language.

WPML and Site Origin

Duplicating the page to translate it

 

3.Click on the pencil icon to edit the page in the other language and add your translated text to that duplicated page.

WPML with SiteOrigin

Click on the Pencil to edit the translation.

4.On the editing page of the duplicated page, click Translate independently in the Language box.

WPML with SiteOrigin

Clicking on Translate Independently

5.Edit the elements on your page to add the translated text. In the example below, we selected the Circle Icon. Translate your Circle Icon to Spanish and click on Done. Do this for all the elements on the page.

WPML with SiteOrigin

Editing a block into Spanish

 

6.Once you complete translating all the elements on the page, click on the Update button.

Note that it’s possible to use the Live Editor as well.

Getting help from our support

We have supporters in our forum who are ready six days a week to help you. They are trained in how to use WPML with Virtue.

If you are working with a developer for your site, please use our Translation support forum to get help with translating your site’s content.

If you are setting up the site and WPML yourself, please use our Technical support forum.