HTML mailto link

HTML mailto link

mailto: HTML e-mail link, what is it, how to create, examples and code generator.

What is mailto link

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.

How to create mailto link in HTML

The mailto link is written like regular link with extra parameters inside the href attribute:

<a href="mailto:name@email.com">Link text</a>

 

mailto examples

Mail to email address

<a href="mailto:name@rapidtables.com">Send mail</a>

The code will generate this link:

Send mail

Pressing the above link will open a new mail window:

Example

 

Mail to email address with subject

<a href="mailto:name@rapidtables.com?subject=The%20subject%20of%20the%20mail">Send mail with subject</a>

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:

Example

 

Mail to email address with cc, bcc, subject and body

<a href="mailto:name1@rapidtables.com?cc=name2@rapidtables.com&bcc=name3@rapidtables.com
 &amp;subject=The%20subject%20of%20the%20email
 &amp;body=The%20body%20of%20the%20email">
 Send mail with cc, bcc, subject and body</a>

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:

Example

How to add spaces in the mail’s subject or body

You can add spaces by writing %20 in the text of the subject or body.

<a href="mailto:name@mail.com?subject=The%20subject&amp;body=This%20is%20a%20message%20body">Send mail</a>

How to add line break in the mail’s body

You can add newline by writing %0D%0A in the text of the body.

<a href="mailto:name@mail.com?body=Line1-text%0D%0ALine2-text">Send mail</a>

Comments

comments

Καλέστε μας