• Skip to main content
  • Skip to header right navigation
  • Skip to site footer
  • About
  • Contact
  • Subscribe
  • Advertise
methodshop

methodshop

tech news, reviews & how to's

  • Trending
  • Latest Stories
  • Fun
  • Culture
  • Learn
  • Tech
  • Search
You are here: Home / Learn / DIY & How To / How To Create An Email Link For HTML That Automatically Composes Emails
Email Marketing
Ribkhan

How To Create An Email Link For HTML That Automatically Composes Emails

Here's how to create a custom email link for HTML that precomposes an email message using the to, from, cc, bcc, subject and even body text options.

March 3, 2020 by Joe Michaels
Facebook0Tweet0Pin0LinkedIn0

Here’s how to create an email link for HTML that precomposes a custom email message using the to, from, cc, bcc, subject and even body text options.

Have you ever clicked on a hyperlink online and instead of opening another webpage, it opens an email? It’s a neat trick that enables your site visitors to easily send an email to you, or someone else. And with some minor code customizations, you can precompose the to, from, cc, bcc, subject and even body of the email.

  • Try it out: Click here to send an email with precomposed To, Subject, Body Text fields

Mailto HTML Link

How do you hyperlink an email address in HTML?

The most basic example of an email link for HTML is to just include the “to” information using the “mailto” parameter.

<a href="mailto:[email protected]">Click here to send me an email</a>

Mailto With Subject Line

How do you add a subject to mailto?

The next option is to add an email subject to your HTML link code. To do this, you’ll need to insert subject= and the text of your subject line to the code.

<a href="mailto:[email protected]?subject=Hello!">Click here to email us and say Hello!</a>

However, you CANNOT use the space bar to put a space in between multiple words in your subject line. Character spaces aren’t allowed in the href attribute of HTML. If you want to add a space in your subject, then you need to type %20 in between words.

Here’s an example of a subject with more than one word that uses a %20 separator.





<a href="mailto:[email protected]?subject=Hello%20MethodShop!">Click here to email us and say Hello!</a>

Mailto Body HTML Code

Next, let’s add some text to the body of the email. To do this, we will need to add body= to our link code. Here’s an example with just the MAILTO and BODY tags.

<a href="mailto:[email protected]?body=Cool%20email%20tutorial">Click here to email us about our tutorials</a>

Mailto CC And BCC

What if you want your email to go to multiple people? You can add both a CC (carbon copy) and BCC (blind carbon copy) option to your email hyperlink HTML.

<a href="mailto:[email protected]?cc=[email protected]&bcc=[email protected]">Click here to email all of us</a>

To add multiple email addresses to either the cc or bcc fields, use %2C in between email addresses. %2C is ASCII code for a comma.

<a href="mailto:[email protected][email protected]%2C[email protected]">Click here to email us</a>

Putting It All Together

How To Create A Custom Email Link For Html

Now that you understand the different options, the next step is to put it all together. To do this properly, you should have only one “?” in your link and then use an “&” in between each additional option. Look carefully at how the “?” and “&” characters are used in this HTML email link example.

<a href="mailto:[email protected]?subject=Hello%20MethodShop&body=Thank%20You&[email protected]%2C[email protected]%2C[email protected]&[email protected]">Test email link with multiple prefilled options</a>

HTML Email Link Code Samples

For easy reference, here are some email hyperlink HTML examples below. Just right-click on them and copy the link code. You can then modify the links for your own purposes.

  • To
  • To, Subject
  • To, Subject, Body
  • To, Subject, Body, CC
  • To, Subject, Body, CC, BCC
  • To, Subject, Body, CC (multiple CC addresses)

Thanks again for reading this tutorial on how to create an email link for HTML. Please share this article on social media or leave a comment below.

NERD NOTE: Email was invented by Ray Tomlinson in 1971. Prior to his innovation, users could only post messages to each other on the same computer. Tomlinson was able to combine both SNDMSG and CPYNET programs enabling messages to be sent between different systems. He also came up with the idea to use the @ symbol to separate the username with the domain, a scheme that has been used ever since. Tomlinson was inducted into the Internet Hall Of Fame in 2012 for inventing email and revolutionizing the way we digitally communicate today.

How To Create An Email Link For HTML That Automatically Precomposes Email Messages … #EmailTricks #HTMLtutorial #internetmarketingtips #EmailTips #bizdev #salescoach #onlinemarketingtips #marketingmentor

Click To Tweet

Related Articles:

  • Fixed! Gmail Conversation View Order: How To See New Emails On Top
  • This is What Happens When You Reply to Spam Email
  • Ways To Protect Yourself From Spam Email
  • How To Remove Double Line Spacing From Your Microsoft Outlook Email Signature

Related Posts:

  • How To Create A Click To Call Link In HTML - Easy Tutorial
    How To Create A Click To Call Link In HTML - Easy Tutorial
  • FBI Investigating iPod Email Hackers After Celebrity Email Addresses Get Exposed
    FBI Investigating iPod Email Hackers After Celebrity…
  • 4 Ways To Protect Yourself From Spam Emails and Scam Artists
    4 Ways To Protect Yourself From Spam Emails and Scam Artists

Facebook0Tweet0Pin0LinkedIn0
Category: DIY & How To, Internet, Software Tag: email, HTML
Previous Post: « Powerful Godfather Quotes 5 Powerful Godfather Quotes Full Of Valuable Life Lessons
Next Post: How To Make Great App Store Images For Apple, Android, Amazon, and Roku Devices App Store Images & Design »

Sidebar

Trending Now

  • The 30 Best Caddyshack Quotes That'll Make You LaughThe 30 Best Caddyshack Quotes That’ll Make You Laugh
  • 5 Easy Elevator Hacks That Will Help Give You An Express Ride5 Easy Elevator Hacks That Will Help Give You An Express Ride
  • 20 Famous People Who Are Members Of The Sleepless Elite20 Famous People Who Are Members Of The Sleepless Elite
  • How To Easily Create A PayPal Shipping Label Without InvoiceHow To Easily Create A PayPal Shipping Label Without Invoice
  • 7 Pictures Of Naked People Captured By Google's Cameras7 Pictures Of Naked People Captured By Google’s Cameras
  • Controversial Nimbus 2000 Vibrating Harry Potter Broomstick Has Parents In An UproarControversial Nimbus 2000 Vibrating Harry Potter Broomstick Has Parents In An Uproar
  • How To Play The Original Oregon Trail Game Online For FreeHow To Play The Original Oregon Trail Game Online For Free
  • 22 Inspirational Dr. Seuss Quotes To Help Motivate Your Life22 Inspirational Dr. Seuss Quotes To Help Motivate Your Life
  • 50+ Famous Happy Birthday Quotes From Notable Personalities50+ Famous Happy Birthday Quotes From Notable Personalities
  • Fletch Quotes: 30 Of The Funniest Quotes From The Movie FletchFletch Quotes: 30 Of The Funniest Quotes From The Movie Fletch

Categories

COLD Podcast & Amazon Music

The COLD Podcast Gets Scooped Up In Exclusive Distribution Deal With Amazon Music And Has Been Optioned As A TV Series

Gina Carano Fired Poll

Was Disney Right To Fire Gina Carano From The Mandalorian?

After months of posting controversial messages on social media mocking pronouns supporting trans people, the 2020 election, face coverings, and Covid-19 lockdowns, The Mandalorian star Gina Carano got fired for her Instagram post about Jews in Nazi Germany that went too far for Disney.



About

MethodShop’s mission is to entertain, inform, and sometimes gross you out. MethodShop has affiliate relationships, so we may get a small share of the revenue from your purchases. Items are sold by the retailer, not by us. All prices are subject to change.

Latest

The Sunbather by Ohad Meromi

The 25 Weirdest Statues And Sculptures From Around The World

Perseverance Mars Landing Photos

This Incredible Midair Photo Shows The Perseverance Mars Landing From Above

Follow

MethodShop Animated Zoom Icon
  • About
  • Submit
  • Disclaimer
  • Privacy Policy
  • Contact
  • Subscribe
  • Store

Copyright © 2021 MethodShop · All Rights Reserved · Powered by BizBudding Inc.

We use cookies on our website to give you the most relevant experience by remembering your preferences and repeat visits. By clicking “Accept”, you consent to the use of ALL the cookies.
Do not sell my personal information.
Cookie settingsACCEPT
Manage consent

Privacy Overview

This website uses cookies to improve your experience while you navigate through the website. Out of these, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may affect your browsing experience.
Necessary
Always Enabled

Necessary cookies are absolutely essential for the website to function properly. This category only includes cookies that ensures basic functionalities and security features of the website. These cookies do not store any personal information.

Non-necessary

Any cookies that may not be particularly necessary for the website to function and is used specifically to collect user personal data via analytics, ads, other embedded contents are termed as non-necessary cookies. It is mandatory to procure user consent prior to running these cookies on your website.

SAVE & ACCEPT