Share on linkedin
Share on twitter
Share on facebook

How to translate Divi Builder WordPress sites with Weglot

Share on linkedin
Share on twitter
Share on facebook

When it comes to building your website, the CMS you choose is an important consideration to make. With WordPress accounting for over 35% of all sites on the internet it’s a popular choice amongst website owners. 

However, not everyone who owns a website is necessarily overly tech-savvy and that’s why it’s often a good choice to pick a CMS that will allow you to design sophisticated and eye-catching websites without the need for any code or developer knowledge. 

Thankfully, there are a number of WordPress page builders that make building and designing your site a trouble-free process, allowing you to create beautiful, professional websites without any code or HTML know-how.

One such option is the WordPress Divi Builder. This popular plugin gives website builders a user-friendly experience with tonnes of design capacity and flexibility. Drag-and drop-capabilities, an advanced and intuitive visual builder, as well as hundreds of prebuilt designs – this can make website development a painless process and yield great results.

However, for global success across multiple markets a beautiful website isn’t always enough. That’s why you might be considering making your site multilingual – to make it accessible to potential customers who were previously out of reach. 

In this article we’re going to show you how simple it is to make your Divi Builder site multilingual with the help of Weglot – a WordPress multilingual plugin  that makes your site multilingual in minutes, no code required.

How to translate your Divi Builder Site using Weglot

Typically, creating multilingual websites is an overly convoluted process for most. However, with Weglot, doing this is a simple affair that can be summed up in three easy steps: 

  1. Creating your WordPress site using Divi Builder 
  2. Installing Weglot 
  3. Managing and editing  your translations

Creating a WordPress site using Divi Builder

When you’re starting with the Divi builder it’s helpful to know that there are over 800 pre-made web designs and layouts at your disposal – for free! This can be really helpful for those of you who aren’t completely comfortable with starting from scratch. If you do choose to start with a blank slate, you can always look back on some of these great themes for inspiration 😉

After making a decision on this and having either chosen or constructed your site layout, it’s then time to work on customization. With over 40 website elements that can easily be dragged, dropped, and adjusted you can make sure your website is equipped with everything it needs to make an impact on visitors.

As an example, we’ve chosen the ‘Animal Shelter’ layout but there are lots to choose from. If you’ve selected the same one as us, your site will look something like this: 

divi-builder-demo-site

You’ll then notice as you hover over elements on your site that you can edit, customize and add completely new elements and sections within this prebuilt layout. This is a great opportunity to add your own piece of creative flare to your site without spending too much time building from scratch.

Side note: don’t worry about where and how much content you’re adding from a translation perspective, because with Weglot all content can be translated, no matter what element it’s on. 

Install Weglot

So, once you’ve managed to build your WordPress site with the help of the Divi builder, and included everything you want in terms of content, it’s now time to go about making your website multilingual so that it can be widely understood by international audiences. 

Fortunately, this is a straightforward process and should take no longer than 5 minutes.

Firstly, go to your WordPress dashboard and install the Weglot plugin. Once this is done click on ‘’Activate’’.

install-weglot

Back on your WordPress dashboard, you’ll now notice that the Weglot tab has been added along the sidebar. You’ll need to click on this icon to finalise your configuration. 

wordpress-weglot

After completing these quick steps, head into your Weglot tab so you can add your unique API key – this can be found from your Weglot Dashboard (create a Weglot account).

weglot-configuration

At this point you’ll also be asked to insert the original language of your site followed by the destination language(s) (i.e the languages you want your site to be available in). 

There are over 100 language options available on Weglot, you can then choose a plan appropriate to your needs and add as many languages as required.

Click ‘’Save Changes’’ and BAM your multilingual Divi built WordPress site is now live! On your front site you’ll now notice a language switcher on the bottom right hand corner, clicking on this allows you to switch back and forth from different languages on your site. 

There’s also the additional option of customizing your language switcher. Choose to include or exclude country flags, whether you want a dropdown and much more. You can experiment with this feature a little and decide what options mesh best with your front sites design and feel. 

multilingual-language-switcher

Additionally, you can also change the whereabouts of your language switcher on your front site. So if the bottom right hand corner doesn’t feel right for you, feel free to try out different positioning options.

Manage and Edit Translations

A huge reason why Weglot compliments the Divi builder so well is because both have intuitive interfaces and powerful visual editing capabilities. On the Weglot dashboard you can manage and edit your translations, however alternatively, for those who prefer a visual approach, you can change and edit these translations in a live preview of your front site!

Weglot uses a first layer of automatic translation to make your WordPress site multilingual. Depending on the language translated it draws on a number of translation solutions such as DeepL, Microsoft, Google and Yandex to complete the action. 

The “in context editor” gives you or team members the option to  review and edit any translations manually within a live preview of your website. 

Translating your Divi built website content, images, and more

To access the visual editor go into the ‘visual editor’ tab in your Weglot Dashboard. You’ll then be taken to a live preview of your Divi built WordPress site. Check out our demo site to see Weglot in action on a Divi built site.

Then to see all the elements on your site that are translatable, hold down the ‘‘command’’ button or click ‘’highlight translatable elements’’. Note that anything highlighted can be edited or adjusted manually.

visual-editor

Note that this isn’t just limited to main body text, but also, buttons, navigation menus, widgets and other things such as forms. Your edited translations will then be automatically saved on your Weglot dashboard. All you need to do is click on the pencil icon to change a translation.

translation-management

Note that images can also be translated, this means that a different version of an image will appear on your site depending on the language it is accessed in. 

To do this you can again access the images through the ‘visual editor’ and then change the image URL to a different image file that would work better for your new target market.  So for example, if you were running a cross border e-commerce website with physical stores in a number of different countries – you might include images of your stores in the UK on the English version of your site, but images of stores in France for the French site. 

You can also change and localize any videos you might have added on your site. Click on the video you want to change and simply change the URL to link to the new video. 

If you prefer to edit your translations outside of the ‘in context’ editor that’s also possible! Manage them by URL through the ‘translations’ tab of your Weglot Dashboard.

translation-editing

Conclusion 

Divi Builder is an awesome no code solution to building impressive professional websites with intuitive drag and drop functionality and visual editing capabilities, which will go a long way in improving your commercial success. 

Weglot, another no-code tool with impressive visual-editing and multilingual capacities will only further enhance this success by drawing international customer segments to your offering.

Integrating both plugins on your WordPress site is an opportunity not to be missed and is sure to reap rewards for any website owner.

Discover more about Weglot and test it for yourself through the 10 day free trial – with access to all the features of a paid plan.

About the author
READY TO GET STARTED?
The best way to understand the power of Weglot is to see it for yourself. Get your website multilingual live in minutes.
Subscribe to our newsletter

Stay up to date with the latest Weglot news and tips!