En este artículo, vamos a aprender cómo los usuarios pueden escribir correos electrónicos en formato HTML y enviarlos usando Gmail. Sin embargo, Gmail no ofrece un editor HTML, pero podemos enviar plantillas HTML en un correo electrónico utilizando algunas herramientas y métodos. Mucha gente necesita enviar un correo electrónico con plantillas HTML a otras personas. Al usar los métodos a continuación, los usuarios podrán enviar correos electrónicos con formato HTML usando Gmail. No necesitan usar una herramienta de terceros como Mailchimp, etc.
Hay 3 métodos para enviar correos electrónicos con formato HTML utilizando Gmail.
- Copie y pegue HTML desde la página web al editor de Gmail.
- Mediante el uso de la herramienta de desarrollo de Chrome.
- Mediante el uso de la extensión de Chrome.
Método 1: Copie y pegue HTML desde la página web al editor de Gmail
Gmail ofrece un editor de » lo que ves es lo que obtienes» . Si pegamos el código HTML sin formato en el editor, el destinatario también verá el mismo código HTML sin formato. Por lo tanto, en lugar de agregar el código HTML sin formato, debemos copiar el código HTML generado desde el navegador web y pegarlo en el editor de Gmail. Los siguientes pasos le ayudarán a generar un correo electrónico con formato HTML.
Paso 1: Cree un nuevo archivo HTML y agregue el código HTML a continuación.
HTML
<!DOCTYPE html> <html> <head> <title>Simple HTML webPage</title> </head> <body> <h1>Welcome to GeeksforGeeks</h1> <p>A computer science portal for geeks</p> <img src= "https://media.geeksforgeeks.org/wp-content/uploads/20210915115837/gfg3-300x300.png" alt="GFG image" /> </body> </html>
Paso 2: abra el archivo HTML en el navegador web y copie el HTML desde allí.
Paso 3: Pegue el HTML en el editor de Gmail.
Paso 4: Envía el correo electrónico como normalmente lo envías desde Gmail.
Método 2: mediante el uso de la herramienta de desarrollo de Chrome
La herramienta para desarrolladores de Chrome permite a los usuarios editar el código de la página web. Aquí, encontraremos el elemento relevante para el editor de Gmail y le agregaremos el código HTML. Los usuarios deben seguir los pasos a continuación para usar este método.
Paso 1: abre el editor de Gmail y haz clic derecho en cualquier lugar dentro del editor.
Paso 2: En el menú, haga clic en la opción de inspección . Verá que se abre la herramienta para desarrolladores de Chrome y el código HTML del editor de Gmail.
Paso 3: El usuario necesita encontrar el elemento div con la marca “ contenteditable=true ”. Haga clic derecho en el elemento div y elija editar como HTML .
Paso 4: elimine el código del elemento div y agregue su código de plantilla HTML.
Paso 5: Ahora, cierre la herramienta de desarrollo de Chrome y podrá ver que HTML se agrega al editor de Gmail.
Método 3: mediante el uso de la extensión de Chrome
Usaremos la extensión de cromo » Html inserter for Gmail» para escribir directamente un código HTML dentro del editor de Gmail. Solo necesitamos agregar una extensión de Chrome al navegador Chrome y Gmail mostrará automáticamente la opción para escribir código HTML. Para implementar este método, siga los pasos a continuación.
Paso 1: Agregue el insertador Html para la extensión Chrome de Gmail al navegador Chrome desde aquí .
Paso 2: Haga clic en el icono de HTML junto al botón de enviar.
Paso 3: Agregue el código HTML aquí.
Paso 4: Pulsamos sobre el botón Insertar HTML , y listo.
Nota: cuando envía un correo electrónico con una plantilla HTML, no debe agregar CSS con un archivo CSS externo y fuentes web. Además, debe usar solo imágenes alojadas en línea y disponibles públicamente dentro de la plantilla HTML.
Producción:
Todos los 3 métodos anteriores darán el mismo resultado que la imagen de abajo. Ahora, los usuarios pueden enviar esta plantilla HTML a cualquier persona como un simple correo electrónico.
Publicación traducida automáticamente
Artículo escrito por shubhamvora05 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA