How to easily Translate Popup Content on your Multilingual Site

While there may be a lot of mixed feelings regarding the use of popup plugins, they still continue to be a super-efficient tool for growing your email subscribers.

If you’re running a sitio web multilingüe though, figuring out how to translate popup content can be quite challenging. That’s because finding a solution that works independently of the popup solution you’re using is not straightforward.

Most Plugins de traducción de WordPress need to add compatibility for a certain popup plugin in order to make its content translatable, while others simply won’t work. Since there are a ton of pop-up plugins to choose from, it’s easy to get lost.

Due to its front-end visual translation interface, TranslatePress will help you translate popup content independently of the tool used to create it. The same goes for formularios, Productos de WooCommerce, o Bloques de Gutenberg for that matter.

Below we’re going to go into the exact steps needed to translate the content of any popup into multiple languages.

Steps for translating popup content

1. Install TranslatePress

First, we’ll instalar TranslatePress. After activating the plugin, you’ll notice a new Traducir sitio artículo añadido en la barra de administración.

Solo pasa el ratón sobre él y haz clic Configuración o puedes hacer clic en Configuración elemento de menú y seleccionar TranslatePress). Esto te llevará a la página de configuración de TranslatePress.

Here we can add the languages in which we want to translate the popup content.

English is our default language, and we’ll also add Spanish. There are a few other settings (like integration with Google Translate for automatic translation), but we’ll skip them for now and click Guardar cambios.

2. Create the Lightbox Popup

In this tutorial, we’ll create a lightbox popup for collecting user emails.

The popup will be set to show up after the user scrolls a significant portion (~80%) of your article, it’s clearly engaged with your content and there’s a high chance he will want to become a subscriber.

For this, we’ll be using Elementor, the most popular page builder for WordPress that allows you to also create and integrate popups on your website. The Popup Builder is part of Elementor Pro.

After installing and activating the plugin, in the WP Dashboard, under Templates select Popups. Then click Añadir Nuevo to create our first pop-up template. You can select from a predefined list of templates and customize it to your needs.

Once you’re satisfied with the created popup, you can hit publish and set the conditions, triggers, and advanced rules for your popup. These settings will determine when and how the popup appears.

3. Translate Popup Content

Now that we’ve created the popup and added the triggers, all that’s left to do is to translate it.

For this we go to Templates → Popups, select the newly created popup template and click Vista previa de los cambios.

This will open a preview of our popup. Now, from the admin bar click Traducir página and you’ll be prompted with a translation interface allowing you to translate the popup content.

You simply select each popup text and enter its Spanish translation, then click Guardar traducción.

Once you’re done, close the translation window and start navigating the Spanish version of the website. When the popup appears, it will be translated.

The same intuitive process can be used to translate any other type of popup.

If your entire website is built using Elementor, make sure to check out this in-depth tutorial on how to translate Elementor sites (fast and easy). It goes through translating all the wide range of content that Elementor lets you create.

Get started translating popup content

Using TranslatePress, translating popup content is really intuitive. You simply preview the popup in the front-end of your website, then using the visual translation editor you click to select a certain text from the popup and enter its translation. This will make it really easy to display your popup content in multiple languages.

Do you still have any questions about translating popup content? Let us know in the comments!

Si encontraste útil esta publicación, por favor visita nuestro Canal de YouTube, donde subimos constantemente tutoriales en video cortos y fáciles de seguir. También puedes seguirnos en Facebook y Twitter ser el primero en enterarte cada vez que publicamos.

Relacionado: How to Translate Custom Fields in WordPress