More free tools:  InstantLinkHub· Feexio· SwiftConvertHub

Mailto Link Generator: Complete Guide for Web Developers and Marketers (2026) Enlace Mailto: Guía Completa para Desarrolladores y Marketers (2026)

Mailto link generator complete guide 2026

A mailto link is one of the oldest tricks on the web — and one of the most underused. Click it, and your email client opens with the recipient address, subject line, and even body text already filled in. Done right, it removes real friction from the contact experience. This guide covers everything: the full mailto syntax, all supported parameters, URL encoding, CC and BCC, when to use a mailto link versus a contact form, and how to generate one without writing a single URL-encoded character by hand.

What Is a Mailto Link?

A mailto link is an ordinary HTML anchor tag that uses the mailto: URI scheme instead of http://. When a browser encounters it, rather than loading a web page, it hands control to the operating system, which passes it to the user's default email client — Gmail, Outlook, Apple Mail, or whatever is configured.

The simplest version looks like this:

<a href="mailto:hello@example.com">Send us an email</a>

That's it. One line. The user clicks, their email app opens, and hello@example.com is already in the To field.

The Full Mailto URL Format

The mailto scheme supports five parameters to pre-populate the entire email compose window:

  • to — recipient email address (can be in the URL or after mailto:)
  • subject — email subject line
  • body — email body text
  • cc — carbon copy address(es)
  • bcc — blind carbon copy address(es)

A fully populated example:

mailto:hello@example.com?subject=Website%20Inquiry&cc=manager@example.com&bcc=archive@example.com&body=Hi%2C%20I%20found%20your%20site%20and%20wanted%20to%20ask%20about%20pricing.

URL Encoding: What It Is and Why It Matters

URLs cannot contain raw spaces or special characters. Every special character must be percent-encoded. The most common ones you'll encounter in mailto links:

  • Space → %20
  • Line break → %0A
  • @ sign → %40
  • Comma → %2C
  • Ampersand → %26
  • Question mark → %3F
  • Colon → %3A

You don't need to memorize these. Our generator handles all encoding automatically — you type in plain English and get a properly encoded URL out. But understanding why the link looks the way it does helps you debug a malformed URL if something goes wrong.

Adding a Pre-Filled Subject Line

The subject parameter saves recipients — and you — a lot of back-and-forth. If someone clicks "Request a Quote," you probably want the email to arrive with "Quote Request" in the subject, not a blank line.

<a href="mailto:hello@example.com?subject=Quote%20Request">Request a Quote</a>

Pre-Filling the Email Body

You can go further and pre-fill the message body. This is particularly useful for support requests where you want to prompt the user to include their order number or account details:

<a href="mailto:support@example.com?subject=Support%20Request&body=Hello%2C%0A%0AOrder%20number%3A%20%0A%0AIssue%3A">Contact Support</a>

That looks messy written by hand — a simple template becomes a string of percent signs nearly impossible to write or read manually. This is exactly why a mailto generator exists.

CC, BCC, and Multiple Recipients

The mailto scheme supports CC and BCC fields, and you can add multiple addresses to any field by separating them with commas:

mailto:primary@example.com?cc=manager@example.com&bcc=archive@example.com&subject=Project%20Update

A few things to know: CC is universally reliable across all email clients. BCC works in most clients but not all — if you're relying on BCC for something critical, test it across Gmail, Apple Mail, and Outlook before deploying. For multiple To addresses, separate them with commas: mailto:alice@example.com,bob@example.com.

How to Build a Mailto Link in 3 Steps (No Coding)

Step 1: Open InstantLinkHub's Mailto Generator and enter your recipient email address.

Step 2: Fill in the optional fields — subject, body, CC, BCC — in plain text. No encoding needed.

Step 3: Copy the generated <a href="mailto:..."> HTML tag and paste it into your site.

The process takes about thirty seconds. No account, no signup, no expiry.

Real-World Use Cases

Portfolio websites: A "Hire me" mailto link with your name and rate pre-filled in the subject does the job without the overhead of a backend contact form system.

Freelance designer example:

<a href="mailto:hello@designersite.com?subject=Project%20Inquiry&body=Hi%2C%20I%20found%20your%20portfolio%20and%20I%27d%20like%20to%20discuss%20a%20project.">Start a project →</a>

When a potential client clicks it, their email client opens with the designer's address, a professional subject line, and a natural opening already in place. The client only needs to add project details.

Email newsletters: "Forward to a colleague" buttons in HTML emails often use mailto links. The subject and body encourage the reader to share specific content.

Event invitations: RSVP links can use mailto to open a compose window with the event name and "Attending" or "Declined" pre-filled.

Internal tools: Bug-report buttons in dashboards often use mailto with a pre-filled body template that includes placeholders for browser version, URL, and steps to reproduce.

Support pages: A "Contact Support" button pre-filled with the product name and an order number prompt reduces back-and-forth and gets you better first emails.

When to Use a Mailto Link vs. a Contact Form

Use a mailto link when: you want the simplest possible contact option with no backend; your audience is technical or professional and definitely has a configured email client; you're building a lightweight static site; or you're adding a secondary contact method alongside a form.

Use a contact form when: you need to collect structured data (name, company, project type); you want to prevent your email address from being scraped by spam bots; or you need server-side validation and confirmation emails.

The spam-scraping concern is real. Email harvesters crawl the web looking for mailto: links. If you're adding an email address to a high-traffic public page, consider JavaScript-rendered links or a contact form with a CAPTCHA. That said, the conversion benefit of a visible, clickable email often outweighs the spam risk for small sites — most modern spam filters handle harvested addresses well.

Best practice: offer both options. Let the user choose how they want to reach you.

Frequently Asked Questions

What is a mailto link?

A mailto link is an HTML hyperlink that, when clicked, opens the user's default email client with fields like To, Subject, CC, BCC, and Body already filled in. It uses the mailto: URI scheme instead of http://.

Does a mailto link work on all devices?

Yes, on most devices — as long as the user has a default email client configured. On mobile, it opens the native mail app. On desktop, it opens Outlook, Apple Mail, or the default client. If a user has no mail app set up, the link does nothing visible. Always include your email address as visible text alongside the link as a fallback.

Will adding my email in a mailto link get it scraped by bots?

Yes — email addresses in HTML source code are readable by crawlers. If spam is a concern, use a contact form, or build the link dynamically with JavaScript. Most modern spam filters handle harvested addresses well, and the conversion benefit often outweighs the risk for small sites.

Can I send to multiple recipients with one mailto link?

Yes. Separate multiple addresses with a comma in the to parameter: mailto:alice@example.com,bob@example.com. Use cc and bcc for copied recipients.

Can I pre-fill the subject and body?

Yes. Add ?subject=Your%20Subject&body=Your%20message after the email address. Spaces must be encoded as %20. Our mailto generator handles encoding automatically.

Does BCC work in all email clients?

BCC works in most major clients but not all. CC is more universally reliable. If BCC is critical for your use case, test across Gmail, Apple Mail, and Outlook before deploying.

Create your mailto link now

Fill in your email, subject, and body. Get a ready-to-use link in seconds. No account required.

Open Mailto Generator
VC

Victor A. Calvo S.

Software Engineer & Founder, InstantLinkHub

Victor A. Calvo S. is a software engineer and digital entrepreneur who builds practical, free tools for marketers, freelancers, and businesses worldwide. He is the creator of InstantLinkHub, Feexio, and SwiftConvertHub — three open-access platforms covering link generation, fee calculation, and unit conversion.

Un enlace mailto es una de las funcionalidades más confiables de la web. Bien construido, reduce la fricción de contacto por email a un solo clic. Esta guía cubre todo: la sintaxis completa, todos los parámetros, codificación URL, CC y BCC, cuándo usar mailto vs. formulario, y cómo generarlo gratis sin escribir código.

¿Qué es un enlace mailto?

Un enlace mailto usa el esquema mailto: para abrir el cliente de email del usuario con destinatario, asunto y cuerpo ya rellenados. Ejemplo básico:

<a href="mailto:contacto@tuempresa.com">Envíanos un email</a>

Anatomía completa de un enlace mailto

mailto:principal@empresa.com
  ?cc=copia@empresa.com
  &bcc=registro@empresa.com
  &subject=Solicitud%20de%20Presupuesto
  &body=Estimados%2C%0A%0AMe%20gustaría%20solicitar%20presupuesto%20para%3A

Parámetros disponibles

  • to: dirección de destino (puede ir directamente después de mailto:)
  • subject: predetermina el asunto del email
  • body: predetermina el texto del email
  • cc: añade destinatarios en copia
  • bcc: añade destinatarios en copia oculta

Codificación URL

  • Espacio → %20
  • Salto de línea → %0A
  • Coma → %2C
  • Signo @ → %40
  • Signo de interrogación → %3F
  • Ampersand → %26

Nuestro generador maneja toda la codificación automáticamente — escribes en texto normal y obtienes la URL correcta.

Múltiples destinatarios

Separa los emails con coma en el parámetro to:

mailto:a@empresa.com,b@empresa.com?subject=Reunión

CC funciona de forma universal. BCC es compatible con la mayoría de clientes pero no todos — pruébalo en Gmail, Apple Mail y Outlook antes de usarlo en producción.

Cómo crear tu enlace mailto en 3 pasos

  1. Abre el Generador de Mailto de InstantLinkHub.
  2. Introduce el email de destino, asunto y cuerpo en texto normal.
  3. Copia el código HTML generado y pégalo en tu sitio.

¿Cuándo usar mailto vs. formulario de contacto?

Usa mailto cuando quieras la opción de contacto más simple sin backend, o cuando tu audiencia sea técnica o profesional con cliente de email configurado.

Usa formulario cuando necesites estructurar la información, validar datos, o proteger tu dirección de scrapers de spam.

Mejor práctica: ofrece ambas opciones.

Seguridad: proteger tu dirección del scraping

Las direcciones visibles en HTML pueden ser recogidas por bots de spam. Para protegerte, construye el enlace dinámicamente en JavaScript o usa un formulario con reCAPTCHA para emails de negocio importantes. Dicho esto, los filtros de spam modernos manejan bien las direcciones recolectadas, y el beneficio de conversión suele superar el riesgo para sitios pequeños.

Crea tu enlace mailto ahora

Sin cuenta, sin seguimiento, sin caducidad. Genera tu enlace mailto en segundos.

Abrir Generador Mailto