Unlock the power of HTML mailto links: Learn how to craft clickable email addresses for seamless communication.
* the mailto link will not work if the user did not define a default mail app in his computer.
Mailto link is a type of HTML link that activates the default mail client on the computer for sending an e-mail.
The web browser requires a default e-mail client software installed on his computer in order to activate the e-mail client.
If you have Microsoft Outlook, for example as your default mail client, pressing a mailto link will open a new mail window.
The mailto link is written like regular link with extra parameters inside the href attribute:
Link text
| Parameter | Description |
|---|---|
| mailto:[email protected] | e-mail recipient address |
| cc=[email protected] | carbon copy e-mail address |
| bcc=[email protected] | blind carbon copy e-mail address |
| subject=subject text | subject of e-mail |
| body=body text | body of e-mail |
| ? | first parameter delimiter |
| & | other parameters delimiter |
Send mail
The code will generate this link:
Send mail
Pressing the above link will open a new mail window:
Send mail with subject
The %20 represents space character.
The code will generate this link:
Send mail with subject
Pressing the above link will open a new mail window:
Send mail with cc, bcc, subject and body
The %20 represents space character.
The code will generate this link:
Send mail with cc, bcc, subject and body
Pressing the above link will open a new mail window:
You can add spaces by writing %20 in the text of the subject or body.
Send mail
You can add newline by writing %0D%0A in the text of the body.
Send mail
You can add multiple recipients by writing a comma separator (,) between email addresses.
Send mail
To create an HTML mailto link, you simply use an anchor tag with the href attribute and include the "mailto" parameter after it. If you wish to send an email to multiple addresses, just separate the email addresses with a comma.