¿Cómo insertar una plantilla HTML en Gmail?

Html in email

</a>We cannot copy-paste this HTML directly into the email editor of Gmail but with the magic of Chrome Dev Tools, we can. Let’s see how:Open gmail.com and compose a new email message. Add an emoji in the message body to be replaced with the HTML button. Right-click the emoji in the Gmail editor and choose Inspect.This opens the Developer tools in the bottom half of the browser. Select the <img> tag that contains the emoji, right-click and choose Editor HTML. Sustituye el contenido seleccionado por el HTML del botón y haz clic en cualquier lugar fuera de la ventana de herramientas de desarrollo. Mira el vídeo para ver un tutorial más detallado.Insertar tablas HTML en GmailEn el siguiente ejemplo, vamos a incrustar una tabla HTML en el editor de Gmail. A diferencia de nuestro botón anterior, que tenía todos los estilos alineados, el CSS de la tabla está contenido en una hoja de estilos separada, por lo que, antes de pegar el HTML de la tabla en Gmail, debemos “alinear” los estilos, ya que, de lo contrario, Gmail ignorará el formato. Esto se puede hacer fácilmente a través de Juice – simplemente pegar el HTML y CSS en el cuadro de entrada y se inline todos los estilos CSS en las etiquetas HTML que es compatible con Gmail.

Plantilla de correo electrónico html simple

Zach Lazzari es un escritor independiente con amplia experiencia en startups y tecnología de publicidad digital. Zach ha desarrollado y vendido múltiples propiedades web de éxito y gestiona el marketing para múltiples clientes en la industria de las actividades al aire libre. Zach creó campañas de correo electrónico personalizadas para una startup que triplicó sus ingresos e impulsó ventas de 7 cifras en un año. Estudió antropología en el Western State College de Colorado y está continuamente aprendiendo y evolucionando dentro de la industria tecnológica. Más de este autor

Las versiones anteriores de Gmail permitían el uso de HTML e incluso proporcionaban un editor de HTML para facilitar su uso. Ahora, Gmail hace más difícil el uso de HTML y pone restricciones a lo que realmente se admite. Dicho esto, la implementación de HTML básico para ayudar a personalizar y diseñar los correos electrónicos es simple de implementar y puede hacer algunos elementos de diseño realmente agradables sin pagar por un servicio de correo electrónico personalizado.

Gmail permite un formato sencillo en un editor WYSIWYG, pero también puedes utilizar un editor externo para un código más complejo. Los editores externos son ideales para crear la marca de la empresa y el estilo de los boletines informativos, mientras que el editor interno es ideal para fuentes sencillas, emojis e imágenes. La elección del editor depende esencialmente de la complejidad del HTML y de las necesidades específicas del correo electrónico.

Validador de correo electrónico Html

Hoy te mostraré cómo crear “correos electrónicos HTML” y enviarlos en Gmail. La ventaja de hacer esto es que puedes diseñar campañas de correo electrónico y luego editarlas y enviarlas directamente dentro de Gmail, ya sea como una campaña o simplemente como parte de la correspondencia de correo electrónico regular.

Si tomas el código HTML y lo pegas “sin procesar” en la ventana de redacción de Gmail, no se renderizará nada más, sólo aparecerá como código HTML. Por lo tanto, el HTML por sí solo no te ayudará a dar formato a la forma o apariencia de tus correos electrónicos.

Por sí sola, la ventana de redacción de Gmail no te permite editar el HTML “detrás” del mensaje. Esto contrasta con un proveedor de servicios de correo electrónico como Mailchimp o Constant Contact, en los que puedes editar el HTML en bruto. Por lo tanto, la técnica que se describe a continuación es una forma de sortear esa limitación de Gmail.

Una vez que tengas tu HTML escrito, el proceso es básicamente una cuestión de copiar y pegar. Creas tu página en HTML, la cargas en un navegador, copias el contenido del navegador y luego lo pegas en la ventana de redacción de Gmail. Por HTML “renderizado”, me refiero al aspecto del HTML en el navegador, con colores, fuentes e imágenes en su lugar.

Las imágenes del correo electrónico Html no se muestran en gmail

Gmail ofrece un editor WYSIWYG (What You See Is What You Get) por defecto, que es perfectamente suficiente para casi cualquier comunicación. Puedes elegir entre varios tipos de letra, colores y tamaños, alinear un texto, añadir viñetas o sangrías, e incluso insertar imágenes o emojis.

Sin embargo, las cosas se complican cuando necesitas utilizar la marca de tu empresa u otros formatos más complejos, no disponibles en el editor por defecto. Insertar un logotipo o un banner es posible. Puedes contratar a un profesional, o hay una forma más fácil y asequible: utilizar una de las herramientas de creación de logotipos disponibles. Por ejemplo, puedes comprobar la funcionalidad y características de Designhill Logo Maker, Zyro, o cualquier otra que prefieras.

Si simplemente copiaras el código HTML y lo pegaras en la ventana de redacción de Gmail, el receptor sólo recibiría el mismo HTML en bruto. En otras palabras, Gmail no lo renderizaría de ninguna manera. Si intercambias correos electrónicos con un colega desarrollador de páginas web, es posible que éste aprecie una forma de comunicación tan innovadora. Sin embargo, la mayoría de la gente no lo hará. Por eso tienes que utilizar una sencilla solución para insertar HTML.