[Resolved] Links in Elementor Button will not show up in Translation editor

Hello,

I suspect this could be a compatibility or conflict issue. To pinpoint the exact cause, we need to isolate variables by replicating the issue in a sandbox environment.

Sandbox login link: hidden link

Here's what is needed to be done:

1- Install Essential Components Only: In the sandbox login link provided above, please install your theme and only the plugins necessary to replicate the issue. Avoid importing the entire site.

2- Set Up the Page and Configurations: Mirror your current setup that's causing the issue, focusing on this specific issue, we only need the site to be partially replicated up to a point where we can debug the problem. For example, just setting up one button in the footer should suffice.

3- Notify Us Once Done: After replicating the issue in the sandbox, inform us through this ticket so we can proceed with further analysis.

I tried download the theme, child theme and needed plugins from the staging site using file-manager but it failed due to a permission issue.

The goal here is to identify if the problem is indeed a compatibility issue, reproducing it in a controlled environment.

We appreciate your cooperation in this matter. Let us know once you've set up the sandbox.

Best,
Mateus

Hello there,

Thank you for replicating it.

Do you still have access to the sandbox wp-admin dashboard?

It looks like there's a 'coming soon' page enabled that is preventing me from using the login link.

If you still have access and don't need to login, can you please disable the 'coming soon' mode to see if I can access the sandbox.

Thank you,
Mateus

I apologize for the back and forth, I tried logging in but now I'm sent to the home page.

Is it possible that there's a 'hide login' type of plugin in place?

If you try to use the login link in incognito, can you see the wp-admin?

Hello there,

Upon further review, our 2nd tier team was able to find a solution for the issue.

I already applied it to the staging site and I'm able to see the links available for translation now, please check the screenshot for reference.

To fix it in the live site please follow the steps:

- Go to WPML -> Settings -> Custom XML Configuration
- Add the following code and save it:

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

- Make a minor change(add an empty space for example) to the original footer or any page you want to translate the link and save it so WPML sees the translation needs an update
- Edit the translation and the links will be there available for translation

Please give it a try and let us know the results.

Best regards,
Mateus

Hello there,

Regarding the link in the home page, I edited it using Elementor and added an empty space to it and saved it. After that, when I edit the translation I can see the URL in there, please check the screenshot. This procedure of updating the main language page/post is only necessary for already existing translations, for new content you'll be translation the fields will be there from the beginning.

Regarding the heading, I registered it for translation with the following XML code:

<widget name="heading">
      <fields>
        <field type="Heading" editor_type="LINE">title</field>
        <field type="Heading: Link URL" editor_type="LINE">link>url</field>
        <field type="Heading: Custom Attributes" editor_type="LINE">link>custom_attributes</field>
      </fields>
    </widget>

After that, I was able to find the URL of the join us page by searching for it in ATE, please check the 2nd screenshot bellow.

There are some elements coming from HTML tags and shortcodes that won't be available within ATE unless searched for to avoid some issues with the translation. This is the case with the heading URL.

If you don't want to search for it within ATE, you can also go to WPML -> String Translation and search for 'link>url', please refer to the 3rd screenshot. Then you'll get to see all the links registered for translation. You can select them in bulk and send them for translation directly from the String translation screen as well.

Regarding the XML code, you can check more about it and how to create it here: https://wpml.org/documentation/support/language-configuration-files/#page-builder-content