[Resolved] Custom text of buttons in Divi's fullwidth headers cannot be translated

Hi,

Thank you for contacting WPML Support. I can see untranslated buttons on your site as shown in the attached screenshots. To take a closer look at this issue, please provide temporary access (WP-Admin and FTP Login info) to your site (preferably staging site), so that I can look into your setup and debug the issue.

Your next answer will be private, meaning only you and I can access it.

=== Please backup your database and website ===

✙ I would need your permission to deactivate and reactivate Plugins and the Theme and to change configurations on the site. This is also a reason the backup is essential.

Thank you

It looks like the Divi Fullwidth Header shortcode’s button_one_text attribute is encoded, for example:

[et_pb_fullwidth_header title="Photo Prints" subhead="Nature at home, at a great price" button_one_text="@ET-DC@eyJkeW5hbWljIjp0cnVlLC..." ...]

- I tried the below XML in WPML >> Settings > Custom XML Configuration section:

<wpml-config>
  <shortcodes>
    <shortcode>
      <tag>et_pb_fullwidth_header</tag>
      <attributes>
        <attribute>title</attribute>
        <attribute>subhead</attribute>
        <attribute encoding="base64">button_one_text</attribute>
        <attribute encoding="base64">button_two_text</attribute>
      </attributes>
    </shortcode>
  </shortcodes>
</wpml-config>

However, the button text still isn’t available for translation when we try to load the button URL and text dynamically. If we add static button text then it works correctly with above XML as you can see in the attached screenshot.

This appears to be a compatibility issue. When such issues arise, we need to replicate them on a clean WordPress installation to escalate it to our Compatibility Team.

To help with this, I’ve created a fresh test site with WPML already installed. Please follow these steps:

1. Login to the fresh WP site by clicking on the auto login URL:
hidden link

2. Install the Divi theme and configure it as you did on your site.

3. Create a test page using the Fullwidth Header module and try to translate it.

Please note that we only need above mentioned theme functionality, you don't need to set up an entire website or clone your existing site.

- As a workaround, you can also disable the WPML Translation Editor for that specific page and translate it manually using the Divi Builder. Here’s how: https://wpml.org/documentation/translating-your-contents/using-different-translation-editors-for-different-pages/

Please let us know the results,
Thank you for your cooperation

Sorry for the delay, I was off during the weekend (Friday-Saturday). Thanks for replicating the issue. I’ll escalate this to our Compatibility team for further investigation. We’ll update you once we have any news.

As a workaround, instead of using the dynamic text/URL, please try to use static text/URL and then add the below XML in WPML >> Settings > Custom XML Configuration section:

<wpml-config>
  <shortcodes>
    <shortcode>
      <tag>et_pb_fullwidth_header</tag>
      <attributes>
        <attribute>title</attribute>
        <attribute>subhead</attribute>
        <attribute>button_one_text</attribute>
        <attribute>button_two_text</attribute>
        <attribute>button_one_url</attribute>
        <attribute>button_two_url</attribute>
      </attributes>
    </shortcode>
  </shortcodes>
</wpml-config>

Then you should be able to translate the text/URL using Advanced Translation Editor as you can see in the attached screenshot.

Thank you for your cooperation and patience

[Escalated to Developers]