Hello! We are creating templates for our courses for next year, and we want to have our teachers include their email addresses on the landing page. However, I have just noticed that when an email is added, the landing page converts it to an "email protected" text and link. The link is (https://wvs.agilixbuzz.com/cdn-cgi/l/email-protection#96fbe2e3f8ffe5f9f8d6f5f3e5f7afb8f9e4f1) but it takes me to the Buzz home page upon redirect. Is this a new functionality that kicks in for the Landing Page now? It does not appear to happen on content pages.
If this is expected functionality, can you advise how to disable this from happening? Or a workaround so that our teacher contact information can actually be displayed? We do not use the Agilix Inbox, because not all of our learners will have access to that.
Screenshot of what this looks like: 
Comments (4)
Hi Meri!
Thank you for reaching out! We have not been able to replicate the behavior you described with the email address converting to "email protected". To help us look into this further, could you share the course ID where this is happening?
It is possible that the issue is related to how the email address was added to the landing page. If it was copied and pasted from another source, it might have brought over some hidden formatting. Could you try clearing the text, then manually typing the email address directly into the landing page editor? That may resolve this.
Let me know either way. Thanks!
Hi Andrew,
Thanks very much for the quick reply. After some further testing, I think I have narrowed down that it is something in my header (h1) code that is causing the issue. I can't figure out exactly what it is, but I know that when I include the header (shown in my previous screenshot for "Welcome to our class!") the email further down gets obfuscated. If I do NOT include the header, the email remains visible.
For some context -- we had to manually add header code into the landing page, because that isn't an option available on the WYSIWYG editor, so maybe I am breaking something I didn't intend to. That being said, the h2 codes later on in the landing page template don't appear to have broken the email address display. I am able to keep all those in and the email will display. It's only when the h1 code is included that the email gets hidden behind "protected" status.
You can find my original code hanging out in Course ID: 214936213.
Obviously, this is good news because I have figured out a workaround - just go down a level of header code and use h2. Still, wondering if you'd be able to provide any more insight for why Buzz is not loving the h1 code.
Thanks!
Edited to add two quick clarifications --
Meri,
Thank you for your patience while we dug into this issue. Apologies for the delay in getting back to you.
After further investigation, it looks like the "email protected" text is being caused by a missing <div> tag to encapsulate the entire content block. To resolve this, I recommend adding the email address back into the landing page, opening the code viewer in the landing page editor, and adding an opening <div> tag above all of your existing code. Also, ensure that your code ends with a corresponding closing </div> tag at the very bottom.
Doing this should prevent the email from being obfuscated and allow it to display properly. Thanks again for your thorough testing and for bringing this to our attention. If you run into any further issues, feel free to send them my way.
Another method is to not include a <div> tag within the <h1> tag, otherwise it is invalid HTML structure.
Below is not correct HTML structure because it includes a div within the h1 header:
<h1 style=" text-align: center;"><span style=" font-family: Arial, Helvetica, sans-serif; font-weight: normal;"><span style=" color: rgb(190, 27, 45);"><div style=" text-align: center;"><span style=" font-family: Arial, Helvetica, sans-serif;"><span style=" color: rgb(190, 27, 45);">Welcome to Our Class!</span></span></div>
</span></span></h1>
For example, you can use the following to wrap the div but not place it directly inside of the h1 heading to make it not obfuscate the email:
<div style="text-align: center;">
<h1 style="color: rgb(190, 27, 45); font-family: Arial, Helvetica, sans-serif; font-weight: normal;">Welcome to Our Class!</h1>
</div>
<div style="color: rgb(65, 65, 65); font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: 400; text-align: left; background-color: rgb(255, 255, 255);"><strong>Teacher:</strong> <<Name>></div>
<div style="color: rgb(65, 65, 65); font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: 400; text-align: left; background-color: rgb(255, 255, 255);"><strong>Email:</strong> <a data-fr-linked="true" href="mailto:MyEmailAddressHere" id="isPasted">MyEmailAddressHere</a> - Contact me with any content support and course questions!</div>