• 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
  • Tech
    • Apps
    • Internet
    • Software
    • Security
    • Games
    • Advertising
  • Life
    • Entertainment
    • TV & Film
    • Music
    • Health & Science
    • Family
    • Social Media
    • Food
    • Style
  • Learn
    • Tutorials
    • Reviews
    • News
      • Business
      • Crime
      • Politics
  • Fun
    • Featured
    • Humor
    • Holiday

Home : Internet : 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
FacebookTweetPinLinkedIn

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. This tutorial will show you how to create an email link for HTML.

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

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.
Click To Tweet

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 - How To Create An Email Link For Html That Automatically Composes Emails
Sample link that sends multiple emails

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 pre-filled options</a>

How To Create An Email Link For HTML (That Automatically Composes Emails) #EmailTricks #HTMLtutorial #internetmarketingtips #EmailTips #bizdev #salescoach #onlinemarketingtips #marketingmentor
Click To Tweet

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
Artificial Intelligence Thinking About Email

20 Short And Funny Out Of Office Messages Generated By The ChatGPT Chatbot

Read more20 Short And Funny Out Of Office Messages Generated By The ChatGPT Chatbot
How To Enable The Microsoft Outlook Bcc Field

How To Enable The Microsoft Outlook BCC Field

Read moreHow To Enable The Microsoft Outlook BCC Field
Strange Email Titled 'Integration Test Email #1' Confuses Hbo Max Customers

Strange Email Titled ‘Integration Test Email #1’ Confuses HBO Max Customers

Read moreStrange Email Titled ‘Integration Test Email #1’ Confuses HBO Max Customers
Email Marketing

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

Read moreHow To Create An Email Link For HTML (That Automatically Composes Emails)
Gmail Inbox

Fixed! Gmail Conversation View Order: How To See New Emails On Top

Read moreFixed! Gmail Conversation View Order: How To See New Emails On Top
Reply To Spam Email

This is What Happens When You Reply To Spam Email

Read moreThis is What Happens When You Reply To Spam Email


FacebookTweetPinLinkedIn
Category: Internet, DIY & Tutorials, Featured, Software Tag: Email, HTML
Previous Post:Powerful Godfather Quotes5 Powerful Godfather Quotes Full Of Valuable Life Lessons
Next Post:How To Make Great App Store Images For Apple, Android, Amazon, and Roku DevicesApp Store Images & Design

Reader Interactions

Comments

  1. chantewanganeen

    September 19, 2022 at 7:50 AM

    Keep up posting these types of articles! Write less gross stuff.

Leave a Reply

Your email address will not be published. Required fields are marked *

Sidebar

Popular Posts

  • Job Automation Using ChatGPT Could Make These Jobs Obsolete - Is Your Job On This List?Job Automation Using ChatGPT Could Make These Jobs Obsolete – Is Your Job On…
  • 5 Funny Resurrection Jokes To Share On Easter Sunday5 Funny Resurrection Jokes To Share On Easter Sunday
  • 7 Pictures Of Naked People Captured By Google's Cameras7 Pictures Of Naked People Captured By Google’s Cameras
  • Top 200 Nielsen DMA Rankings (2023) – Full ListTop 200 Nielsen DMA Rankings (2023) – Full List
  • The Surprising Story Behind The NBC ChimesThe Surprising Story Behind The NBC Chimes
  • 20 Famous People Who Are Members Of The Sleepless Elite20 Famous People Who Are Members Of The Sleepless Elite
  • How To Change The Default LG TV Home Screen To Live TVHow To Change The Default LG TV Home Screen To Live TV
  • Is Your Hatch Restore Already Registered? Here's How To Fix It And Unregister A Hatch Restore.Is Your Hatch Restore Already Registered? Here’s How To Fix It And…
  • The Best Caddyshack Quotes: 30 Famous Caddyshack Quotes That'll Make You LaughThe Best Caddyshack Quotes: 30 Famous Caddyshack Quotes That’ll Make You Laugh
  • 30 Dirty Irish Pick Up Lines That Will Probably Get You Slapped30 Dirty Irish Pick Up Lines That Will Probably Get You Slapped

Categories

How To Visually Identify AI-Generated Text

How To Manually Identify AI-Generated Text Without Using A ChatGPT Detector

Wondering if what you’ve read is bot or human-generated? AI text detectors can help, but can be time-consuming. Here’s how humans can train to identify AI-generated text.

Best Butch Cassidy And The Sundance Kid Quotes

The 18 Best Butch Cassidy And The Sundance Kid Quotes

Butch Cassidy and the Sundance Kid is a cinematic classic. Relive the action, adventure, and friendship through these Butch Cassidy and the Sundance kid quotes from the 1969 movie.

Recent Posts

  • The 18 Best Butch Cassidy And The Sundance Kid Quotes
  • The 40 Best Everything Everywhere All At Once Quotes
  • How To Manually Identify AI-Generated Text Without Using A ChatGPT Detector
  • 10 Clever Tech Gifts That People Actually Want
  • 10 Fun Things To Ask Alexa On St. Patrick’s Day

Jump to comments

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

Best Butch Cassidy And The Sundance Kid Quotes

The 18 Best Butch Cassidy And The Sundance Kid Quotes

Everything Everywhere All At Once Quotes

The 40 Best Everything Everywhere All At Once Quotes

Follow

  • Facebook
  • Twitter
  • Instagram
  • YouTube
  • Pinterest
MethodShop Animated Zoom Icon
  • About
  • Submit
  • Disclaimer
  • Privacy Policy
  • Contact
  • Subscribe
  • Store

Copyright © 2023 MethodShop · All Rights Reserved