Contributors: daveshine, p4fbradjohnson, deckerweb, wpautobahn
Donate link: https://www.paypal.me/deckerweb
Tags: elementor, polylang, multilingual, language switcher, languages, templates, widget, finder, dynamic tags, deckerweb
Requires at least: 4.7
Tested up to: 5.0
Requires PHP: 5.6
Stable tag: 1.0.0
License: GPL-2.0-or-later
License URI: https://opensource.org/licenses/GPL-2.0
Connect Polylang with Elementor - show correct Templates, plus Elementor language switcher widget.
Connect the Polylang multilingual plugin with Elementor Page Builder: This plugin will make Elementor and Polylang show the correct language templates, especially with Elementor Pro Theme Builder. Plus: native Polylang Language Switcher Elementor widget, new Dynamic Tags, and Polylang links added to the Elementor Finder feature.
- Shows the correct Template (for different languages): Polylang Connect for Elementor allows Polylang to show the correct Elementor template to be displayed on the front end. Before this plugin, Elementor did not show the correct language (translated) template.
- Beyond enabling the Elementor post type in Polylang settings, plus assigning every post/page/template to a language, no further settings are needed for these template tweaks. It just works out of the box. All the heavy lifting happens under the hood.
- Usage Example:
- Make a header template in Elementor, set display conditions in Elementor panel, assign this to one language (English for example)
- Make a second header template in Elementor, set NO display conditions for this one (by assigning 2 of the same display conditions, you can create a conflict in Elementor), but assign to another Polylang language (Portuguese for example), meaning to link those languages/templates in Polylang.
- Result: when viewing in frontend the proper English content appears with the English header template, translated content in Portuguese appears with the Portuguese header template.
- Go on: The principle is always the same, now add German language, Spanish and so on ;-)
- See live demo on co-author's own website // Screenshot gallery
- Polylang Language Switcher Widget: A native Elementor Widget to easily build a nice language switcher menu and have more styling options for non-coders at hand
- Elementor Finder integration: Adds Polylang languages, admin settings links, plus support resources as quick jump links to the Elementor Finder feature (Elementor v2.3.0+) - so you can navigate more quickly from whereever you are
- Dynamic Tags in Elementor Pro: Polylang Language Names (all registered/active) / Current Language Name / Current Language Code / Current Language Flag (image) / Current Language URL
- More features might be added in the future.
- Community collaboration between David Decker and Brad Johnson, and more code coming from the Elementor/Polylang community
- English (default,
en_US) - always included - German (
de_DE) - always included - German formal (
de_DE_formal) - always included .potfile (connect-polylang-elementor.pot) for translators is also always included :)- Easy plugin translation platform with GlotPress tool: Translate "Polylang Connect for Elementor"...
- I am open for your suggestions and feedback - Thank you for using or trying out one of my plugins!
- Join our Facebook User Community Support Group
- Toolbar Extras for Elementor - WordPress Admin Bar Enhanced
- Builder Template Categories - for WordPress Page Builders
- Simple Download Manager for WP Document Revisions
- Genesis What's New Info
- Genesis Layout Extras
- Genesis Widgetized Not Found & 404
- Genesis Widgetized Footer
- Genesis Widgetized Archive
- Multisite Toolbar Additions
- Cleaner Plugin Installer
- WordPress version 4.7 or higher
- Elementor and Polylang plugins - free versions from WordPress.org Plugin Directory
- Optional: Elementor Pro which is needed for Theme Building possibilities (Header templates etc.). This is a paid premium product by Elementor LTD, available via elementor.com
- PHP version 5.6 or higher
- MySQL version 5.0 or higher
- PHP version 7.0 or higher
- MySQL version 5.6 or higher / or MariaDB 10 or higher
- 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 thewp-content/plugins/directory of your WordPress installation. - Activate the plugin through the 'Plugins' menu in WordPress.
- Go to Polylang > Settings > Custom post types and Taxonomies, enable the "My Templates" post type (Elementor)
- Assign languages to your pages/ posts/ Elementor templates
- For Elementor templates: set display conditions in Elementor for one template only (your main language is recommended) - templates in the other languages will then get loaded via this plugin magically! :)
- Additionally use the native Elementor Widget: Polylang Switcher
Yes, there is.
See live demo on co-author's own website
Plus: bigger versions of the above screenshots are in this external gallery ;-)
Every page/ post/ template must be assigned a language for this to work. This is standard PolyLang procedure but it should be noted in case "it doesnt work".
Also, for Elementor Templates, the post type must be enabled for Polylang support: Go to Polylang > Settings > Custom post types and Taxonomies, enable the "My Templates" post type (Elementor).
It's in the widget category "General Elements". Plus, if Elementor Pro is active and you're editing a template, the widget additionally appears in the "Site" widget category.
When searching for widgets type "polylang" or "languages" and it will show up immediately! ;-)
This plugin has NO settings page, as it does not need one. All it does works just under the hood. Activate the plugin. Done.
(If there will be settings needed in the future, we might add options in later plugin versions.)
Yes, it is! :) All features of "Polylang Connect for Elementor" work with both, Polylang (free) AND Polylang Pro (Premium).
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.
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.
Yes, it is. Otherwise this connect plugin won't do anything. Elementor is available for free on WordPress.org.
The Elementor Pro Add-On plugin is needed for the Theme Builder capabilities (for example Header templates), plus the feature of "Dynamic Tags". So it is highly recommended. But if it is not installed/ activated, the depending features from the connect plugin won't even load. So it is all optional.
The language switcher widget only needs Elementor base plugin to work ;-)
There are quite a few:
- Country Flags for Elementor - Native Elementor widget
- Polylang Pro (Premium) - The official premium version with more features, plus premium support
- Polylang for WooCommerce (Premium) - Makes WooCommerce multilingual - official Polylang Add-On
- Lingotek Translation - Native Polylang integration - Lingotek brings convenient cloud-based localization and translation for WordPress
- Integrate Gravity Forms + Polylang - Add form titles, descriptions, field labels, etc. to Polylang string translations
- WPML to Polylang - From the Polylang developer himself
- English - default, always included
- German (de_DE): Deutsch - immer dabei! :-)
- For custom and update-safe language files please upload them to
/wp-content/languages/connect-polylang-elementor/(just create this folder) - This enables you to use fully custom translations that won't be overridden on plugin updates. Also, complete custom English wording is possible with that as well, just use a language file likeconnect-polylang-elementor-en_US.mo/.poto achieve that (for creating one see the following tools).
Easy WordPress.org plugin translation platform with GlotPress platform: Translate "Polylang Connect for Elementor"...
Note: All my plugins are internationalized/ translateable by default. This is very important for all users worldwide. So please contribute your language to the plugin to make it even more useful. For translating and validating I recommend the awesome "Poedit Editor", which works fine on Windows, macOS and Linux.
1. Ensure that my templates is ticked in PolyLang post types and Taxonomies. Although the plugin will automatically tick this for you 😊
7. DO NOT SET A DISPLAY CONDITION FOR ANY OTHER LANGUAGE ---> PolyLang will do this for you. Save without conditions
8. (1/2) Working language header templates on the front end. Styled by the widget. Previously this was not an option in PolyLang. (other than editing the menu options) PolyLang users could not display language codes but now they can 😉. Thanks to Polylang Connect for Elementor.
9. (2/2) Working language header templates on the front end. Styled by the widget. Previously this was not an option in PolyLang. (other than editing the menu options) PolyLang users could not display language codes but now they can 😉. Thanks to Polylang Connect for Elementor.
- Official public release on WordPress.org
- 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
- Second beta version
- New: More settings for Polylang Switcher widget
- Tweak: Improved Dynamic Tags additions
- Tweak: Improved Elementor Finder integration
- First beta version
- New: Added native Elementor Widget - Polylang Language Switcher
- New: Added Dynamic Tags for Polylang (requires Elementor Pro)
- Second alpha version
- New: Added Elementor Finder integration for Polylang plugin links and resources
- New: Make plugin translateable - added full German translations
- New: Added Readme file, plus
composer.json - New: First public alpha release on GitHub
- Plugin idea by Brad
- First alpha version by David
- New: Template tweaks work in form of plugin code - coding standards improvements
Just released into the wild.
Enjoy using Polylang Connect for Elementor? Please consider making a donation to support the project's continued development.
Credit where credit is due. The following code/ classes, all licensed under the GPL. Note: Credit is also referenced in the code doc block inline where used.
- Polylang Switcher class (Elementor Widget) and its CSS based on widget from plugin "Language Switcher for Elementor" by Solitweb (GPLv2 or later)