HTML no ofrece una opción para crear un formulario que envíe un correo electrónico después del envío. Sin embargo, puede usar el elemento de acción de formulario para establecer un mailto: dirección (en este caso, el suyo), lo que desencadena el cliente de correo del remitente para que se abra. Esta es una opción de última hora si no puede crear un formulario basado en PHP.
Idealmente, los navegadores le permitirían enrutar los envíos de formularios directamente a una dirección de correo electrónico. Sin embargo, la razón por la que no lo hacen es que el correo electrónico directamente desde un formulario web HTML revelara la dirección de correo electrónico del visitante, lo que hace que el usuario sea vulnerable a actividades maliciosas, como el phishing.
Agregar un mailto: la dirección al formulario puede ser una forma potencial de eludir este desafío. Esta opción activa el cliente de correo predeterminado en la computadora del usuario, lo que les pide que envíen el formulario por correo electrónico. El navegador web envía una solicitud al proveedor de servicios de correo electrónico, no a la dirección especificada.
Hay algunos problemas con la opción Mailto: Opción. Por ejemplo, no es 100% compatible con todos los navegadores, no es muy fácil de usar, y es imposible controlar el formato de los datos cuando el formulario envía el navegador.
Más allá de eso, aparecerá un mensaje de advertencia cuando el usuario envíe el formulario, haciéndoles saber que la información que están a punto de enviar no estará encriptada por privacidad.
A continuación, repasamos algunas opciones para crear un formulario HTML que le envía un correo electrónico cuando se envía una nueva entrada.
La opción que elija depende de cómo trabaje y qué plataforma esté utilizando. Esto quiere decir que las cosas son un poco diferentes si el plan es usar una mezcla de HTML y diferentes scripts. A continuación, repasamos las diferentes opciones disponibles.
¿Cómo enviar correo desde HTML?
Hubiera sido una buena característica para un desarrollador web si los navegadores les permitieran enrutar el envío del formulario directamente a una dirección de correo electrónico. Pero este no es el caso. La razón es que si los navegadores permitían enviar correos electrónicos directamente desde la página del formulario, eso revelará la dirección de correo electrónico de los visitantes. Un hacker malicioso puede recopilar la dirección de correo electrónico de los visitantes a la página web y luego spam. Para proteger a los usuarios web, ningún lenguaje del lado del cliente puede enviar correo electrónico sin la intervención del usuario.
No hay característica en HTML para enviar el envío del formulario directamente a una dirección de correo electrónico. ¿Qué pasa con «mailto»? Uso de Mailto: puede establecer el campo de acción del formulario como «mailto». En este caso, el navegador web invoca al cliente de correo electrónico para enviar el envío del formulario a la dirección de correo electrónico especificada.
Sin embargo, este método no es compatible entre los navegadores. Tampoco es fácil de usar; En la presentación del formulario, arroja un mensaje de advertencia. Para obtener más detalles sobre este método, consulte: Formulario de correo electrónico con Mailto
No. JavaScript tampoco puede hacer correo electrónico. Si el JavaScript del lado del cliente permitió enviar un correo electrónico mediante programación, ¡los spammers serán los primeros en explotarlo y odiará su navegador web!
Antes de saltar a la solución, lo llevaré a través de la estructura general de una forma web. Un formulario web tiene dos partes: el front-end del formulario que ve en su navegador y un script de fondo que se ejecuta en el servidor web.
Su navegador web muestra el formulario utilizando el código frontal HTML. Cuando envía el formulario, el navegador envía la información que envió en el formulario al back-end.
¿Cómo enviar un correo desde una página web?
Hay 2 formas básicas en que puede enviar un correo electrónico desde una página web: con el método HTTP incorporado utilizando el atributo «Mailto» de un hipervínculo o utilizando un script del lado del servidor.
La forma más fácil de enviar un correo electrónico es mediante el soporte integrado del navegador para Mailto:
Cuando el usuario hace clic en un enlace con el atributo «Mailto» escrito, el navegador es lo suficientemente inteligente como para saber que debe abrir el programa de correo electrónico predeterminado y establecer la dirección «A» en la especificada en el enlace.
Puede obtener un poco de fantasía estableciendo el campo «Asunto» agregando esto a la dirección:
Ahora ese sujeto también se insertará automáticamente.
Desventajas: los bots de spam pueden recoger la dirección de correo electrónico que figura en la página (pero hay formas de protegerse contra eso). No todas las máquinas de las personas podrán respaldarla. – La gente puede ver dónde está enviando el correo electrónico.
Nota: Siempre que cree una URL, nunca debe haber espacios en ella. En este caso, esto incluiría el tema que acabamos de agregar a la URL:
Asunto = Tengo que romper contigo porque eres un nerd...
Entonces, para hacer esto adecuado, agregaría el carácter espacial (%20) como así:
Asunto = I%20Have%20TO%20Break%20Up%20With%20YOU...
Esta es la forma estricta de hacerlo y es la mejor práctica, pero muchos navegadores son indulgentes…
Hoy hay muchas opciones para enviar correo a través de motores de secuencias de comandos del lado del servidor como PHP y Perl CGI. PHP tiene una función de correo incorporada y hay muchos scripts CGI que también lo harán por usted.
¿Cómo enviar un correo electrónico desde una página web?
Si está creando una página «Contáctenos», es posible que desee buscar el uso de FormMail. Formmail está configurado para enviar a la misma dirección de correo electrónico cada vez, y es un script simple para configurar.
Si la dirección de correo electrónico a la que debe enviar es una dirección de correo electrónico diferente cada vez, por ejemplo, un usuario se ha registrado para algo en su sitio web y necesita un correo electrónico de confirmación, debe buscar usar la función PhPMailer o Php Mail (). Ambos scripts se pueden usar dentro de PHP, y esto es muy útil si la dirección de correo electrónico que necesita por correo electrónico se recopila a partir de una variable en su script PHP.
El script PHPMailer puede funcionar en cualquiera de nuestros servidores, sin embargo, debido a los estándares de spam actuales involucrados con el usuario de PHP «Nadie», la función PHP Mail () no está habilitada en todos nuestros servidores. Todos nuestros servidores compartidos más nuevos tienen la función PHP Mail () habilitada, sin embargo, no está habilitado en algunos de nuestros servidores anteriores. Póngase en contacto con el departamento de soporte si no está seguro de si su servidor tiene habilitada la función PHP Mail ().
Depende de su formulario y del formato de su correo electrónico. Cuando Gmail o Outlook muestra un formulario, está usando el código HTML. Si está usando solo un formato de texto, entonces el formulario no se mostrará en ninguno de esos clientes de correo electrónico. Si desea obtener más información sobre cómo mostrar un formulario HTML en un correo electrónico HTML, consulte esta publicación.
¿Cómo enviar un mail en HTML?
He pasado los últimos años construyendo herramientas de desarrollo: dos de esos años como diseño de productos lidera en Mailgun, un servicio de correo electrónico para desarrolladores, donde aprendí mucho sobre cómo funciona el correo electrónico y los problemas que enfrentan los desarrolladores al crear un correo electrónico HTML. En esta publicación, compartiré algunos de mis conocimientos sobre el tema.
Correo electrónico HTML: dos palabras que, cuando se combinan, traen lágrimas a los ojos de un desarrollador. Si es un desarrollador web, es inevitable que codificar un correo electrónico sea una tarea que se elimine en su regazo en algún momento de su carrera, le guste o no. Codificar el correo electrónico HTML es la vieja escuela. Piense en 1999, cuando nos llamamos a nosotros mismos «webmasters» y usamos la portada, los editores de Wysiwyg y las tablas para marcar nuestros sitios web.
No ha cambiado mucho en el diseño de correo electrónico. De hecho, ha empeorado. Con la introducción de dispositivos móviles y más y más clientes de correo electrónico, tenemos aún más advertencias con las que lidiar al construir un correo electrónico HTML.
Como desarrollador responsable de una campaña de correo electrónico o todos los correos electrónicos que envía su empresa, deberá saber cómo funciona el correo electrónico, los requisitos legales y cómo entregar el correo electrónico. Las empresas envían algunos tipos diferentes de correo electrónico. Vamos a ver.
¿Cómo hacer un link en HTML para enviar un correo?
Este artículo fue escrito por Travis Boylls. Travis Boylls es escritor y editor de tecnología de Wikihow. Travis tiene experiencia en la redacción de artículos relacionados con la tecnología, que brinda servicio al cliente de software y en diseño gráfico. Se especializa en plataformas Windows, MacOS, Android, iOS y Linux. Estudió diseño gráfico en Pikes Peak Community College.
El equipo de Wikihow Tech también siguió las instrucciones del artículo y verificó que funcionan.
Este artículo ha sido visto 469,615 veces.
¿Desea que sea fácil para los visitantes de su sitio web enviarle un correo electrónico? La creación de un enlace HTML Mailto lo hace para que sus visitantes puedan enviarle rápidamente un mensaje simplemente haciendo clic en un hipervínculo que abre un nuevo mensaje a la dirección de correo electrónico de su elección. Le mostraremos las etiquetas y la sintaxis adecuadas para usar para crear hipervínculos de correo electrónico HTML simples en su sitio web.
- Trate de no usar personajes que no sean alfanuméricos en la línea de asunto. Hay formas de trabajar en torno a esto para que su enlace no se quede perplejo y piense que es parte de otra cosa «.
- Si bien a menudo no se usa, es posible agregar información para que prefiera la línea de asunto a través de la sintaxis de Mailto. Sin embargo, se usa más a menudo cuando el correo se envía a un servidor dentro de un robot que maneja el correo entrante para que pueda procesarse más adelante (para que pueda filtrarse).
- Puede agregar «cuerpo», así como una línea CC o BCC usando una sintaxis similar. Solo asegúrese de usar un signo de interrogación seguido del término «cuerpo», «CC» o «BCC» seguido de un signo igual seguido del texto para esa línea en un par de comillas.
¿Cómo hacer un link a un correo electrónico en HTML?
Es importante separar las múltiples direcciones de correo electrónico con comas.
Cuando hago clic en el enlace en el navegador, abrirá la aplicación de correo y llenará las direcciones de correo electrónico en el campo TO.
Aquí hay algún código de ejemplo que le muestra cómo agregar una línea de asunto al enlace Mailto.
Después de las direcciones de correo electrónico, debe agregar un? Para separar los correos electrónicos y el parámetro del asunto. Si omite eso?, Entonces el enlace del asunto no funcionará.
Este es un ejemplo que le muestra cómo agregar receptores CC (copia de carbono) y BCC (copia de carbono ciego) al enlace Mailto.
Después de las direcciones de correo electrónico, debe agregar un? Para separar los correos electrónicos y el parámetro CC. También debe agregar un y antes del BCC y los parámetros del sujeto.
Este es un ejemplo que le muestra cómo usar el parámetro del cuerpo con el enlace Mailto. Esto le permite agregar texto al cuerpo de su correo electrónico.
Una de las desventajas para usar un enlace de Mailto es que a menudo se presenta como spam por los usuarios. Desafortunadamente, muchos spammers utilizarán esta opción para enviar correos electrónicos a los usuarios. Así que tenga eso en cuenta cuando lo esté usando.
Una buena razón para usar un enlace de Mailto es si está enviando correos electrónicos a un grupo de personas que conoce. Si ese grupo completo está utilizando un cliente de correo electrónico predeterminado, entonces usar un enlace de Mailto sería una buena opción sobre un formulario de contacto.
Nuestra misión: ayudar a las personas a aprender a codificar de forma gratuita. Logramos esto creando miles de videos, artículos y lecciones de codificación interactiva, todo disponible gratuitamente para el público. También tenemos miles de grupos de estudio Freecodecamp en todo el mundo.
¿Cómo crear un link para enviar un email?
Para crear un enlace de correo electrónico en HTML, simplemente vaya al editor de códigos y use una combinación que recuerde el método utilizado para crear una conexión de hipertexto.
La sintaxis es similar a la que usa para crear un enlace, pero en lugar de la URL, después de HREF, encontrará el buzón y la dirección de correo electrónico a la que enviar el mensaje. De esta manera, puede crear un enlace de correo electrónico en cualquier página web.
¿Qué pasa si quiero insertar imagen con el enlace en el correo electrónico? Simple, en lugar del texto de anclaje, inserto la etiqueta para recuperar la imagen. Aquí hay un claro ejemplo.
No todos saben que es posible adaptar las funciones de la conexión de correo electrónico a sus necesidades. ¿Cómo se pone un enlace en un correo electrónico con personalización relativa? Solo trabaja en el código HTML. Por ejemplo, se pueden enviar más direcciones:
Puede especificar el objeto y el cuerpo del mensaje. En la práctica con el enlace Malto, puede permitir no solo hacer clic en el enlace para abrir el cliente de correo predefinido, sino que también puede preparar el mensaje para enviar y agregar direcciones a CC.
Sin embargo, recuerde que en la URL está escribiendo los espacios vacíos, deben definirse con el símbolo de codificación %20 y que entre los diversos elementos debe usar y comercializar.
Para simplificar el trabajo, hay una herramienta espectacular: mailtolink.me. Esta herramienta para completar lo ayuda a completar el enlace de correo electrónico agregando todo lo que necesita.
Por ejemplo, puede poner texto, objeto, CC e incluso BCC con una pantalla fácil de usar. Al final, solo tiene que copiar y pegar el código HTML en la página web.
¿Cómo enviar un correo en HTML por Gmail?
Desde que Gmail se introdujo en 2004, se han realizado muchos cambios en el proveedor de correo electrónico. Uno de los primeros cambios fue eliminar el editor HTML y simplemente mantener el editor Wysiwyg.
Si bien Gmail no ofrece la funcionalidad de un editor HTML, todavía admite HTML.
Pero, ¿por qué querrías enviar un correo electrónico HTML en Gmail?
Si bien el editor de Wysiwyg es útil para el uso diario, y rápido como flash, hay momentos en que es posible que necesite utilizar HTML.
Por ejemplo, agregar en la firma de correo electrónico de una empresa es algo que hacen la mayoría de las empresas. Claro, puede agregar un logotipo y un enlace usando el editor WYSIWYG, pero puede parecer un poco básico cuando se trata de correos electrónicos profesionales
Paso 1. Tome el código que guardó como un archivo HTML y ábralo en su navegador de elección. Esto le permitirá verificar que no haya cometido ningún error.
Paso 2. A partir de ahí, simplemente necesita copiar el HTML, ya que se ha presentado en el navegador.
Paso 3. Pegue eso en su nueva ventana de composición de Gmail.
Como puede sospechar, hay algunas limitaciones cuando se trabaja de esta manera. Aquí están los principales a tener en cuenta.
- Las hojas de estilo externo pueden no funcionar: Gmail no ofrece soporte para estilos externos. Si es útil con CSS, es posible que desee ver CSS incrustados y estilos en línea como una solución.
- No puede usar fuentes web; desafortunadamente, no hay forma de importar fuentes a su HTML, por lo que está atascado con las opciones estándar.
¿Cómo enviar código HTML por correo?
Ya sea que esté buscando enviar un correo electrónico HTML personalizado a Outlook, Gmail o cualquier otro proveedor, este tutorial lo tiene cubierto.
Un correo electrónico HTML interactivo es una herramienta poderosa. Las empresas pueden usarlos para acuerdos de promoción, los trabajadores independientes pueden usarlos para presentar sus servicios a clientes potenciales, y los nietos pueden dar una sonrisa a las caras de sus abuelos con un lindo diseño personalizado. Las únicas dos tecnologías que necesitará para crear un correo electrónico personalizado desde cero son HTML y CSS en línea. Todo lo que necesita hacer es tener en cuenta un diseño, analizarlo en forma de filas y columnas de tabla, y es bueno comenzar a construir. En este artículo, aprenderá un método paso a paso para construir y enviar un correo electrónico HTML personalizado.
La plantilla de correo electrónico se basa en técnicas HTML tradicionales. Trabajará con tablas y pilas de la tabla de apilamiento
Sería mejor preparar un diseño para que pueda mapear dónde y cómo va a cortar el diseño. Además, estará preparado mentalmente para redactar una estructura de tabla.
Aquí, está comenzando con el DocType para el documento. A continuación, establece el Charset, el tipo de contenido, las metaetiquetas y el título dentro de la etiqueta
. La parte esencial comienza con la etiqueta donde coloca un padre¿Qué es usar Gmail en HTML?
Mahesh Makvana es un escritor tecnológico independiente que se especializa en escribir guías de práctica. Ha estado escribiendo tutoriales de tecnología durante más de una década. Ha escrito para algunos de los sitios tecnológicos prominentes, incluidos MakeuseOf, Maketecheasier y los consejos tecnológicos en línea. Lee mas…
Además de la vista estándar, Gmail ofrece una versión HTML básica que tiene todas sus opciones de correo electrónico pero sin características elegantes. Puede acceder a esta versión Barebone Gmail desde su escritorio, y le mostraremos cómo.
Si su conexión a Internet es demasiado lenta, la versión básica de Gmail se cargará y se ejecutará más rápido que la versión estándar. Todavía podrá encontrar sus correos electrónicos, leerlos, ver carpetas de correo electrónico, enviar nuevos correos electrónicos e incluso cambiar su configuración de Gmail.
Otra instancia en la que puede usar esta versión es cuando tiene un plan de datos limitado. En comparación con la versión estándar, la versión HTML básica de Gmail utiliza menos recursos que resulta en menos uso de datos.
También es posible que desee usar la versión básica si no le gusta la apariencia estándar, y no está interesado en usar características como tareas o calendarios. Sin embargo, tenga en cuenta que si confía en características como el corrector ortográfico incorporado de Gmail, los atajos de teclado y el formato rico, no funcionarán aquí.
Para abrir la interfaz básica de Gmail, no tiene que hacer cambios permanentes en su configuración. Además, puede volver a la vista estándar rápida y fácilmente si no prefiere el nuevo diseño básico.
Para acceder a la interfaz HTML de Gmail, abra un navegador web en su computadora y inicie el sitio HTML básico de Gmail. La URL completa del sitio es la siguiente:
Cuando se abra Gmail, será recibido con una interfaz muy básica pero limpia y ordenada. Aquí, aún puede encontrar, leer y componer nuevos correos electrónicos, y realizar otras tareas de correo electrónico.
Artículos Relacionados:
- Cómo enviar un correo electrónico: Guía paso a paso
- Cómo mandar un correo electrónico: guía paso a paso
- 15 plantillas de email HTML para inspirar tu estrategia de marketing
- ¿Cómo realizar un correo electrónico? Aquí te mostramos paso a paso cómo hacerlo
- Cómo enviar correos desde excel: guía paso a paso
