Encrypted mailto Link

[danielruch]

Hi everybody

I need a solution how a mailto link in Hubspot CMS can be used encrypted, so that no crawlers can read the mail address.

Any idea how this could be implemented?

Thanks in andcance,

best, daniel

[rhj09]

Hi Daniel,

To encrypt a mailto link in HubSpot CMS and prevent crawlers from reading the email address, you can use JavaScript to dynamically generate the link. Here’s a basic approach:

1. Create a Script: Insert a script in your HubSpot CMS template or page that generates the mailto link dynamically.
   
   

<script type="text/javascript">
// Replace 'your-email@example.com' with your actual email address
var encryptedEmail = "your-email@example.com".split('').map(function(char) {
    return '&#' + char.charCodeAt(0) + ';';
}).join('');

document.write('<a href="mailto:' + encryptedEmail + '">Contact Us</a>');
</script>

This script converts each character of your email address into its HTML entity (e.g., @ for '@').

• Displaying the Link: When the page loads, JavaScript will render the email address as a clickable mailto link. Crawlers scanning static HTML won't interpret the email address directly.
  
  
• Testing and Deployment: Test the implementation to ensure the email link works correctly. Deploy it on your HubSpot pages where needed.
  
  

  This method helps protect your email address from web crawlers while still allowing users to contact you via email. Make sure to replace 'your-email@example.com' with your actual email address in the script.

  
  Best regards,

[evaldas · Accepted solution]

Hi @danielruch 

You can try and encode the email address and add it after the "mailto:" in the href

That can be done either through javascript or you can use an online tool like this:

https://mothereff.in/html-entities

Which will convert this: example@email.com

into this:

example@email.com

Then you simply update your href to:

<a href="mailto:&#x65;&#x78;&#x61;&#x6D;&#x70;&#x6C;&#x65;&#x40;&#x65;&#x6D;&#x61;&#x69;&#x6C;&#x2E;&#x63;&#x6F;&#x6D;">Link to encoded email</a>

However, this is not guaranteed to prevent crawlers from indexing it.

A better option would be to create a HubSpot form, which will not display email addresses of the recipients.