More importantly however let me tell you about mailto links so you will know how to write them yourself.
First we will look at the “link part” of the mailto link and then put it inside HTML tags.
Every mailto link starts with:
Then comes the email address without any additional characters, just the email address as is.
It is not advisable to have multiple recipients in the “To”, “Cc” or “Bcc” fields of the mailto link. You can do it, but it may not work.
If you have already decided to create a mailto link with multiple recipients and cannot be discouraged, this is how to go about it:
If commas do not work...
Mailto link with multiple recipients and commas should look like this:
Or with semicolons:
The only way that will surely work is with up to 3 email addresses where you include one in the “To” field, one in the “Cc” field and one in “Bcc” field.
It is similarly not advisable to leave the “To” field of the mailto link empty. You can do it, but it may not work.
If you have already decided to create a mailto link without recipients, these are potential ways of doing it. Examples below contain “Hello” in the “Body” field of the mailto link.
Space as Unicode version:
Separate “To” parameter:
Remember to test these links with multiple email clients before publishing them.
In the last example you may have noticed two characters dividing the mailto link parameters: question mark (?) and ampersand (&).
Question mark appears only before the first parameter, while ampersand appears before all others. Here are a few examples with underscores (___) representing the content.
Here is an example of a mailto link with the subject line: “How are you doing?”
As you can see the example includes some unusual characters. This is because the Mailto link generator encoded all special characters in order to format the link properly.
Here is a short list of characters we are used to translated to UTF-8 encoded characters:
%20 = space %21 = ! %2D = - %2E = . %3A = : %3F = ?
This is the biggest reason why tools like Mailto link generator come in handy. No one namely wants to memorize that
%20 stands for space.
It is also the reason I suggest you ⭐ bookmark this site so you may find it faster the next time you need to create a mailto link.
Here is an example of a mailto link with the subject line: “Dear Lars” and body: “Hope you are doing well. I will see you Tuesday. Love, Sigrit”.
Here is an example of a mailto link with everything:
(If you haven’t guessed yet, Eurovision Song Contest: The Story of Fire Saga (2020) is my favorite movie ❤️)
Once you have generated the “link part” of the mailto link, all that remains is inserting it into the link HTML tags that look like this:
The opening tag <a> comes at the beginning, while the closing tag </a> comes at the end. Between them comes link text, which is the only part that will be displayed at the end.
All that remains is pointing the link to its destination, which is done through the
<a href="">Link text</a>
It is in this attribute or rather between the quotation marks that you insert the generated mailto link:
<a href="mailto:firstname.lastname@example.org">Say hi</a>
Once this is inserted into an HTML document or whatever medium displays hyperlinks, it produces the following mailto link:
I believe you now know everything essential about mailto links. 👩🎓 Congratulations! 🎉 I hope you found this guide useful and that you master the art of using these links.
You can use Mailto link generator at any time, free of charge. You buying me a cup of coffee simply motivates me to keep making it more informative and fun.
For that I am using Buy Me a Coffee, a lovely service that enables you to collect or make one-time secure donations and support creators whose works you enjoy (without having to create an account).
So, how about that coffee? 😁
I wish you a wonderful day and all the success in your mailto linking adventures.