Skip Navigation
Home » WPML Documentation » Plugins Compatibility » How to Translate an Elementor Website with WPML » Creating Different Elementor Templates Per Language with WPML

Creating Different Elementor Templates Per Language with WPML

Kathy Banach
Updated
October 17, 2024

With Elementor Pro and WPML, you can use the Theme Builder to create different templates for each of your site’s languages. 

Customizing the template design for each language can improve readability and user experience. For example, you can create a text-focused template for your default language and a more visual template for another language.

To start, go to Templates → Theme Builder and create the template in your site’s default language.
Use the Display Conditions to determine how to display the template across your site. For example, you can set the display conditions to all posts. When you’re done, don’t forget to Save & Close.

Setting the display conditions for the default language template

Next, you can move on to creating the template you want to use for your site’s secondary language.

  1. From the WordPress Dashboard, use the language switcher in the top admin bar to switch to your site’s secondary language.
Switching to the secondary language from the top admin bar
  1. Go to Templates → Theme Builder, click on Add New, and create a template for your site’s secondary language.
  2. Publish the template and do not set any Display Conditions. This is very important – for the display conditions you set for the default language template to apply to the translated template, you cannot set them here.
Publishing the secondary language template
  1. Go back to your site’s dashboard and use the language switcher in the top admin bar to switch back to the default language. Then, go to Templates.
Switching to the default language and going to Templates
  1. Edit the template you created for your site’s default language.
  2. Locate the Language box in the right sidebar and click on Connect with translations. In the pop-up that appears, type in the name of your secondary language template.
Connecting the template translation with the default language template
  1. A new popup asking you to confirm the action appears. Click on the Assign button.
Confirming the action of linking the templates

You can now view your posts in the default and secondary languages. Your secondary language posts should use a different template than the default language posts.

A post using the default language template built with Elementor
The post translation using the secondary language template built with Elementor