Code shows in button text when using in Divi

  • I used the plugin and created buttons that link to email addresses. Now I have some extra text that shows up on the button: “Data Icon=”$”>

    I’m using Divi. How do I get it to work correctly.

    Also, I created the site on my server then imported to the client’s server when it was finished, not sure if that makes any difference.

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Ironikus

    (@ironikus)

    Hey @tonybrsd – thanks for using our plugin, as well as for reaching out. ??

    The issue is within the code you have written. Currently it looks like this:
    <a class="et_pb_button et_pb_custom_button_icon et_pb_button_4 et_pb_bg_layout_dark" href="https://[email protected]">GET QUOTE</a>

    but how it should look like is

    <a class="et_pb_button et_pb_custom_button_icon et_pb_button_4 et_pb_bg_layout_dark" href="mailto:[email protected]">GET QUOTE</a>

    The issue is that your link basically interprets the email as a website, which is definitely wrong – that’s why our plugin tries to encode it using a string method, which breaks the site because of the wrong notation.

    to fix it, please change the https:// to mailto:

    If you have any further questions, please let me know. ??

    Hi Ironikus,

    I have just tested this issue as I too run Divi theme, but there is an issue with the email being used on a button.

    Unfortunately, your answer doesn’t help resolve the issue.

    You are right that mailto: needs to replace https:// but when I added mailto: to the link field of the button module, it did nothing at all. The email was not protected by the chosen method in the settings.

    To clarify, I used this as the link – mailto:[email protected]

    Kind regards,

    Kevin

    Plugin Author Ironikus

    (@ironikus)

    Hi @sharpenedpixels – Thanks for your comment. Since your request is in regards to a different issue, please open a new support ticket for it.
    I also made some test using the button module of Divi and it works without any issues for the email within the Text field, as well as within the Link field.
    If you create a new ticket, please also provide some further details on how I can reproduce that issue, as well as if you use any customizations in regards to the logic.
    Thank you already a lot.

    Hi @ironikus,

    Apologies, I have retested the button. Previously, it looked like it wasn’t being encoded as when I inspected the element via Chrome, I could still see the email as normal. After your response, I ran the test again and checked the source code. From this, I can see the email in the button is working fine and encoded.

    Thanks for clarifying this.

    Plugin Author Ironikus

    (@ironikus)

    Hey @sharpenedpixels – Thanks for the feedback.
    If you need anything else, feel free to reach out again at any time.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Code shows in button text when using in Divi’ is closed to new replies.