Skip to content

Como crear un enlace mailto con HTML para abrir el correo

Como crear un enlace mailto con HTML para abrir el correo

Es habitual que en nuestra página web queramos poner un link dentro del contenido que enlace directamente con el mail. Un link que sirva para que una persona haga click en ese enlace y se abra nuestro correo electrónico (depende como lo tengas configurado, en Apple normalmente se abre Mail, en Windows: Outlook) y quede todo preparado para enviar el email.

Cómo crear un enlace mailto que abra tu gestor de correo al hacer clic

Lo ideal es saberse de memoria ya estas referencias, pero muchas veces nos olvidamos y solo queremos copiar y pegar. Si es cierto que el Editor de WordPress te crea ese link directo al mail sin necesidad de código, pero muchas veces queremos darle un plus a nuestro contenido. Por eso aqui te muestro el proceso de creación y sus posibilidades:

1. Crea un link en html

El mas sencillo de todos, para crear un link en html solo has de escribir lo siguiente en el HTML:

<a href="#">Aquí el texto que quieras</a>
De este modo estas creando un link a la palabra o palabras que quieras.

2. Añadir el mailto para que se abra el correo

El paso siguiente seria añador este código para crear el mail directo en nuestro enlace:

<a href="mailto:elcorreoquequieres@correo.com">Aquí el texto que quieras</a>

Con esto conseguirás abrir el gestor de correo que tengas configurado con un email vacío para escribir directamente al correo.


3. Añadir el asunto automáticamente a ese correo

Para ir un paso más allá, podemos añadir el asunto al correo que creemos. Con este código podemos hacer que el asunto se cree automáticamente en el correo. Es ideal para saber desde que enlace nos están contactando:

<a href="mailto:elcorreoquequieres@correo.com?Subject=Aquí%20el%20asunto%20del%20mail">Aquí el texto que quieras</a>

NOTA: No olvides utilizar %20 para separar las palabras de tu asunto para que todos los gestores de correo respeten los espacios.

 

¿De qué manera creas tú los enlaces al correo? ¿Sabes algún otro método?

Esta entrada tiene 0 comentarios

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

Carlos Villarin | Diseñador Gráfico & Diseñador Web Freelance y Consultor SEO. Experto en Wordpress. Webs optimizadas para SEO. Amante del perfeccionismo. Perseverante y soñador. Los sueños, se hacen realidad.

Experto en

Analizando datos con

Experto en Wordpress | Carlos Villarin · Diseñador Web Freelance
Experto en WooCommerce | Carlos Villarin · Creador de Tiendas Online
Experto en Google Analytics | Carlos Villarin · Analizador de datos
Experto en Google Adwords | Carlos Villarin · Analizador de datos
Experto en SemRush | Carlos Villarin · Analizador de datos
Experto en Wordpress | Carlos Villarin · Diseñador Web Freelance

Experto en

Analizando datos con

Volver arriba