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>
Code language: 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>Code language: 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>Code language: 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>Code language: 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>Code language: HTML, XML (xml)Si entendiste la dinámica de uso de mailto. Puedes combinar los diferentes campos mencionados anteriormente.
