HTML Mailto Clickable Email Address Hyperlink

Last Updated on 13 June 2020

Are you looking for adding email address link to text? In this quick tutorial we will teach you how to add the clickable email address hyperlink on your site. To add a clickable email address to hyperlink, we use the <a> element and add the attribute name href with the value of mailto:contact@jorcus.com to the HTML element.

<a href="mailto:contact@jorcus.com">Contact Jorcus ✉️</a>

Below is the demo.

Contact Jorcus ✉️

Useful Parameters

ParameterDescription
mailto:email@domain.comRecipient email address
cc=email@domain.comCarbon copy email address
bcc=email@domain.comblind carbon copy email address
subject=subject titleThe subject title of the email
body=body textBody text for the email
?To start the first parameter
&To add additional parameters
;To send additional email

Multiple Email Address

<a href="mailto:contact@jorcus.com;support@jorcus.com">Contact Jorcus ✉️</a>

Add Email Subject

<a href="mailto:contact@jorcus.com?subject=Hello Jorcus">Contact Jorcus ✉️</a>

Add Email Body Text

<a href="mailto:contact@jorcus.com?subject=Hello Jorcus&body=This is Body.">Contact Jorcus ✉️</a>

Add Carbon Copy Email Address

<a href="mailto:contact@jorcus.com?subject=Hello Jorcus&body=This is Body.&cc=support@jorcus.com">Contact Jorcus ✉️</a>

Add BCC Email Address

<a href="mailto:contact@jorcus.com?subject=Hello Jorcus&body=This is Body.&cc=support@jorcus.com&bcc=me@jorcus.com">Contact Jorcus ✉️</a>

The result.

Mailto Tutorial

Tips and Warnings

  • Don’t place any space after ? ,& and multiple email with , parameters. If you place the space after that, it might not work.
  • You may see the URL will be text will change from a empty space ” ” to “%20”. Don’t panic, It’s very normal because the encoded the URL and It will works too.

If you want to know more about hyperlink, check out our other tutorial for hyperlink.

Leave a Comment