Create Mailto Links
in Seconds
Generate clickable HTML email links with pre-filled subject, body, CC, and BCC. Copy the code and drop it straight into your webpage or email template.
Mailto Link Generator
Fill in the fields below to build your HTML mailto link. The code updates instantly — just copy and paste into your project.
The email address the message will be sent to.
The visible clickable text shown to the user.
Pre-fills the email subject field when clicked.
Pre-fills the body of the email. Line breaks are preserved.
Add a CSS class to style the link as a button.
Shown as a tooltip on hover. Good for accessibility.
Fill in the form and click
Generate Mailto Link
to see your HTML code here.
How to Create a Mailto Link in HTML
A complete guide to the mailto HTML link — from basic anchor tags to advanced pre-filled parameters.
Start with an anchor tag
Every mailto link is a standard HTML <a> element. Instead of a URL in the href attribute, you use the mailto: URI scheme followed by the recipient's email address.
Add the email address
Place the recipient address directly after mailto: with no space. For example: href="mailto:contact@example.com". Multiple recipients can be comma-separated.
Append optional parameters
Add a ? after the address to begin query parameters. Use subject=, body=, cc=, and bcc= to pre-fill those fields. Separate multiple parameters with &.
URL-encode all values
Spaces, line breaks, and special characters must be URL-encoded. Spaces become %20, line breaks become %0A, and @ signs become %40. Our generator handles this automatically.
Write descriptive link text
Use clear, descriptive anchor text between your opening and closing <a> tags — like "Contact Us" or "Send a Message". Avoid using bare email addresses as link text for better accessibility and spam protection.
<a href="mailto:you@example.com">
Email Us
</a>
<a href="mailto:you@example.com
?subject=Hello%20There
&body=Hi%2C%0AI%20wanted%20to...">
Say Hello
</a>
<a href="mailto:to@example.com
?cc=cc@example.com
&bcc=bcc@example.com
&subject=Team%20Update">
Email Team
</a>
| Param | Description |
|---|---|
| subject | Pre-fills subject line |
| body | Pre-fills email body |
| cc | Carbon copy address |
| bcc | Blind carbon copy |
| Character | Encoded |
|---|---|
| Space | %20 |
| New line | %0A |
| @ | %40 |
| & | %26 |
| , | %2C |
| ? | %3F |
What Is a Mailto Link & When to Use It
Everything you need to know about the mailto HTML hyperlink — how it works, when to use it, and its limitations.
A mailto link (also written as a mailto hyperlink or HTML email link) is a type of hyperlink that uses the mailto: URI scheme. When a visitor clicks it, their device opens the default email client — whether that's Gmail, Outlook, Apple Mail, or a mobile mail app — with the To field pre-populated.
Unlike a regular URL that navigates to a webpage, a mailto link triggers an action: composing a new email. This makes it one of the simplest and most universally supported ways to create a clickable email link in HTML without needing a contact form or backend.
With query parameters, a mailto HTML code can also pre-fill the subject line, email body, CC, and BCC fields — saving the user time and ensuring they send the right information.
Our mailto link generator handles all the URL encoding automatically, so you don't need to manually convert spaces to %20 or line breaks to %0A. Just fill in the fields and copy your ready-to-use HTML email link code.
Instant, No Backend Required
Mailto links work purely in HTML — no server, no form processing, no database needed.
Works on Desktop & Mobile
Clicking a mailto link on mobile opens the default mail app (Gmail, Apple Mail, etc.) automatically.
Spam Protection Tip
Avoid displaying your raw email address as the link text — use descriptive text like "Contact Us" to reduce harvesting.
Common Mailto Link Use Cases
Website Contact Pages
Replace complex contact forms with a simple mailto link for quick, direct email access from your site.
HTML Email Templates
Add a "Reply to us" or "Forward to a friend" link inside your email newsletters using a mailto hyperlink.
Support & Feedback Links
Create a "Report a Bug" or "Send Feedback" link with a pre-filled subject so users send consistent, structured messages.
Sales & Lead Generation
Add a "Request a Demo" mailto link that pre-fills a subject like "Demo Request" to capture qualified interest instantly.
Email Signatures
Make your email address in your signature a clickable mailto link to let recipients quickly start a new thread.
Mailto Link FAQ
Answers to the most common questions about mailto links, HTML email links, and the mailto URI scheme.
A mailto link is an HTML hyperlink that uses the mailto: URI scheme. When clicked, it opens the user's default email client — such as Gmail, Outlook, or Apple Mail — with the recipient address pre-filled in the To field. It's the simplest way to add a clickable email link to a webpage without any backend code.
The basic syntax is: <a href="mailto:email@example.com">Link Text</a>
Append a ?subject= parameter after the email address. Any spaces in the subject must be URL-encoded as %20.
<a href="mailto:you@example.com?subject=Hello%20There"> Email Us </a>
Our generator does the URL encoding automatically — just type your subject in plain text and copy the generated code.
Yes. Add a &body= parameter (or ?body= if no subject is included). Line breaks in the body should be encoded as %0A.
<a href="mailto:you@example.com ?subject=Hello &body=Hi%20there%2C%0AI%20wanted%20to%20reach%20out."> Contact Us </a>
Use the cc= and bcc= query parameters. CC is visible to all recipients; BCC is hidden.
<a href="mailto:to@example.com ?cc=colleague@example.com &bcc=archive@example.com &subject=Team%20Update"> Email the Team </a>
Separate multiple addresses within a parameter using commas (though support varies by client).
Yes — mailto links are fully mobile compatible. On iOS, tapping a mailto link opens Apple Mail (or whichever app is set as the default mail app). On Android, it opens Gmail or the default mail app. All pre-filled fields (subject, body, CC, BCC) are passed through correctly on modern mobile platforms.
URL encoding converts special characters into a format that can be safely transmitted in a URL. Characters like spaces, line breaks, ampersands, and quotes have specific meanings in URLs and must be encoded to avoid breaking the link.
Common encodings: space = %20, new line = %0A, & = %26, comma = %2C. Our mailto link generator handles all encoding automatically.
Mailto links have a few limitations to be aware of:
No guaranteed delivery: The link opens an email client but doesn't send the email — the user still has to click Send. If the user has no email client configured, the link may do nothing.
Webmail limitations: Browser-based email clients like Gmail web or Yahoo Mail may not respond to mailto links unless the user has set them as the default mail handler.
Spam risk: Displaying your raw email address in HTML can expose it to spam harvesters. For sensitive addresses, consider a contact form instead.
Body length limits: Very long pre-filled bodies may be truncated in some email clients.
Yes. Since a mailto link is just an <a> tag, you can apply any CSS to it — including padding, background colour, and border-radius to make it look like a button. Use the CSS Class and Inline Style fields in our generator to add styles automatically.
<a href="mailto:you@example.com" style="display:inline-block; padding:12px 24px; background:#2d6cdf; color:#fff; border-radius:6px; text-decoration:none; font-weight:600;"> Email Us </a>
Yes — a mailto link, email hyperlink, HTML email link, and clickable email link all refer to the same thing: an HTML anchor tag with href="mailto:..." that opens the user's email client when clicked. The terms are used interchangeably.
Build Your Mailto Link Now
Generate a perfect clickable HTML email link in seconds. No sign-up, no cost, no limits. Works on every device and email client.