Skip to main content

Aprenda cómo crear enlaces de correo electrónico en su sitio web

Curso Básico de HTML desde 0 - Introducción (Abril 2025)

Curso Básico de HTML desde 0 - Introducción (Abril 2025)
Anonim

Cada sitio web tiene una "victoria". Estas son las acciones clave que desea que las personas que visitan ese sitio web realicen. Por ejemplo, en un sitio de comercio electrónico, la "victoria" sería cuando alguien agrega artículos a su carrito de compras y completa esa compra. Para sitios web que no son de comercio electrónico, como sitios para organizaciones de servicios profesionales (consultores, abogados, contadores, etc.), este "triunfo" suele ser cuando un visitante se comunica con la empresa para obtener más información sobre lo que tiene que ofrecer o para programar una reunión de algún tipo. Esto se puede hacer a través de una llamada telefónica, un formulario de sitio web o, muy a menudo, simplemente enviando un correo electrónico utilizando un enlace de correo electrónico desde ese sitio web.

Poner enlaces en su sitio es tan fácil como usar el elemento, que significa "ancla", pero es más comúnmente llamado el elemento "enlace". A veces las personas olvidan que puede enlazar a más que otras páginas web o documentos y archivos (PDF, imágenes, etc.). Si desea que las personas puedan enviar un correo electrónico desde un enlace de página web, puede usar el mailto: comando en ese enlace. Cuando los visitantes del sitio hagan clic en ese enlace, el cliente de correo electrónico predeterminado en su computadora o dispositivo se abrirá y les permitirá enviar un correo electrónico a la dirección que haya especificado en la codificación de su enlace. ¡Veamos cómo se hace esto!

Configuración de un enlace Mailto

Para codificar un enlace de correo electrónico, primero debe crear un enlace HTML como lo haría normalmente, pero en lugar de usarhttp: // en el atributo "href" de ese elemento, comenzaría el valor de propiedad del atributo escribiendomailto: Luego agregará la dirección de correo electrónico a la que desea que se envíe este enlace. Por ejemplo, para configurar un enlace para enviar un correo electrónico, escriba el código a continuación, simplemente sustituyendo el texto de "CAMBIAR" de marcador de posición con su dirección de correo electrónico:

Envíenos un correo electrónico con su pregunta

En este ejemplo anterior, la página web mostraría el texto que dice "Envíenos un correo electrónico con sus preguntas" y, al hacer clic en ese enlace, se abrirá un cliente de correo electrónico que se completará previamente con la dirección de correo electrónico que especificó en el código.

Si desea que un mensaje vaya a varias direcciones de correo electrónico, simplemente separe las direcciones de correo electrónico con una coma, como esto:

Envíenos un correo electrónico con sus preguntas

Esto es bastante simple y directo, y muchos enlaces de correo electrónico en páginas web se detienen aquí. Sin embargo, también hay mucha más información que puede configurar y enviar con los enlaces mailto. La mayoría de los navegadores web y clientes de correo electrónico modernos admiten algo más que la línea "Para". Puede especificar el asunto, enviar copias de carbón y copias de carbón ocultas. Vamos a profundizar un poco más!

Enlaces avanzados de Mailto

Cuando crea un enlace de correo electrónico con funciones adicionales, lo trata de manera similar a un script CGI que usa un OBTENER operación (una cadena de consulta o atributos en la línea de comando). Use un signo de interrogación después de la dirección de correo electrónico final "Para" para indicar que desea incluir más de una línea "Para". A continuación, especifique qué otros elementos le gustaría:

  • cc-Para enviar una copia de carbón
  • bcc-Para enviar una copia carbón oculta
  • tema-Para la línea de asunto
  • cuerpo-Para el texto del cuerpo del mensaje

Estos son todos los pares nombre = valor. El nombre es el tipo de elemento listado arriba que desea usar y el valor es lo que desea enviar. Para enviarme una carta y enviarme la Guía de weblogs, escriba lo que se encuentra a continuación (reemplazando las líneas de "correo electrónico aquí" del marcador de posición con direcciones reales):

Envíenos un correo electrónico

Para agregar varios elementos, separe el segundo y los siguientes elementos con un signo (&).

prueba de correo

La desventaja de los enlaces de correo electrónico

El único aspecto negativo del uso de enlaces de correo electrónico en una página web es que pueden abrir el destinatario a mensajes de correo no deseado no deseados. Esto se debe a que los robots de spam rastrean la web en busca de los enlaces que tienen codificadas las direcciones de correo electrónico claras. Luego agregan esas direcciones a sus listas de correo no deseado y comienzan el bombardeo de correo electrónico.

La alternativa a usar un enlace de correo electrónico con una dirección de correo electrónico claramente visible (al menos en el código) es usar un formulario de correo electrónico. Esos formularios aún permitirán que los visitantes de un sitio se conecten con una persona o compañía sin tener que tener una dirección de correo electrónico Allí para que los spambots se abusen. Por supuesto, los formularios web también se pueden comprometer y abusar, y también pueden enviar envíos de spam, por lo que realmente no hay una solución perfecta. Recuerde, si hace que sea muy difícil que los spammers le envíen un correo electrónico, es muy probable que también lo sea para que los clientes legítimos también le envíen un correo electrónico. Debe encontrar el equilibrio y recordar que el correo electrónico no deseado es, lamentablemente, parte del costo de hacer negocios en línea. Puede tomar medidas para minimizar el spam, pero cierta cantidad lo logrará junto con esas comunicaciones legítimas.

Al final, los enlaces "mailto" son súper rápidos y fáciles de agregar, por lo que si lo único que busca es proporcionar un medio para que el visitante de un sitio pueda comunicarse y enviar un mensaje a alguien, estos enlaces son una solución ideal.