Expanding the Mailto: tag
The Mailto tag is used as a way to include an email address on a web page which can be clicked on thus opening the visitors default email client with the email address pre-filled. The mailto code can be expanded to include multiple email addresses, email addresses to CC and BCC, the email subject and even a message body.
The following is the basic mailto tag:
| <a href="mailto:name@domain.com">Mail me!</a> |
Which would result in: Mail me!
To add multiple mail addresses just add in more addresses after the first address separated by a comma:
| <a href="mailto:name@domain.com, first@second.com,you@there.com">Mail me!</a> |
Which results in the following, if you feel like clicking it: Mail me!
Adding recipients to copy the emails to just add cc= or bcc= after the email address.
<a href="mailto:name@domain.com?cc=me@here.com">Mail and CC!</a> <a href="mailto:name@domain.com?bcc=john@doe.com">Mail and BCC!</a> |
Which result in Mail and CC!, Mail and BCC!
You should note at this point that we needed to insert a "?" before the CC and BCC 'functions'. This is always the case even if you add a subject or message body here. The first 'function' after the main email addresses must start with a "?" while any extra 'functions' will start with a "&"
If we combine the previous examples this will become clearer:
| <a href="mailto:name@domain.com?cc=me@here.com&bcc=john@doe.com">CC&BCC</a> |
or...
| <a href="mailto:name@domain.com?bcc=me@here.com&cc=john@doe.com">BCC&CC</a> |
Result: CC & BCC
To add a subject simple add "subject=" :
| <a href="mailto:name@domain.com?subject=feedback">Mail & Subject</a> |
Result: Mail & subjectTo add a subject simple add "body=" :
| <a href="mailto:name@domain.com?body=message"> Mail & Body </a> |
Result: Mail & body
If you would like to add an extra line to the body of the email you must add %0A (that's "percentage, zero, A") where ever you want the text to break to a new line.
| <a href="mailto:name@domain.com?body=message%0Ahere"> Mail & body </a> |
Result: Mail & body
We can combine the previous examples to make a comprehensive mailto link:
| <a href="mailto:name@domain.com,john@doe.com?cc=sales@here.com& bcc=admin@there.com&subject=Complaint& body=Dear sir.%0AI have a complaint to make"> Mail us! </a> |
Result: Mail us!
- You are limited to 255 characters in your mailto link.
- Including email addresses in this way leave them vulnerable to harvesting by spammers.
- The newline code "%0A" works well with MS Outlook Express but there have been mixed results with other email clients.
- BCC will not always work, it's a bit 'buggy'
- These were tested in MS Outlook, MS Outlook Express, Lotus Notes and Mozilla Thunderbird and in general performed correctly (note point 3 & 4 above).