TranslatePress Plugin: Translate Any WordPress Site Fast and Easy

Translating web content into other languages sounds like a lot of hard work, doesn’t it? But there’s a growing number of website owners who are translating their content into other languages and opening up their content to new opportunities and new audiences.

So how are they doing this? And what are the costs involved?

In this review, we’re going to show you how you can translate your self-hosted WordPress website using an intuitive multilingual plugin called TranslatePress.

We’ll guide you through the whole process. This article covers installation, content translation, and the importance of multilingual SEO (search engine optimization).

What Is TranslatePress?

TranslatePress is an intuitive WordPress translation plugin that works out of the box with any plugin or theme (page builders included). Other WordPress translation plugins tend to work in the WordPress admin, where you can add language translations.

TranslatePress takes a different approach, favoring a visual translation interface similar to the WordPress customizer. You basically browse the site and translate everything you see.

This benefits you in two ways: you see the translation in real-time, and you don’t miss any words in the process.

TranslatePress is entirely free to use and available to download from the WordPress.org repository. The plugin works on a visual basis with any theme or plugin that displays frontend text.

TranslatePress vs Other Translation Plugins

Before you translate your existing content into different languages, you need to know the differences between various WordPress translation plugins.

Here are some of the features TranslatePress offers compared to other multilingual plugins:

Features	TranslatePress	WPML	Polylang Pro	MultilingualPress
Interface	Frontend	Backend	Backend	Backend
Translate all content	10/10	8/10	6.5/10	7.5/10
Translation focus	Automatic/Manual	Manual	Manual	Manual
Auto translation support	Yes	Yes	No	Yes
Edit automatic translations?	Yes	No	No	Yes
Translation storage	Your database	Your database	Your database	Your database
Keep translation if opt out of premium subscription	Yes	Yes	Yes	Yes
SEO Friendly	Yes	Yes	Yes	Yes
Compatible with WooCommerce	Yes	Requires additional paid plugin	Yes	Yes
Theme/Plugin compatibility	Yes	Partial	No	No
Use existing Gettext translations	Yes	Yes	Yes	Yes
Edit Gettext translations	Yes	Yes	Yes	No
Translation management	Yes	Yes	No	No
Integration with human translation services	No	Yes	Yes	No
Editorial control	Yes	Yes	Yes	No
Auto language detection	Yes	Yes	Yes	No
Easy to setup	Yes	No	No	No
Initial cost	Free	$29	Free	Free
Premium version	From €79	From €79	From €99	From €199

As you can see, the initial outlay for TranslatePress is free. While there are premium versions available with additional features, for now, we’ll stick with using the free version and see what it offers.

How to Translate WordPress with TranslatePress?

As part of our review, we’re going to guide you through the process of translating your entire site using the plugin, so you know what to expect with TranslatePress.

Installing TranslatePress

Installing TranslatePress is incredibly straightforward; all you have to do is navigate to Plugins → Add New, and in the search bar, type in TranslatePress.

– Install and Activate TranslatePress

Click on install now and activate the plugin. You’ll find a new menu addition in your WordPress backend, under Settings → TranslatePress.

– TranslatePress Settings

For our review, we’ll use French as the additional language we’d like to display.

Adding a Secondary Language

Just below the default language dropdown menu, we have the option to add a language. In the search bar, we’ve started to type in French, which gives us more options:

– Add Secondary Language in TranslatePress

By choosing French (France) and clicking Add, we’ve easily added our new language.

– Choose French as Secondary Language

As you can see from the screenshot, there’s a Slug box. Here that the text fr will be appended when a user visits the site and chooses French as their language of choice.

Customizing the Language Switcher

What is the Language Switcher exactly? Glad you asked. The Language Switcher is an entirely optional feature that allows visitors to your site to view the website in their language. We’ll cover the options you have to choose from here.

– Language Switcher in TranslatePress

The first option, Shortcode [language-switcher], enables you to add a shortcode to any page/post or widget.

The options available are:

• Full Language Names
• Short Language Names
• Flags with Full Language Names
• Flags with Short Language Names
• Only Flags

Language Switcher Shortcode

– Shortcode for Language Switcher

The screenshot above showcases two methods of displaying the language switcher via a shortcode.

The first method is in a blog post, and as you’ll see, the second method is in a custom HTML widget in the right sidebar.

Language Switcher as a Menu Item

You can use this option to add a navigation item to your main WordPress menu, footer menu, etc.

– Language Switcher as a Menu Item

Any languages you’ve chosen in the TranslatePress settings will automatically display in the newly added Language Switcher menu option.

Then it’s a case of assigning the menu to whatever area you require in your WordPress theme. See below for an example:

– Example of Translation Menu

Floating Language Switcher

This is an exciting feature! Enabling this option and setting a position will show an element that allows the user to switch languages.

This element’s options have the same settings as the previous two, with more features.

You’ll choose between Dark or Light, the second. Then you have to select where the element will be positioned:

• Bottom Right
• Bottom Left
• Top Right
• Top Left

For examples of the floating language selection, take a look at the screenshot below. In this instance, we’ve set the selector to the bottom right:

– Dark/Light Buttons for Translation

The selector on the left uses the dark option, while the one on the right uses the light option. We’ve also chosen to display Flags with Full Language Names.

As the floating language selector is flexible in positioning, it won’t interfere with any call-to-action newsletters/cookie banners you have. Simply change the position, or turn it off if need be.

Translating Content Using the Visual Editor

As TranslatePress is a visual tool for translations, it makes sense for the plugin to emulate the WordPress customizer, which most of us use at some point for things like adding additional CSS, altering a setting, or adding a widget.

To access the translation interface, click on the Translate Site text in the WordPress admin bar as below:

– Visual Translation Editor in TranslatePress

Once clicked, the interface will load. Take a look at this screenshot for an example:

– Example of Visual Translation Editor

A key strength of TranslatePress, the editor or interface, is how it’s visual, allowing us to see precisely how things shape as we translate our site.

Before we delve into what you can translate using this plugin, there’s something you need to know.

Blue Pencil Icon/Green Pencil Icon Explained

TranslatePress differentiates text in two ways. First, there’s the blue pencil icon:

– Translate Headings in WordPress

Essentially the blue pencil allows you to edit any text that’s user-defined, things like page/post titles, menu items, and such.

The green pencil icon deals with Gettext. Gettext is text strings that are output by WordPress themes/plugins. Take a look at the example below:

– Translate Comments in WordPress

As the comment text is deemed a Gettext (a constant throughout the site), you can translate this here. The translation will permeate through to all instances of this particular text, site-wide.

Now, back to translating a website with TranslatePress.

Translating a Blog Post

So our example is kind of boring; it’s the standard WordPress post “Hello World”. While it may seem dull, it lets us display what’s possible using TranslatePress.

Using the visual editor and navigating to the post header, we see a blue pencil. As this text is user-defined, clicking on the title allows us to add the French translation:

– Translating a Blog Post

If you use Google Translate and enter the term “Hello World”, you can get the French translation. Then cut and paste as done above.

For our translation to take, we can either click the Save translation button or use a shortcut, such as CTRL(⌘) + S (depending on whether you’re on Windows/Mac).

How do we know if the translation is successful? Well, here comes the cool part:

– Translating a Website

A quick switch between languages, and you can see in real-time how the translation looks. This is a killer feature in TranslatePress, and it’s in the free version!

What else can you translate using the plugin? Paragraphs of text, check. Titles, check. Menu items, check.

What’s interesting to see is the ability to alter image text as well. Take a look at this screenshot:

– Translating Alt Image Texts

Click Add Media, and choose a different image. Once selected, view the translated version and see the image change.

This is incredibly useful for those who wish to display a different image based on a user’s needs.

Translating a Contact Form

To test TranslatePress further, we’re going to install a contact form plugin. Why? Because a vast majority of you will be using a form plugin on your WordPress site.

In our example, we’ve installed a plugin from the WordPress repository called WPForms. Let’s see if we can translate a form:

– Translating a Contact Form

Success! Going through all the fields that WPForms outputs, you can translate each one of them. It’s good to see that TranslatePress accommodates the translation of plugin text and theme text.

Everyone utilizes different plugins/themes, but you can rest assured that TranslatePress can translate the frontend text for the one you use.

Translating WooCommerce Products

Translating products opens up so much opportunity for selling products to a broader audience in their native language. We’d be remiss if we didn’t run another test, so we will install WooCommerce and see how that fares.

– Translating WooCommerce Products

Well, as we had come to expect, it works nicely with WooCommerce. TranslatePress offers the ability to change the add-to-cart text, breadcrumb text, default WooCommerce tabs, and more.

We’re still using the free version of TranslatePress, and we can’t help but admire the sheer number of features that are available to us instead of being paid for.

How to Automatically Translate WordPress?

Translating content can be time-consuming and difficult. TranslatePress’s interface takes the difficulty out of the equation, but what about saving time?

There are two methods available for automatic translation of content. In the free version of TranslatePress, you can use Google Translate via an API key:

– TranslatePress Automatic Translation

The second method uses something called DeepL; using this translation engine will require an upgrade to the premium version of TranslatePress.

While this may be confusing if you aren’t familiar with API keys, TranslatePress has step-by-step guides on enabling automatic translation of content.

This leads us to the quality of the user documentation. This is usually where some plugins falter, but it was not so in this case. With clear, concise instructions, and detailed guides, you’ll find answers to your questions with relative ease.

How to Translate Important SEO Elements?

SEO (search engine optimization) is a crucial factor when producing content, be it a blog post, product, or page. To benefit from multilingual SEO, it’s important to also fully translate your site’s more behind-the-scenes content, such as URL slugs and SEO metadata.

For this, you’ll need the SEO Pack add-on, which is part of the premium version.

For this next test, we’ve installed the Yoast SEO plugin and the SEO pack add-on. Let’s see how the Yoast SEO meta box works inside the post editor:

– Translating SEO Elements

Now let’s take a look at the visual editor to see what’s changed:

– Example of Translated SEO Elements

There are two new additions to the editor at the very base, Visual Editor (which is the one that’s loaded) and String Translation:

– Option of String Translation

String Translations are a way for you to edit URL slugs. For example, you could translate the category slug into another language; any taxonomy slugs you have our custom post type taxonomies will display here, ready for you to translate.

What about the SEO meta description? How can you change it? TranslatePress rather cleverly houses all of this information under the heading “Meta Information”.

– Translating Meta Data

It’s here you can change the SEO title, description, slug, and even the OG title/description.

OG stands for Open Graph. This information is used when sharing on social platforms like Facebook and Twitter.

By now, SEO enthusiasts might be wondering, what about XML sitemaps?

– Translating XML Sitemap

TranslatePress automatically adds them for you. All you need to do is translate your site and any slugs you need.

Summary

The free version of TranslatePress is easy to set up and doesn’t scrimp on features at all. The visual editor is incredibly straightforward and a joy to work with.

The premium version of TranslatePress offers an array of features. To name a few:

• Automatic user language detection
• Translator accounts
• Display navigation based on a visitor’s language
• Browse as a user role
• SEO Options

While the SEO Pack is an add-on, it is worth investing in given the staggering potential for growth it offers from a multilingual SEO perspective.

Whether you’re a blogger looking to translate content, a business looking to expand into different territories, or a store owner looking to sell to other countries, TranslatePress is an ideal choice for translating your content.

We hope you’ve enjoyed the review and have some insight into what TranslatePress can offer. Check out the free version, test it out, and see how easy it is to use.

If you’d like to find out more about TranslatePress, please view their website for more information.

Note: This article was published in collaboration with TranslatePress.