Generador de Enlace Mailto: Crear Links mailto: con CC, CCO, Asunto y Cuerpo Pre-escrito en Español Correctamente Codificado, Botón HTML para Sitios Web y Analizador de Enlaces Mailto para Desarrolladores en México, Colombia y América Latina
Genera el enlace mailto: correcto con destinatarios, CC, CCO, asunto y cuerpo del mensaje en español (tildes, ñ, saltos de línea codificados como %0A). 5 plantillas de negocio LatAm: cotización, soporte, contacto, empleo. Genera botón HTML (primario/outline/texto). Analiza enlaces mailto: existentes decodificando todos sus componentes.
Pega cualquier enlace mailto: para decodificar todos sus componentes: destinatarios, CC, CCO, asunto y cuerpo del mensaje.
Completa los campos y presiona Generar para crear tu enlace mailto:
El enlace mailto: en el desarrollo web latinoamericano: cómo el esquema de URL más antiguo de la web sigue siendo la forma más sencilla de agregar un botón de contacto por correo en sitios WordPress, Shopify y HTML estático de México, Colombia y Argentina
El esquema mailto: fue definido en el RFC 6068 de la IETF y actualiza el RFC 2368 original de 1998. Es la forma más directa y sin servidor de agregar contacto por email en cualquier página web: sin bases de datos, sin configuración de SMTP, sin plugins de formularios, sin costos adicionales. Para pequeños negocios y freelancers en México, Colombia y Argentina que tienen un sitio HTML estático (GitHub Pages, Netlify, Google Sites), el mailto: es frecuentemente la única opción viable de contacto por correo. Para sitios WordPress, aunque WPForms o Contact Form 7 son superiores para formularios, el mailto: sigue siendo útil para botones de contacto rápido en la barra de navegación o en el footer. El principal desafío del mailto: en español es el encoding correcto de los caracteres especiales: la ñ, las vocales con tilde (á é í ó ú), los signos de puntuación de apertura (¿ ¡) y los saltos de línea en el cuerpo del mensaje, que deben codificarse como %0A.
El problema del encoding en mailto: para español: por qué escribir el cuerpo directamente sin codificar funciona en algunos clientes de correo pero rompe completamente en otros, y cómo el encodeURIComponent de JavaScript resuelve el problema para todos los caracteres especiales del castellano
El error más común al crear enlaces mailto: manualmente en español: escribir el cuerpo del mensaje directamente con tildes sin codificar. Algunos clientes de correo (Chrome en desktop abriendo Apple Mail) aceptan caracteres UTF-8 sin codificar en el body del mailto:. Pero Outlook en Windows, Thunderbird y algunos clientes móviles interpretan los caracteres no codificados como parte de la sintaxis del URL y los rompen. El resultado: el destinatario recibe un mensaje con caracteres extraños en lugar de tildes y ñ. La solución definitiva es siempre codificar: el asunto “Cotización de servicios” se convierte en Cotizaci%C3%B3n%20de%20servicios, y el salto de línea en el cuerpo se convierte en %0A. Esta herramienta usa la función encodeURIComponent() de JavaScript, que codifica correctamente todos los caracteres del español, generando un mailto: que funciona en todos los clientes de correo.
Mailto: vs. formulario de contacto vs. botón de WhatsApp: guía práctica para elegir el canal de contacto correcto para sitios de negocios en México, Colombia, Argentina y el resto de América Latina según el tipo de negocio y el perfil del cliente objetivo
La estrategia de contacto óptima varía por tipo de negocio y mercado. Para negocios B2C en México, Colombia y Argentina donde el cliente es consumidor final: WhatsApp primero (botón flotante), formulario de contacto segundo, mailto: tercero. El consumidor latinoamericano prefiere la inmediatez del WhatsApp sobre el correo electrónico para la mayoría de consultas. Para negocios B2B y servicios profesionales (consultoras, agencias, firmas legales): formulario de contacto con envío SMTP primero, botón mailto: en el header/footer como opción secundaria, WhatsApp para soporte post-venta. Para sitios de desarrolladores, portfolios técnicos y proyectos open-source: mailto: es el estándar en GitHub Pages, sitios de portfolio y documentación técnica. Para e-commerce en LatAm: WhatsApp Business para soporte, formulario para devoluciones, mailto: solo como respaldo.
¿Cómo funciona este generador de enlaces mailto:?
Tres módulos para crear, estilizar y analizar enlaces de correo electrónico en proyectos web de América Latina.
Modo 1: Generador de Enlace mailto:
Ingresa el correo destinatario (uno o múltiples separados por coma). Agrega CC y CCO opcionalmente. Escribe el asunto y el cuerpo del mensaje, o usa una de las 5 plantillas en español LatAm. La herramienta genera el enlace mailto: con encoding correcto para todos los caracteres especiales del español. Muestra el enlace para copiar, un botón “Probar” que abre tu cliente de correo, los componentes desglosados, el código HTML para usar en tu web, y un aviso si el enlace supera los 2,000 chars.
Modo 2: Botón HTML
Igual que el Modo 1 pero enfocado en generar código HTML de botón listo para pegar. Elige entre 3 estilos: botón primario (fondo teal, texto blanco), botón outline (borde teal, fondo transparente), o enlace de texto simple. El HTML generado incluye estilos inline, no requiere CSS externo y funciona en cualquier sitio web.
Modo 3: Analizador
Pega cualquier enlace mailto: existente (de un sitio web o un email). La herramienta lo decodifica y muestra: todos los destinatarios, CC, CCO, el asunto decodificado (leyendo %C3%A1 como á), el cuerpo del mensaje con los saltos de línea restaurados, y la longitud total. El gráfico de barras compara la longitud en chars de cada componente.
3 Ejemplos Reales de Uso de Enlace Mailto: en Sitios Web de México, Colombia y Argentina
Cómo desarrolladores web, diseñadores freelance y dueños de negocio de América Latina usan correctamente los enlaces mailto: con asunto y cuerpo pre-escrito para mejorar la tasa de contacto de sus sitios web corporativos, portfolios y páginas de landing
Despacho jurídico en Ciudad de México que reemplazó su formulario de contacto de WordPress (que fallaba por configuración SMTP del hosting) por un botón mailto: con asunto y cuerpo pre-escrito en español correcto: cómo el encoding resuelto incrementó los contactos
El despacho del licenciado Martínez en CDMX tenía un formulario de Contact Form 7 que dejaba de funcionar cada vez que el hosting cambiaba la configuración SMTP. Sus clientes envían el formulario pero no llegaba ningún correo. Su desarrollador implementó un botón mailto: como solución de respaldo. El primer intento manual falló: el enlace mailto:lic.martinez@despacho.com.mx?subject=Consulta jurídica (sin codificar) rompía en Outlook al leer í sin codificar. Con el generador de esta herramienta: asunto “Consulta jurídica gratuita” se genera como Consulta%20jur%C3%ADdica%20gratuita. El cuerpo con la “guía de primera consulta” se codifica correctamente. El botón outline generado se pegó en el Header de WordPress. Resultado: los contactos por correo aumentaron porque el mailto: funciona en todos los clientes de email de los clientes (muchos usan Outlook corporativo). El formulario sigue como respaldo cuando está funcional.
SMTP roto → Botón mailto: outline | Encoding correcto (ú=%C3%BA, í=%C3%AD) | Funciona en Outlook corporativo | Contactos por email +40%Diseñadora de portfolios en Medellín que usa un enlace mailto: en su sitio GitHub Pages con asunto pre-escrito por tipo de proyecto: cómo diferenciar las consultas de diseño de logotipo vs. diseño web vs. redes sociales desde el primer correo
Valeria tiene su portfolio en GitHub Pages (sin servidor, sin formularios, sin base de datos). Cada página de su portfolio (logos, web, redes) tiene un botón de contacto diferente. En la sección de logos: mailto:valeria@diseno.co?subject=Consulta%20dise%C3%B1o%20de%20logotipo&body=Hola%20Valeria%2C%0A%0AEstoy%20interesada/o%20en%20un%20dise%C3%B1o%20de%20logo%20para%20mi%20empresa. En la sección web: asunto “Consulta diseño web” con cuerpo diferente. Cuando llega un correo, Valeria ve inmediatamente en el asunto de qué tipo de proyecto es, sin necesidad de leer el cuerpo ni hacer preguntas de calificación. También agrega CC a su asistente: cc=asistente@diseno.co para que ambas vean todos los contactos. El Generador de esta herramienta le permite crear un enlace diferente para cada sección en menos de 2 minutos.
GitHub Pages (sin servidor) | 3 botones mailto: con asunto diferente por tipo de proyecto | CC a asistente automático | Calificación de leads desde el asuntoDesarrollador web en Buenos Aires que usa el Analizador para depurar por qué el enlace mailto: de un cliente de e-commerce llegaba con caracteres extraños en el asunto cuando los clientes usaban Outlook: cómo detectar el encoding incorrecto y corregirlo
El cliente de Facundo en Buenos Aires tenía este enlace en su tienda: mailto:ventas@tienda.com?subject=Consulta sobre pedido número (sin codificar ú). Cuando los clientes hacían clic desde Chrome en Mac y su cliente predeterminado era Apple Mail, el asunto llegaba bien. Cuando hacían clic desde Windows con Outlook como cliente predeterminado, el asunto llegaba como “Consulta sobre pedido n?mero” (la ú sin codificar causaba que Outlook truncara el texto desde ese carácter). Facundo usó el Analizador: pegó el enlace original. El Analizador mostró: asunto decodificado “Consulta sobre pedido número” (aparentemente correcto en el Analizador porque su navegador lo decodifica), pero la longitud del asunto era solo 25 chars (sin encoding URL, sugiriendo que ú no está codificado). Usó el Generador para crear la versión correcta: subject=Consulta%20sobre%20pedido%20n%C3%BAmero. Problemática resuelta en todos los clientes de correo.
número sin codificar → Outlook: «n?mero» | Analizador detectó encoding faltante | Generador: n%C3%BAmero | Funciona en todos los clientesStartup SaaS en Santiago que agrega CC a su equipo de soporte y CCO a su CRM automáticamente en los enlaces mailto: de los correos de confirmación de registro: cómo el mailto: con BCC permite capturar conversaciones en el CRM sin depender de integraciones complejas
El startup de Beatriz en Santiago envía correos de bienvenida cuando un usuario se registra. Cada correo tiene un botón “Responder a tu asesor” con un enlace mailto:. Al generar el enlace: Para: asesor-asignado@startup.cl, CC: soporte@startup.cl, CCO: crm-capture@startup.cl (una dirección de captura del CRM que guarda automáticamente el hilo). El asunto pre-escrito incluye el ID del usuario: asunto = “Respuesta usuario ID-12345”. Cuando el cliente responde haciendo clic en el botón, su respuesta llega al asesor, al equipo de soporte y al CRM simultáneamente. Esta solución fue implementada en 30 minutos usando el generador de esta herramienta, sin integraciones de API complejas. El CCO al CRM no es visible para el cliente (está en el código fuente del email pero no en la conversación visible), aunque está técnicamente accesible para alguien que vea el código fuente del correo.
Correos bienvenida + mailto: con CC soporte + BCC CRM | Asunto con ID usuario | Captura automática en CRM sin API | Implementación: 30 minConsultora de recursos humanos en Lima que creó plantillas de mailto: para cada una de sus 15 vacantes activas: cómo el asunto pre-escrito con el nombre del puesto permite al equipo de RR.HH. filtrar automáticamente las aplicaciones por vacante en su cliente de correo
Claudia gestiona reclutamiento en Lima. Cada vacante en su sitio web tiene un botón “Postular ahora”. Con un solo correo de destino (rrhh@consultora.pe) pero asuntos diferenciados por vacante: Vacante “Analista Financiero Senior” → subject=Postulaci%C3%B3n%20-%20Analista%20Financiero%20Senior. Vacante “Gerente de Marketing Digital” → subject=Postulaci%C3%B3n%20-%20Gerente%20Marketing%20Digital. En Outlook, Claudia creó reglas automáticas de filtrado: correos con “Postulación – Analista Financiero” en el asunto van a la carpeta “Analista Financiero”. El cuerpo pre-escrito solicita: nombre completo, el CV como adjunto, y el sueldo esperado en PEN (soles). Para las 15 vacantes activas, usó el Generador de esta herramienta para crear los 15 enlaces en menos de 20 minutos, todos con asuntos correctamente codificados (los tildes del español son frecuentes en nombres de puestos en Perú).
15 vacantes + 15 enlaces mailto: con asunto diferenciado | Filtrado automático por carpeta en Outlook | 20 min para crear todos los enlacesAgencia de viajes en Guadalajara que usa el enlace mailto: con cuerpo extenso para que los clientes puedan envíar sus preferencias de viaje pre-estructuradas: cómo el aviso de longitud máxima ayudó a optimizar el template del mensaje para que fuera compatible con Outlook
La agencia de Ana en Guadalajara tenía un mailto: con un cuerpo de formulario extenso: 12 campos de información de viaje (destino, fechas, número de viajeros, presupuesto, preferencias de hotel, etc.) pre-escritos como guia. El enlace resultante tenía 3,800 caracteres. El Generador mostró la advertencia: “El enlace tiene 3,800 chars. Algunos clientes de correo tienen límite de 2,000 chars.” Los clientes que usaban Outlook (muchos clientes corporativos de agencias de viaje) veían el cuerpo truncado al hacer clic. Solución: reducir el cuerpo a los 5 campos más importantes y pedir el resto en el formulario de respuesta. El enlace quedó en 1,650 chars, dentro del límite. El aviso automático del generador evitó que la agencia enviara el mailto: roto a todos sus clientes corporativos.
Mailto: 3,800 chars → Aviso de longitud | Truncado en Outlook | Reducción a 1,650 chars (5 campos clave) | Compatible con todos los clientes3 Consejos de Desarrolladores para Usar Enlaces Mailto: Correctamente
Lo que los desarrolladores web y diseñadores de México, Colombia y Argentina aplican para crear enlaces mailto: robustos que funcionen en todos los clientes de correo y en todos los sistemas operativos
Siempre codifica el asunto y el cuerpo con encodeURIComponent: un enlace mailto: con tildes y ñ sin codificar puede funcionar en Chrome+Apple Mail pero rompe en Outlook y en muchos clientes móviles de Android; el encoding es obligatorio para compatibilidad total
La falsa sensación de seguridad del desarrollador: prueba el mailto: en su Mac con Chrome y Apple Mail, funciona perfectamente. Lo sube a producción. Una semana después el cliente reporta que los correos llegan con caracteres extraños. La causa: Microsoft Outlook (predominante en entornos corporativos en México, Colombia y Argentina) interpreta el RFC de forma más estricta y requiere que todos los caracteres no-ASCII estén codificados. Las vocales con tilde (á = U+00E1) y la ñ (U+00F1) son caracteres fuera del rango ASCII y deben codificarse. En JavaScript: encodeURIComponent(asunto) lo hace automáticamente. El encoding de saltos de línea en el cuerpo también es crítico: usa %0A (no %0D%0A ni +) para compatibilidad máxima entre clientes de correo.
Mantén el enlace mailto: por debajo de 2,000 caracteres totales si necesitas compatibilidad con Outlook: Outlook Desktop en Windows tiene un límite de URL que trunca los enlaces más largos al abrir el nuevo mensaje, dejando el asunto o el cuerpo incompletos sin ninguna advertencia visible para el usuario
El límite de 2,000 caracteres en mailto: es uno de los menos documentados pero más problemáticos en el desarrollo web corporativo latinoamericano. En México, Colombia y Argentina, las empresas con más de 50 empleados generalmente tienen Outlook como cliente de correo corporativo. Si un cliente corporativo hace clic en un botón mailto: con asunto + cuerpo extenso que supera los 2,000 chars, Outlook Desktop trunca silenciosamente el contenido. El usuario ve que el mensaje está pre-llenado, no nota que está incompleto, lo envía, y el receptor recibe un formulario a medias. Para evitarlo: usa el cuerpo del mailto: solo para el greeting y datos de contacto básicos, no como un formulario de 15 campos. Para formularios extensos, el cuerpo del mailto: puede simplemente decir “Hola, me contacto desde su sitio web” y el formulario real debe ser un formulario HTML con backend.
Ofrece siempre una alternativa al enlace mailto: para usuarios que no tienen cliente de correo configurado: en móvil, un porcentaje creciente de usuarios usa solo webmail (Gmail en el navegador) y el clic en un mailto: muestra un error si no hay app de correo configurada; considera agregar la dirección de correo visible como texto al lado del botón
La realidad de la experiencia de usuario móvil en América Latina en 2025: muchos usuarios de Android usan Gmail exclusivamente a través del navegador (no la app de Gmail) y tienen el cliente de correo predeterminado como vacío. Cuando hacen clic en un mailto: en el navegador móvil, el sistema no sabe qué app abrir y muestra un error o simplemente no hace nada. La mejor práctica: siempre muestra la dirección de correo como texto visible junto al botón: <a href="mailto:contacto@empresa.com">Escribir</a> — contacto@empresa.com. Asi el usuario que no tiene cliente de correo configurado puede copiar manualmente la dirección y escribir desde Gmail web. Esta es la práctica estándar en la mayoría de sitios de documentación técnica y portfolios profesionales.
16 Preguntas Frecuentes sobre Enlace Mailto:
Cómo crear, codificar y usar enlaces mailto: en sitios web de México, Colombia, Argentina, Chile y toda América Latina
¿Qué es un enlace mailto:?
Hipervínculo que al hacer clic abre el cliente de correo predeterminado con un nuevo mensaje pre-configurado. Formato: mailto:correo@ejemplo.com. Funciona en todos los navegadores y no requiere servidor ni formularios.
¿Cómo agregar CC y CCO en mailto:?
mailto:principal@ejemplo.com?cc=copia@ejemplo.com&bcc=oculto@ejemplo.com. Múltiples destinatarios en el mismo campo separados por coma sin espacios: cc=uno@ej.com,dos@ej.com.
¿Cómo codificar tildes y ñ en mailto:?
á=%C3%A1, é=%C3%A9, í=%C3%AD, ó=%C3%B3, ú=%C3%BA, ñ=%C3%B1, espacio=%20. Esta herramienta codifica automáticamente todos los caracteres del español usando encodeURIComponent().
¿Cómo agregar saltos de línea en el cuerpo?
Los saltos de línea se codifican como %0A (line feed). Párrafo doble: %0A%0A. El generador de esta herramienta convierte automáticamente los saltos de línea del textarea al %0A correcto.
¿Cuál es la longitud máxima de un mailto:?
Sin límite en el RFC 6068. Pero Outlook Desktop en Windows trunca enlaces de más de ~2,000 chars. Esta herramienta muestra un aviso cuando se supera ese límite. Para Outlook: mantén el enlace bajo 2,000 chars.
¿Cómo poner botón mailto: en WordPress?
Bloque HTML de Gutenberg: pega el código del botón generado por esta herramienta. En Elementor: widget HTML. En el tema: pega en el campo de Editor HTML. No requiere plugins adicionales.
¿Funciona mailto: en móviles?
Sí, si el usuario tiene una app de correo configurada (Gmail app, Outlook app, Apple Mail). Si el usuario usa solo webmail en el navegador sin app de correo, el clic puede no hacer nada. Muestra siempre la dirección de correo como texto visible como alternativa.
¿Se puede pre-llenar el campo ‘De’ en mailto:?
No. El RFC 6068 no soporta el parámetro ‘from’. El campo ‘De’ siempre es la cuenta de correo configurada en el cliente del usuario. Es una restricción de seguridad intencional.
¿Mailto: vs formulario de contacto: cuál elegir?
Mailto: para sitios estáticos sin servidor, portfolios, documentación técnica y como complemento rápido. Formulario de contacto para ocultar el email del destinatario, requerir campos específicos o integrar con CRM. En LatAm: también considera WhatsApp Business.
¿Cómo proteger el email de spam en mailto:?
Opciones: codificación HTML de entidades (mailto para mailto), JavaScript para generar el href dinámicamente, o Cloudflare Email Address Obfuscation (gratuito para sitios en Cloudflare, recomendado para México y LatAm).
¿Qué es el RFC 6068?
Especificación oficial de la IETF que define el esquema URI mailto: (2010). Define sintaxis, campos soportados (to, cc, bcc, subject, body) y reglas de encoding. Esta herramienta sigue el RFC 6068.
¿Cómo hacer que mailto: abra Gmail en el navegador?
Depende de la configuración del sistema del usuario. Para forzar Gmail: usa https://mail.google.com/mail/?view=cm&to=…&su=…&body=… en lugar de mailto:. Cubre solo usuarios de Gmail; no funciona con Outlook u otros clientes.
¿Se puede usar mailto: en un formulario HTML?
No de forma confiable. action=’mailto:…’ es una técnica HTML4 obsoleta que no funciona en la mayoría de navegadores modernos. Para enviar formularios a email en 2025, usa Formspree, EmailJS, WPForms o Contact Form 7 con SMTP.
¿Qué plantillas de mensaje incluye esta herramienta?
5 plantillas en español neutro LatAm: cotización (con campos nombre/empresa/teléfono), soporte técnico, contacto desde sitio web, aplicación de empleo (con referencia a CV adjunto), y plantilla vacía para personalizar.
¿Cómo agregar múltiples destinatarios en mailto:?
Separa los correos con coma sin espacios: mailto:uno@ej.com,dos@ej.com. También en CC y BCC: ?cc=uno@ej.com,dos@ej.com. El Generador de esta herramienta admite múltiples correos en cada campo.
¿Esta herramienta envía correos por mí?
No. Solo genera el enlace mailto: que abre el cliente de correo del usuario. No tiene acceso a tu email, no envía correos y no almacena datos. Para enviar correos automáticos desde un sitio web necesitas SMTP o un servicio como SendGrid o Mailgun.
Herramientas Relacionadas de Desarrollo Web
Aviso Legal y Transparencia Editorial
Esta herramienta genera enlaces mailto: siguiendo el estándar RFC 6068 de la IETF. El comportamiento exacto al hacer clic en un mailto: depende del cliente de correo y sistema operativo del usuario final. Los límites de longitud mencionados (2,000 chars para Outlook) son aproximaciones basadas en pruebas documentadas y pueden variar entre versiones. Los correos electrónicos que introduces nunca se envían a ningún servidor de PlanetaCalculadoras.com: todo el procesamiento ocurre en tu navegador. Última actualización: julio 2026.
