Configuración avanzada de la web

¿Cómo hacer un enlace mailto en una página web?

Vamos a ver juntos cómo hacer un enlace mailto (hacia una dirección de e-mail) y añadirlo a tu página web. Para crear este enlace mailto, que abre la redacción de un e-mail, usaremos las herramientas del editor visual de creación de páginas web y, en concreto, la opción HTML.

Un enlace "mailto" permite a los internautas contactar contigo por e-mail con un simple clic en un enlace, que abrirá su programa de correo.

Añadir un enlace mailto con el editor visual

Para insertar un enlace a una dirección de e-mail, edita la página en la que quieres mostrar el enlace y escribe en un editor visual el texto que usarás para el enlace. Por ejemplo: Contacta conmigo

Selecciona después el texto para resaltarlo y haz clic en la herramienta de enlace del editor.

En el campo que define el tipo de enlace, elige el tipo e-mail. Indica después tu e-mail en el campo situado justo debajo (ver el vídeo).

También es posible insertar un enlace mailto en una imagen.

Al añadir una imagen, tendrás que elegir la opción de enlace personalizado en el campo que define el destino del enlace y pegar:

mailto:tudireccion@correo.es

En el campo de la dirección URL de destino (sustituye "tudireccion@correo.es" por tu e-mail).

Para aprender a añadir un enlace en una imagen, avanza el vídeo hasta 5:12.

Insertar un enlace a un e-mail en HTML

Si prefieres usar código HTML, utiliza el editor HTML en una página y pega el código siguiente, sustituyendo la dirección "tudireccion@correo.es" por la tuya:

<a href="mailto:tudireccion@correo.es">¡Contacta conmigo!</a>

Si añades clases, darás a tu enlace aspecto de botón. Por ejemplo:

<a href="mailto:tudireccion@correo.es" class="btn btn-primary">¡Contacta conmigo!</a>