parallax background

How to translate pages with the WPML plugin in MuffinBuilder

How to Design an Awesome Personal Trainer Website
May 11, 2019
Looking for A Church Website Builder? These Are Your Best Options
May 13, 2019
 

So you've got a great blog, website, or online shop, and your visitors love it. You want it to reach as many people around the world as possible, but there's a problem: it's only available in English.If you are interested in adding more than just one language to your site, this article will come in handy. WordPress doesn't allow users to create multilingual sites out of the box, but because WordPress is so adaptable, there is always a way. One easy way is by using the WPML plugin and a compatible theme like Muffin Builder.

What is MuffinBuilder and what is it capable of?

BeTheme is a WordPress theme developed by MuffinGroup. The theme is fully responsive and it includes a drag-and-drop page builder called MuffinBuilder, which is extremely popular among those who want to build complex websites with simple tools. By choosing to use BeTheme, you can take advantage of the awesome features of MuffinBuilder, including easy multi-language integration.

The builder is packed with all sorts of options, most of them being focused on design elements. You can fully customize the websites' layout by dividing it into multiple sections or adding new ones to an existent layout. In short, it's a complete website builder with everything you need and more.

If you use ThemeForest on a regular basis, you probably know how appreciated Be Theme is on this theme marketplace. From all WordPress themes listed here, BeTheme reached no less than 150,000 sales and thousands of 5-star reviews. BeTheme comes with multiple ready-made page styles so it can be used for websites in all sorts of niches - business, personal, fashion, media, and so on.

The fact that it includes MuffinBuilder, as well as multiple page styles, makes BeTheme perfect for building a multilingual WordPress site. Let's take a look at how it all works.

So, what is WPML?

Untitled-1
 

As they say, "Where there's a WordPress plugin, there's a way."WPML is a WordPress plugin that can extend the CMS' functionality to support true multilingualism. And don't mistake WPML for a simple WordPress translation plugin, as it is more advanced than that. WPML plugin allows users to display different aspects of your page (buttons, content, menu, and others) in different languages while maintaining the website's responsiveness and intended user experience.

WPML can also be used for translating content in the admin panel, widgets, or the content listed by other plugins. WPML plugin offers different licensing versions, each of them containing a set of features that can be more or less relevant for your situation. If you opt for a more expensive license you can add multilingual versions of eCommerce stores built with WooCommerce as well.

With WPML, you can write your own translated content in various languages and the plugin will implement the translated content for you. Considering that you aren't required to deal with any technical process yourself, the WPML plugin is arguably the most convenient option out there. Depending on how well you want your website to be translated, you can also use third-party translation engines for automatic machine translation. You simply add your API key for the translation engine of your choice and WPML handles the integration seamlessly.

How can you use WPML in MuffinBuilder?

As mentioned, MuffinBuilder can be conveniently used to build aspects of your multilingual site that would require much more work when using traditional WordPress development methods. This is not the case when you use the combination of BeTheme, MuffinBuilder, and WPML. The standard translation process is manual, but this is the recommended option for a professional, mistake-free outcome. Fortunately, WPML includes a dedicated translation editor, which makes configuring your translations much easier.

In the image below, you can observe a page built with MuffinBuilder:

image003
 

To translate this page, you can use one of the following methods:

  • use the WPML Advanced Translation Editor (ATE)
  • Use the WPML Classic Translation Editor (CTE)

In order to access one of the two editors, navigate to WPML and then go to the Settings panel. You will notice a section named "How to translate posts and pages". Make a choice for your preferred editor. See the following image:

Activate-the-manual-translation-mode
 

From there, everything should be rather intuitive, as the interface is similar to WordPress' classic editor. To add a translated page, click on the plus sign on the right side of the platform, as shown here:

muffinn
 

Keep in mind that ATE involves automated machine translations and mistakes might be present in the content, taking into account that humans are subjective and robots are not. Once you are happy with the translation, you can hit Publish. You can see how the process looks here:

color
 

You can use the classic translation method by choosing CTE instead of ATE. This editor will allow you to insert your own content in specially designed windows, from inside of your WordPress admin panel. It looks like this:

compose
 

One single blog post includes a body, a title, some tags, and a category. The classic editor will separate each of these elements and let you upload the translation for each. You can choose between HTML editing or Visual editing, just like you would do with a regular post.

Images or media

During the translation process, you won't be able to add images or other media content to the text. In order to translate fields that come with included media, you need to copy the field from the original and a new window will pop up on the left side.

Text

Once you've uploaded all of your translated text, hit the checkbox to indicate that it's ready for uploading. This is a simple example of the process:

1
 

Don't forget to save the changes you make and then publish the translated page. The website should look like this:

image015
 

Text from other sources

By using the WPML plugin and the builder, you can also translate text from different themes and plugins.

Menus

With WPML, you can translate the menus and synchronize the data across your multilingual WordPress site.

Categories

Many websites built with BeTheme or similar themes include pages and categories like Testimonials or Portfolio. These can be trickier to translate, but WPML can do the job just fine.

Sliders

BeTheme comes bundled with a plugin called Slider Revolution. With this plugin, you can switch languages and add new ones in a couple of minutes.

Go worldwide with ease

When you don't feel like building another site from scratch just because you want to switch languages, using WPML bundled with BeTheme and MuffinBuilder is the easiest way out of this conundrum. It takes quicker than you expect and doesn't require any technical knowledge. Use the WPML plugin to obtain a professionally translated website without developing another from scratch, and share your website far and wide.

Albert Ślusarczyk
Albert Ślusarczyk
As the co-creator of Be Theme, I am a strong believer in designing with care and patience. I pour my energy, time & knowledge into perfecting the theme for our 141,000+ customers.

Comments are closed.

Free cheat sheets available

Subscribe to download a set of cheat sheets for CSS, JS, and HTML

You'll receive an email with the cheat sheets in an instant.