How to translate Elementor Button URL with WPML

When creating a multi-language website, you often need to change button links (set as absolute URLs or relative paths) so that they point to documents in a specific language or to external URLs relevant to a specific country or language.

However, you may not be able to translate this field in the WPML Translation Editor. The WPML plugin does not allow translation of this field by default.

You can copy and paste this XML into WPML -> Settings -> Custom XML Configuration and then save it.

<wpml-config>
  <elementor-widgets>
    <widget name="button">
      <fields>
        <field type="Button Text" editor_type="LINE">text</field>
        <field type="Button URL" editor_type="LINE" key_of="link">url</field>
      </fields>
    </widget>
  </elementor-widgets>
</wpml-config>

Once this is done, you will find the Button URL in the WPML Translation Editor. Sometimes it is hidden, so use the search bar to show this field’s translation.

If you still cannot see the field, go to Elementor Editor, re-save, and then try to search for the Button URL again. It should finally appear.

Picture of Roman Vlčák

Roman Vlčák

An incorrigible perfectionist passionate about pixel-perfect work, who constantly strives to deliver the highest possible quality. Outside of Webgate, he is a caring husband and father to his young son. In his free time, he likes traveling with his family and doing puzzles.

Senior WordPress Developer • Co-founder

More Articles

How to Translate an Elementor Form’s “Email To” Field with WPML

Read more
Use Case

Triggering Elementor Form Successful Submissions in Google Tag Manager

Read more
Use Case

Rank Math SEO & Hello Theme: Avoid Duplicate Meta Descriptions

Read more
Use Case

Subscribe to our quarterly newsletter and receive latest insights.

Topics: Improving B2B websites, AI tools in web development, UX/UI, website marketing trends etc.

By submitting this form you agree to the processing of your personal data according to our .
Services

Thank you for your interest!

We will contact you soon.

Back

Capabilities
Front-end Development
Back-end Development
Low code/No-code
Low code/No-code
Web Design
UI/UX/CX Design