Does Pro theme have any functionality built in to protect “mailto:” links? I’ve tried adding some plugins to my site, but they didn’t seem to work with the Pro coding.
Advice?
Does Pro theme have any functionality built in to protect “mailto:” links? I’ve tried adding some plugins to my site, but they didn’t seem to work with the Pro coding.
Advice?
Hello There,
Thanks for posting in! To protect your email addresses, please check this out:
Hope this helps.
Thanks RueNel! I had looked at that article before. However none of the options work for me. I need the email links to be in a button. So that rules out options one and two. Option three (the plugin) sounds great, however it doesn’t seem to be compatible with Pro.
I’ve tried several “hide email” type plug-in and none edit the code as they are supposed to. Is there something about the way Pro codes things that would make them not compatible.
I know that you don’t support external plug-in issues. But at the same time, wanting to protect an email link is a pretty common need. I’m surprised that it isn’t easier with Pro. (So many other things are so great!)
Thanks!
Here is an example of one of the pages with an e-mail button: http://ponderosa-assoc.com/team/lillian-chatham/
Hi There,
Did you try this solution yet?
Let us know how it goes!
Hi @thai! Thanks for reaching out and for suggesting that resource. I just tried using it, but I don’t think it is working.
I chose “random mixed notation” and put that code into a text box and saved it so I could look at it live on the site.
When I used “inspect” to look at the page code, it still showed up as a normal email link. Does pro somehow unscramble it?
Images included of what I put into the editor and what I’m seeing in chrome inspect.
Thanks!
Hi there,
The best way to protect the email address is to add it using Javascript code. So you do not have it in the source code and it is added after the page loads.
For your case, you need to go to the Button element and click on the Customize tab and add the class emailaddress
.
Then add the Javascript code below to X > Launch > Options > JS:
(function( $ ) {
$(function() {
$('.emailaddress').attr('href', 'mailto:lchatham@ponderosa-assoc.com?subject=Contact from Ponderosa Website');
});
})(jQuery);
You will also need to add #
to the link option of the button.
Thank you.
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.