Polylang Connect for Elementor – Templates Translation & Language Switcher

Description

Connect Polylang multilingual plugin with Elementor Page Builder: Translate your Elementor templates and show them in the correct language, native customizable Language Switcher Elementor widget, Visibility Conditions of widgets and Dynamic Tags by language and much moreโ€ฆ

What the Plugin Does

๐Ÿ“ Template translation and show in the correct language

Create translations for your Elementor templates especially for header, footer or archive templates with Elementor Pro Theme Builder (affiliated link).

๐Ÿ”„ Language Switcher

A native Elementor Widget to easily build a nice and fully customizable language switcher:

  • Show or hide flags, language name, language code.
  • Vertical list, Horizontal list or styled dropdown.
  • SVG scalable flags.

๐Ÿ‘๏ธ Language Visibility Conditions

Allow to show or hide every widget, section or column by language.

๐Ÿท๏ธ Language Dynamic Tags

Use language dynamic tags (on Elementor Pro) that you can set with an specific language or the „current“ one. Available tags are:

  • Language Code tag type text
  • Language Name tag type text
  • Language Url tag type url
  • Language Flag tag type image

โœ๏ธ Elementor Editor integration

Now you can view the language of the current template and change to its translations or create them from the Elementor editor.

๐Ÿ” Elementor Finder integration

From Elementor Finder you can access to Polylang settings pages and go the site in the selected language.

๐Ÿ”จ Plugins integration fixes and tweaks

  • Automatically generate display conditions on new template translation.
  • Automatically generate Elementor CSS styles on create new template translation.
  • Fix home url to the current language on site-url Dynamic Tag and Search Form widget.
  • Add language url trailing slash.
  • Hide language on wp-admin for global widgets.
  • Other integration fixes.

How to use

You can manage translated templates in two ways:

  • (recommended) create linked translations for a template and only set display conditions on the default language.
  • create separated translations for a template with their own display conditions.

See an example:

Site languages:
 - EN (main)
 - ES
 - IT

- Option 1 (linked translations only main language has display conditions):
โ•”โ• Archive Template A (EN) -> condition category is "Red (EN)"
โ• โ• Archive Template A (ES) -> none (in front checks if category is ES translation of "Red (EN)")
โ•šโ• Archive Template A (IT) -> none (in front checks if category is IT translation of "Red (EN)")

- Option 2 (not linked translations, all languages has display conditions):
โ•โ• Archive Template B (EN) -> condition category is "Red (EN)"
โ•โ• Archive Template B (ES) -> condition category is "Rojo (ES)"
โ•โ• Archive Template B (IT) -> condition category is "Rosso (IT)"

Support

  • Plugin’s support forum here on WordPress.org
  • Github plugin repo
  • Polylang User Community Group at Facebook
  • What is covered by our support? – All regarding THIS plugin („Polylang Connect for Elementor“), plus the relation to Polylang, Polylang Pro, Elementor and Elementor Pro of course.
  • What is NOT covered by support? – Anything general regarding multilingual topics and WordPress. Explicitely we DO NOT offer any „WPML“, „WPBakery“ or „Visual Composer“ support, and also not for your theme etc.!!!

Translations

We have used the strings of Elementor and Polylang whenever possible to take advantage of the fact that they are translated into many languages. For the other strings a .pot file (connect-polylang-elementor.pot) for translators is also always included ๐Ÿ™‚

You can collaborate with your language translations in Translating WordPress

Credits

The following code/classes are licensed under the GPL.

  • v2. refactor and upgrade by Pacotole at Creame
  • Support Brad Johnson
  • v1. released by David Decker
  • v1. Polylang Switcher class (Elementor Widget) and its CSS based on widget from plugin „Language Switcher for Elementor“ by Solitweb (GPLv2 or later)
  • SVG flags from FlagKit and Wikipedia

Please, send your suggestions and feedback – Thank you for using or trying out this plugin!

Screenshots

  • Language Switcher examples
  • Widget Visibility Conditions
  • Dynamic Tag example
  • Elementor Editor translations integration

Installation

Minimum Requirements

  • WordPress version 4.7 or higher
  • Elementor and Polylang plugins – free versions from WordPress.org Plugin Directory
  • Recommended: Elementor Pro (affiliate link) which is needed for Theme Building possibilities (header, footer, 404, archive templates, etc.) and Dynamic Tags.

Installation

  1. Install using the WordPress built-in Plugin installer (via Plugins > Add New – search for connect polylang elementor), or extract the ZIP file and drop the contents in the wp-content/plugins/ directory of your WordPress installation.
  2. Activate the plugin through the ‘Plugins’ menu in WordPress.
  3. Assign languages to your pages/posts/Elementor templates
  4. For Elementor templates: set display conditions in Elementor for the main language template only, templates in the other languages will then get loaded via this plugin magically! ๐Ÿ™‚
  5. Additionally use the native Elementor Widget: Language Switcher

FAQ

Recommended Workflow?

  1. Setup Polylang at first, add at least TWO languages, one of them make your default language (in Polylang)
  2. Add content to your default Polylang language – if Polylang asks you to apply existing content to it, you should most likely click „ok“ and proceed – it works really fine ๐Ÿ™‚
  3. After that setup an Elementor Theme Builder template – asign it to your Polylang default language, apply conditions in Elementor
  4. Next, setup a translation template for the template of 3.) — asign your second Polylang language, DO NOT apply conditions in Elementor

Where is the Elementor Widget to be found?

It’s in the widget category „General Elements“ with the name „Language switcher“. Plus, if Elementor Pro is active and you’re editing a template, the widget additionally appears in the „Site“ widget category.

Always via search: When searching for widgets type „polylang“ or „languages“ and it will show up immediately! ๐Ÿ˜‰

Where is the plugin’s settings page?

This plugin has NO settings page, as it does not need one. All it does works just under the hood. Activate the plugin. Done.

Is Elementor Pro required?

Technically, Elementor Pro is not required but highly recommended.

Elementor Pro (affiliate link) is required for these features of the plugin:

  • Translate Elementor Theme Builder Templates (header, footer, 404, page, archives).
  • Translate Elementor Popups.
  • Dynamic Tags, additionally added by the plugin.

For the other features of the plugin the free version of Elementor is sufficient – so the native Elementor language switcher widget will work ๐Ÿ˜‰

Is Polylang Pro required?

Polylang Pro is not required.

All features of „Polylang Connect for Elementor“ work with both, Polylang and Polylang Pro.

Are custom flags supported?

In general, custom flags are supported in the Polylang Switcher Elementor widget and in the Dynamic Tag (Current Language Flag).
However, the default flags in Polylang are sized 16px wide and 11px high, this automatically applies to custom flags – as it is fully handled internally by Polylang.

To use a different size for custom flags we are trying to find ways to implement this for Elementor in future versions of this plugin.

Typography and uppercase settings?

In the Polylang Switcher Elementor widget there are typography settings available for the Switcher menu items. These settings are CSS based of course, and applied „globally“ to the various states they are for: normal, hover, active (current language). The available toggles for uppercase are done code-wise and therefore have a lower priority – this means the CSS always takes over, if wanted. That way you are most flexible with quick settings (toggles) but have all styling options at hand if needed.

Other recommended plugins for multilingual websites?

There are quite a few:

Reviews

15. Decembar 2021.
A year ago, I built a site with Elementor Pro, and that is a dual languages site. Noticed that Polylang is only for content. Not working with header and footer. Thanks Polylang connect for Elementor! It saved my time. I hope you can build a connector for Zion Builder.
9. Novembar 2021.
Greatly improves the capabilities of Polylang. It would be, in fact, quite useless for Elementor users if it weren't for this plugin. It's smooth, lightweight and works great.
21. Septembar 2021.
This is working out of the box. Really solid and easy integration. Everything just works even though at this point of time I installed latest beta2 version (final version coming in the future). Everything is smooth, no need for complications this just simply works and there's a new nice widget. There is one small quirk but this may be up to my theming - I need to investigate. Main menu typography. Normal, Hover and Active. In editor everything appear normal but on the frontend it seems that Normal color (set to custom) is not respected. Hover and Active seems ok. But this is not an issue which I can not deal with. Anyway awesome plugin for connecting to Polylang.
27. April 2021.
Perfect little plugin, the author made a really great service to the community, it is perfect to fit for poyllang and elementor, thanks a lot !
Read all 41 reviews

Contributors & Developers

“Polylang Connect for Elementor – Templates Translation & Language Switcher” is open source software. The following people have contributed to this plugin.

Contributors

“Polylang Connect for Elementor – Templates Translation & Language Switcher” has been translated into 6 locales. Thank you to the translators for their contributions.

Translate “Polylang Connect for Elementor – Templates Translation & Language Switcher” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

2.0.8

  • Don’t load integrations if Polylang languages are not defined.

2.0.7

  • Fixed deprecated message with Elementor 3.6.
  • More restricted filter for lang home urls with trailing slash.

2.0.6

  • Fixed Elementor Search Form url with correct language.

2.0.5

  • Use Polylang custom flags.

2.0.4

  • Added better info of template instances for translations on Theme Editor and WP admin list.
  • Minor tweaks on Language Switcher dropdown styles.

2.0.3

  • Updated language switcher dropdown animated & toogle on mobile.
  • Added Elementor icon in posts list status.
  • Fixed language switcher underline style.
  • Fixed SVG flags if encoded is disabled.
  • SVG flags data URIs don’t need base64 and save some bytes.

2.0.2

Fixed fatal error if call home_url() before initialize Polylang.

2.0.1

Fixed critical error loading plugin classes when there are uppercase letters in the path.

2.0.0

Fully rewrited and upgraded!!

  • New language switcher with SVG scalable flags and dropdown style.
  • New language visibility conditions for widgets, sections and columns.
  • New dynamic tags for language name, language code, language flag (icon or svg scalable) and language url.
  • Better Polylang/Elementor integration:
    • Automatically generate display conditios on new template translation.
    • Automatically generate CSS file on new template translation.
    • Update display conditios un change template language.
    • Fix home and search links to point to the current language.
    • Hide langue on wp-admin for global widgets.

1.0.6 – 2021-06-05

  • Fixed PHP notice undefined ‘post_type’.

1.0.5 – 2021-05-17

  • Fixed Elementor editor don’t load with Global Widgets in secondary language.

1.0.4 – 2021-04-30

  • Translated templates with conditions for categories/tags also works with translated categories/tags.
  • Fixed PHP notice on activation

1.0.3 – 2021-04-27

  • Ensure Theme Builder conditions for all languages (prev. version only saves main language conditions)
  • When a template is a translation override with empty conditions

1.0.2 – 2021-04-26

  • Fix Elementor template display conditions reset
  • Fix wp-cli error languages undefined
  • Fix Elementor deprecations
  • Added Elementor Landing Pages CPT translatable
  • Added JetEngine Listing CPT translatable
  • WordPress PHP Coding Standards

1.0.1 – 2020-06-17

  • Stability update for edge cases were experiencing fatal errors
  • Thanks to sebastienserre for correct fatal unknow pll_the_languages();

1.0.0 – 2018-11-28

  • Official public release on WordPress.org

0.9.1 – 2018-11-27

  • First Release Candidate (RC) version
  • New: Automatic enabling of Elementor My Templates post type for Polylang support
  • Tweak: Code improvements throughout
  • Tweak: Inline documentation and PHP doc improvements

0.9.0 – 2018-11-26

  • Second beta version
  • New: More settings for Polylang Switcher widget
  • Tweak: Improved Dynamic Tags additions
  • Tweak: Improved Elementor Finder integration

0.8.0 – 2018-11-25

  • First beta version
  • New: Added native Elementor Widget – Polylang Language Switcher
  • New: Added Dynamic Tags for Polylang (requires Elementor Pro)

0.7.0 – 2018-11-24

  • Second alpha version
  • New: Added Elementor Finder integration for Polylang plugin links and resources
  • New: Make plugin translateable – added German translations
  • New: Added Readme file, plus composer.json
  • New: First public alpha release on GitHub

0.5.0 – 2018-10-30

  • Plugin idea by Brad
  • First alpha version by David
  • New: Template tweaks work in form of plugin code – coding standards improvements