How to Translate Headers/Footers With Elementor Header & Footer Builder and WPML?

Elementor Header & Footer Builder (EHF) is a simple yet powerful WordPress plugin that allows you to create a layout with Elementor and set it as Header, Footer, or Block (anywhere on the website)

If you want to display a custom header template only on the homepage, on the blog archive page, or on the entire website, this plugin allows choosing a specific target location to display the header and footer on.

With WPML and Elementor Header & Footer Builder, you can easily translate the header or footer automatically. 

In this guide, we’ll explain how you can translate the EHF Header, Footer, or Blocks

Requirements

Before we move forward, you need to install and activate the following plugins:

Translating With WPML

Here’s how you can get started with translating using WPML:

Activating the Plugins

  • Make sure that all of these plugins under Plugins > Installed Plugins are activated.

Configuring Header or Footer Settings

  • Under the Appearance menu in WordPress, click on the Elementor Header & Footer Builder.
  • Add a new template and give it a name.
  • Choose whether you want to create a Header or Footer template. For this example, we are selecting Header.
  • Select target locations with the Add Display Rule to decide where the template should appear. 
  • You can also set user roles for whom the template will be displayed. Examples of user roles are Editor, Administrator, Logged In, Logged Out, etc.
  • Click on the Publish button to apply these changes.

Designing Your Template.

  • Click on the Edit with Elementor button to edit the template layout with the Elementor page builder.

The EHF plugin adds the following widgets in the Elementor editor.

  • Retina Image
  • Copyright
  • Navigation Menu
  • Page Title
  • Site Title
  • Site Tagline
  • Search
  • Site Logo

Translating Your Template

  • Again navigate to Appearance > Elementor Header & Footer Builder.
  • You can click on the preferred language and add translations for this template.
  • Add translations for the strings in WPML’s Advanced Translation Editor

Preview Your Changes

Now, on your website, whenever someone clicks on the language switcher the header template created using EHF will automatically get translated to that specific language.

Preview

That’s it! We hope this guide helps you. If you have any questions, please contact our support team. We’re always here to help!

Join 108,419 Subscribers

Get exclusive access to new tips, articles, guides, updates, and more.

About the Author

Sharing is Caring!

Leave a Comment

Your email address will not be published. Required fields are marked *

Get access to growing library of 50+ innovative widgets and 300+ creative templates.

Scroll to Top
Like what you read? Leave a comment