Para crear un enlace o botón que te dirija a un cliente de correo, necesitamos principalmente de un elemento <a>
y un elemento mailto:
, seguido opcionalmente de un esquema URL.
A continuación, te iré explicando los diferentes esquemas que puedes utilizar.
Correo hacia un destinatario
Posiblemente sea el esquema más usado comúnmente. En este caso, mailto:
solo recibe un correo electrónico hacia el destinatario.
<a href="mailto:correo@example.com">Correo de ejemplo</a>
Lenguaje del código: HTML, XML (xml)
Correo hacia muchos destinatarios
Para agregar mas destinatarios puedes separar los correos por comas.
<a href="mailto:correo1@example.com,correo2@example.com">
Correo de ejemplo
</a>
Lenguaje del código: HTML, XML (xml)
Correo con un asunto
Para poder enviar un correo con asunto, agrega el campo subject
a la url que ya tenemos.
<a href="mailto:example@example.com?subject=Mas%20detalles%20del%20curso">
Enviar un correo electrónico con asunto.
</a>
Lenguaje del código: HTML, XML (xml)
Usa el %20 para separar las palabras que irán en tu asunto. Esto es equivalente a espacio.
Correo con asunto y cuerpo de mensaje
Si deseas especificar el cuerpo del correo, debes usar el campo body
. Por ejemplo:
<a href="mailto:example@example.com?subject=Mas%20detalles%20del%20curso&body=Este%20es%20el%20cuerpo">
Enviar un correo electrónico con asunto y cuerpo.
</a>
Lenguaje del código: HTML, XML (xml)
Correo con Cc y Cco
Para especificar el Cc usas el campo cc
y para el Cco el campo bcc
. Por ejemplo:
<a href="mailto:correo@example.com?cc=correo1@example.com&bcc=correo2@example.com&subject=Mas%20detalles%20del%20curso">
Enviar un correo electrónico con cc, bcc y asunto.
</a>
Lenguaje del código: HTML, XML (xml)
Si entendiste la dinámica de uso de mailto
. Puedes combinar los diferentes campos mencionados anteriormente.