Adding Email Links

Email links and hide email script

Standard email link
This is the standard link for adding an e-mail to an HTML page. This type of email link may be harvested by spammers. See "hidden e-mail link" below.

<a href="mailto:yourmail@yourdomain.com">yourmail@yourdomain.com</a><br>

Hidden email link option #1
The following email link code uses Javascript so your e-mail is not seen on the page by search engines or email harvesters and you'll get less spam. Code for HTML pages:

<a href="#" rel="nofollow" onclick="this.href='mailto:' + 'yourname' + '@' + 'your-web-domain.com'">Contact Us</a>

This is how the above will appear on your webpage:

Contact Us

Use the following if you want to add this code to a .js file:

document.write('<a href="#" rel="nofollow" onclick="this.href=\'mailto:\' + \'yourname\' + \'@\' + \'your-web-domain.com\'">Contact Us</a>');

Hidden email link option #2
Or you can optionally use the following code in an HTML page. This code does not work in jQuery includes.

<script type="text/javascript"> <!-- var emailname = "yourname"; var emailserver = "your-web-domain"; document.write('<a href="mailto:'+emailname+'@'+emailserver+'.com">'); document.write(emailname+'@'+emailserver+'.com'); document.write('</a>'); //--> </script>

Note: To add the above code to a .js file you can remove the first 2 and last 2 lines of code. These are the script start and end lines.

Note: For an image link in the above code, replace this line:

document.write(emailname+'@'+emailserver+'.com');

With the following:

document.write('<img src="picts/email.jpg" style="border: 0px;" alt="Contact Us">');


Hiding the email used in a form
See adding page links for code and details.


Email link in a .js file
Add the standard email link with document write code added. You can use the following code in any .js file.

document.write('<a href="mailto:yourmail@yourdomain.com">yourmail@yourdomain.com</a><br>');

Image email link
This is the standard link for adding an e-mail image link to an HTML page. This type of email link may be harvested by spammers. Place an image named "email.jpg" in your template picts folder. Also see "hidden email link" above.

<a href="mailto:yourmail@yourdomain.com"><img src="picts/email.jpg" style="border: 0px;" alt="Contact Us"></a><br>

Troubleshooting: Links not working
If you have added links and they do not seem to work when testing, see the links not working support page.




Related Topics:
New Window Target Links
Links Not Working After an Edit
Editing the Menus