Free Mailto Link Generator

Create perfect email links for any website

Generate HTML mailto links with subject, CC, BCC & body in seconds. Copy the code and paste it anywhere — no coding knowledge needed.

Completely Free No Sign-up Required Instant HTML Output Works Everywhere
Generated HTML Code
<a href="mailto:hello@example.com
  ?subject=Hello%20There
  &body=Hi%2C%20I%27d%20love%20to%20chat!"
>
  Send us an email
</a>
Live Preview:
✉  Send us an email
0+
Links Generated
0%
Free Forever
0 sec
Avg. Time to Build
0 sign-ups
Required
Free Tool

Mailto Link Generator

Fill in the fields below and get your HTML mailto link instantly. Click any Copy button to grab the code.

📋 Your Generated Code
— chars
mailto:
mailto:
Live Preview
Simple Process

How to Create a Mailto Link

From filling in the form to pasting the code on your website — done in under 30 seconds.

📧

Enter your email address

Type the recipient's email in the "To" field. This is the address that email clients will send to when the mailto link is clicked.

⚙️

Configure subject, CC & body

Optionally pre-fill a subject line, add CC or BCC recipients, and set a default message body. All fields are URL-encoded automatically.

📋

Copy & paste your HTML

Click "Copy HTML" and paste the generated <a> tag anywhere on your website, email template, or landing page.

Why EmailLink

Everything you need in a mailto link generator

Built for developers, designers, and marketers who want clickable email links without the fuss.

Instant Generation

Your mailto HTML code updates live as you type — no button clicks needed to see changes.

🔗

Full mailto: Support

Supports the complete mailto URI scheme: To, Subject, CC, BCC, and body — all RFC 6068 compliant.

🎨

Styled Button Links

Generate a plain hyperlink or a fully styled email button with your own background and text colors.

📱

Mobile Compatible

Generated links open native email apps on iOS and Android — Gmail, Apple Mail, Outlook, and more.

Email Validation

Instantly validates your email address format as you type so you never generate broken mailto links.

🔒

100% Private

Everything runs in your browser. No data is sent to any server. Your email addresses stay completely private.

📐

Three Output Formats

Get full HTML code, href value only, or raw mailto URL — whatever your workflow needs.

🌐

URL Encoding Built-in

All special characters in your subject and body are automatically percent-encoded for maximum browser compatibility.

💸

Completely Free

No subscription, no trial, no credit card. EmailLink Generator is free forever, for everyone.

Developer Guide

The complete mailto HTML guide

What is a mailto link?

A mailto link is an HTML hyperlink that, when clicked, launches the visitor's default email client (Gmail, Apple Mail, Outlook, Thunderbird, etc.) and pre-fills the To field with the specified address. It uses the mailto: URI scheme defined in RFC 6068.

Basic mailto HTML syntax

The simplest email hyperlink in HTML requires only a To address inside the href attribute:

<a href="mailto:you@example.com">Email us</a>

Adding a subject, CC, BCC & body

You can pre-populate additional fields by appending URL query parameters to the mailto address. Multiple parameters are separated with &:

  • subject — sets the email subject line
  • cc — adds a CC recipient
  • bcc — adds a BCC (blind carbon copy) recipient
  • body — pre-fills the message body

All values must be URL-encoded (spaces become %20, etc.). Our generator handles this automatically.

Creating a clickable email link in HTML

To make a clickable email link that looks like a button, wrap the anchor tag in inline styles or a CSS class. You can use our generator's "Styled button" option to output fully styled HTML instantly.

Mailto HTML best practices

  • Always URL-encode special characters in subject and body
  • Keep body text short — long bodies may be truncated by email clients
  • Test your mailto link on both desktop and mobile browsers
  • Consider adding rel="noopener" on external links
  • Supplement mailto links with a contact form for users without email clients configured
email-link-examples.html
<!-- Basic mailto link -->
<a href="mailto:you@site.com">
  Email Us
</a>

<!-- With subject line -->
<a href="mailto:you@site.com
  ?subject=Website%20Enquiry"
>
  Send Enquiry
</a>

<!-- Full example: subject, CC, body -->
<a href="mailto:hello@site.com
  ?cc=team@site.com
  &subject=Hello%20There
  &body=Hi%2C%20I%27d%20like%20to..."
>
  Contact the Team
</a>

<!-- Styled button mailto link -->
<a href="mailto:you@site.com"
   style="display:inline-block;
    padding:12px 24px;
    background:#e8612c;
    color:#fff;
    border-radius:6px;
    text-decoration:none;
    font-weight:600;"
>
  ✉ Email Us
</a>
Code Examples

Ready-to-use mailto HTML examples

Copy and customise these common mailto link patterns for your own website.

Simple Email Link Basic
<a href="mailto:hello@example.com">
  Contact Us
</a>
Preview: Contact Us
With Subject Line Common
<a href="mailto:hello@example.com
  ?subject=Website%20Enquiry">
  Send Enquiry
</a>
Preview: Send Enquiry
Subject & Body Pre-filled
<a href="mailto:hello@example.com
  ?subject=Hello%20There
  &body=Hi%2C%20I%27d%20like%20to%20know...">
  Get in Touch
</a>
Preview: Get in Touch
Mailto Button Style Styled
<a href="mailto:hello@example.com"
 style="display:inline-block;
  padding:12px 24px;background:#e8612c;
  color:#fff;border-radius:6px;
  text-decoration:none;font-weight:600;">
  ✉ Email Us
</a>
Preview: ✉ Email Us
Who Uses It

Perfect for every kind of website

Mailto links and HTML email hyperlinks are useful across industries and project types.

🏢

Business Websites

Add a "Contact Us" mailto hyperlink to your corporate site so visitors can reach your team with one click.

Contact pages Footer links
🛍️

E-commerce Stores

Create a customer support mailto link with a pre-filled subject like "Order Inquiry" to speed up support workflows.

Support links Order queries
🎨

Portfolio Sites

Let clients reach you directly with a styled email link button that matches your personal brand colours.

Hire me links Project inquiries
📰

Blogs & Media

Add a press or editorial contact mailto link to your about page with a pre-set subject for media inquiries.

Press contacts Guest posts
💻

Developers & Agencies

Generate mailto HTML code for client projects quickly. Test different configurations without writing code by hand.

Client sites Prototyping
📧

Email Campaigns

Include a clickable reply link inside HTML email newsletters that opens a new draft in recipients' mail apps.

Newsletters Reply links
FAQ

Frequently asked questions

Everything you need to know about mailto links, HTML email hyperlinks, and this generator.

A mailto link is an HTML hyperlink using the mailto: URI scheme. When clicked, it opens the user's default email application with the specified To address pre-filled. You can also pre-populate the subject, CC, BCC, and message body fields.
The basic HTML email link syntax is: <a href="mailto:you@example.com">Email Us</a>. To add a subject: mailto:you@example.com?subject=Hello. Use our free mailto link generator above to build complex links with all fields instantly.
Yes. Add cc= and bcc= query parameters: mailto:to@example.com?cc=cc@example.com&bcc=bcc@example.com. Our generator handles these fields in the "advanced options" section and URL-encodes everything automatically.
Yes. Spaces, commas, apostrophes, and other special characters must be percent-encoded in the mailto URL (e.g. space → %20, @%40). This generator encodes everything for you automatically using JavaScript's encodeURIComponent().
Yes. On iOS, tapping a mailto link opens Apple Mail or whichever app is set as the default. On Android, it opens Gmail or the configured mail app. All major mobile browsers support the mailto: scheme.
Yes — completely free, no account required, no limits, no watermarks. EmailLink Generator runs entirely in your browser, so your email addresses are never sent to any server.
A mailto hyperlink relies on the visitor having an email client configured on their device — it's simpler to implement and requires no server-side code. A contact form collects data through your website and works even without an email client, but requires a backend or third-party service to process submissions.
Yes. Our generator's "Styled button" option outputs an <a> tag with inline CSS that looks like a clickable button. You can customise the background and text colour. You can also apply your own CSS class to the anchor tag for more styling control.

Ready to create your mailto link?

Jump back to the generator — it takes less than 30 seconds.

✉  Generate My Mailto Link Free