Elementor Product Page Template

Posted onby admin
  1. Free Elementor Template Library
  2. Elementor One Page Templates
  3. Elementor Woocommerce Product Page Template

Under Templates Theme Builder Product Archive Add New, from the dropdown choose Product Archive, give it a name, and click Create Template. Choose a Product Archive Block and Insert. Alternatively, you can design your own.

Elementor Page Builder that comes integrated with Jet family plugins will let you create stunning menus, custom modules, Elementor blog posts, parallax scrolling, and many other effects. Furthermore, the theme is compatible with Contact Form 7 plugin which allows you to arrange neat, easy-to-use, and striking contact forms. Template Selector – Create a custom Elementor template by utilizing this very widget and use it anywhere you want. For Single Product Page: Product Title – Control the layout and styling of your product title. The Katka Template Pack started out as the first section block pack for Elementor in November 2017. Since than, it has grown to a great resource for Elementor builders with more blocks, complete page templates and popup modal templates too. In 2018 summer the team grown to two with a professional designer on board now. Elementor Page Builder comes with dozens of free & Pro templates for WordPress. Landing pages, homepages & other templates available for free download.


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.

Free Elementor Template Library

What the Plugin Does

  • 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

Plus: Even More Features

  • 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

Further Plugin Info

  • 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
  • Plugin website: https://polyglotwp.com – please sign up for our newsletter

Where to Get Support?

  • Polylang User Community Group at Facebook – highly recommended for all users of this plugin!
  • We monitor the plugin’s support forum here on WordPress.org as well – but our preferred support channel is the FB community group
  • What is covered by our support? – All regarding THIS plugin (“Polyang Connect for Elementor”), plus the relation to Polylang, 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.!!!


  • English (default, en_US) – always included
  • German (de_DE) – always included
  • German formal (de_DE_formal) – always included
  • .pot file (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


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)

Plugin Links


Minimum Requirements

  • 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

We Recommend Your Host Supports at least:

  • PHP version 7.3 or higher
  • MySQL version 5.6 or higher / or MariaDB 10 or higher


  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. Go to Polylang > Settings > Custom post types and Taxonomies, enable the “My Templates” post type (Elementor)
  4. Assign languages to your pages/ posts/ Elementor templates
  5. 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! 🙂
  6. Additionally use the native Elementor Widget: Polylang Switcher


Where to get support?

At best in our Polylang User Community Group at Facebook – highly recommended for all users of this plugin!

Additionally, we also monitor the plugin’s support forum here on WordPress.org as well – but our preferred support channel is the FB community group.

  • What is covered by our support? – All things regarding THIS plugin (“Polyang Connect for Elementor”), plus the relation to Polylang, 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.!!!

Is there a live demo?

Yes, there is.

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

Recommended Polylang settings?

If you have issues with proper display of your translated templates, pages, content it is recommended to check your settings:

In Polylang Settings at Languages > Settings > URL Modificatons set to the following option: “The language is set from the directory name in pretty permalinks” (see screenshot)

And in the case, all is working well with your current settings then please do not touch them. The above recommendation can be necessary for some users/ installs but not necessarily for all.

Will this work with Elementor Popup Builder?

It most likely will work totally fine if you follow our recommended workflow (see above). If not, please ask in our FB user group.

Elementor One Page Templates


Correct Elementor template does not show up?

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).

Where is the Elementor Widget to be found?

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.

Always via search: When searching for widgets type “polylang” or “languages” and it will show up immediately! 😉

Elementor Woocommerce Product Page Template

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.

(If there will be settings needed in the future, we might add options in later plugin versions.)

Is Elementor Pro required?

Technically, Elementor Pro is not required – but highly recommended, though.

Elementor Pro is required for these features of the plugin:

  • Translating Elementor Theme Builder Templates the version is required, otherwise this will not work.
  • Dynamic Tags, additionally added by the plugin

For the other features of the plugin the regular free version of Elementor is sufficient – so the native Elementor language switcher widget will work also that way already 😉

Is Polylang Pro supported?

Yes, it is! 🙂
All features of “Polylang Connect for Elementor” work with both, Polylang (free) AND Polylang Pro (Premium).

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.

Is Elementor plugin 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 😉

Other recommended plugins for multilingual websites?

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

More info on Translations?

  • 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 like connect-polylang-elementor-en_US.mo/.po to 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.


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 !