Cómo crear un correo HTML en Gmail (Guía 2025)

Los correos electrónicos en HTML se han convertido en un componente clave del marketing por correo electrónico moderno. Permiten crear mensajes visualmente atractivos e interactivos, lo que hace que tus correos sean más impactantes y efectivos. Son esenciales para las empresas, ya que pueden resaltar productos, promociones y la identidad de la marca de una manera que el texto plano simplemente no puede. También permiten un mejor seguimiento y análisis, ayudándote a comprender cómo los destinatarios interactúan con tus correos electrónicos.

En el pasado, Gmail permitía a los usuarios ingresar y editar directamente código HTML dentro del editor de correos. Esta función era apreciada por quienes querían personalizar y diseñar sus correos en profundidad. Sin embargo, para mejorar la seguridad y simplificar la experiencia del usuario, Gmail tomó la decisión de eliminar la capacidad de ingresar directamente código HTML en su editor.

Este cambio ha llevado a los usuarios a explorar métodos alternativos para enviar correos electrónicos en HTML a través de Gmail, los cuales analizaremos en este artículo.

Accede directamente a una sección o lee la guía completa:

• Enviar correos electrónicos HTML personalizados a través de Gmail
• Copiar un HTML renderizado directamente en Gmail
• Limitaciones del uso de plantillas HTML personalizadas
• Correos en texto plano vs correos en HTML
• ¡Envía correos HTML personalizados con Mailmeteor!

Enviar correos electrónicos HTML personalizados a través de Gmail

Gmail utiliza un editor WYSIWYG (What You See Is What You Get), lo que significa que enviar código HTML sin procesar directamente no es una opción viable, ya que el destinatario vería el código HTML sin formato en lugar del contenido renderizado.

Por ejemplo, observa esta plantilla de correo electrónico:

Hubo un tiempo en que podías crear algo así directamente en Gmail, pero si intentas copiar y pegar el código HTML en el editor de Gmail hoy, esto es lo que ocurre:

Dado que Gmail utiliza un editor WYSIWYG, el destinatario recibirá exactamente lo que ves aquí: un correo que muestra el código HTML en texto plano:

Sin embargo, hay una solución práctica. Los usuarios pueden copiar y pegar un correo electrónico en HTML ya renderizado directamente en el editor de Gmail para enviarlo con formato personalizado. Este método permite crear correos visualmente atractivos sin salirse de las limitaciones de Gmail.

Copiar un HTML renderizado directamente en Gmail

Este método es más sencillo de lo que parece. Solo necesitas abrir una plantilla de correo en un navegador y copiar y pegar su contenido en el editor de Gmail. Sigue estos pasos:

1. Prepara tu código HTML
   • Abre un editor de texto como Notepad (Windows) o TextEdit (Mac).
   • Escribe o pega tu código HTML en el editor de texto. Este código puede incluir texto, imágenes, enlaces y formato, similar a una página web, con algunas limitaciones que veremos más adelante.
   • Guarda el archivo con la extensión “.html”, por ejemplo, “plantilla.html”.
2. Previsualiza en un navegador
   • Haz doble clic en el archivo HTML para abrirlo en tu navegador predeterminado. Así podrás ver exactamente cómo se verá tu correo para el destinatario.
   • Si necesitas hacer cambios, edita el archivo HTML, guárdalo y actualiza el navegador para ver las modificaciones.
3. Selecciona todo y copia
   • En el navegador, presiona Ctrl+A (Windows) o Cmd+A (Mac) para seleccionar todo el contenido del correo HTML.
   • Luego, presiona Ctrl+C (Windows) o Cmd+C (Mac) para copiar el contenido. También puedes hacer clic derecho y seleccionar Copiar.
4. Pega en Gmail
   • Abre Gmail y redacta un nuevo correo.
   • Haz clic en el cuerpo del correo donde quieres insertar el contenido HTML.
   • Presiona Ctrl+V (Windows) o Cmd+V (Mac) para pegar el contenido. O haz clic derecho y selecciona Pegar.
   • El correo HTML debería aparecer correctamente renderizado en el editor de Gmail.
5. Envía el correo
   • Completa tu correo con un asunto, destinatario y cualquier texto adicional si es necesario.
   • Haz clic en el botón Enviar, y tu correo HTML personalizado será entregado al destinatario.

Te recomendamos enviarte un correo de prueba antes de enviarlo a los destinatarios finales para asegurarte de que el formato es el correcto.

Limitaciones del uso de plantillas HTML personalizadas

A pesar de la flexibilidad del código HTML, existen algunas limitaciones que debes conocer antes de comenzar.

¡Adiós a las fuentes personalizadas!

Gmail no permite importar fuentes web personalizadas en los correos HTML. Estás limitado a las fuentes estándar, lo que puede restringir las opciones de diseño y branding.

Las imágenes deben estar alojadas públicamente

No puedes insertar imágenes almacenadas localmente en tu computadora en un correo Gmail. Deben estar alojadas en línea en un sitio web, Google Drive o un servicio de almacenamiento de imágenes.

No hay soporte para hojas de estilo externas

Las hojas de estilo CSS externas no funcionan en Gmail. Debes usar CSS embebido (<style>) y estilos en línea (style="...") para dar formato a tu correo.

Usa diseños basados en tablas

Los correos electrónicos en HTML aún deben usar diseños basados en tablas (<table>, <tr>, <td>) para garantizar la compatibilidad con todos los clientes de correo electrónico.

Correos en texto plano vs correos en HTML

Aquí hay una comparación entre los correos en texto plano y los correos HTML:

¡Envía correos HTML personalizados con Mailmeteor!

Mailmeteor es una herramienta poderosa que te permite enviar correos HTML personalizados a múltiples destinatarios a través de Gmail. Esta extensión para Gmail facilita el envío de correos electrónicos profesionales y atractivos.

• Personalización avanzada: Usa etiquetas de fusión para personalizar tus correos.
• Editor HTML integrado: Modifica tu código HTML directamente.
• Seguimiento de correos: Analiza aperturas y clics.
• Biblioteca de plantillas: Accede a plantillas HTML listas para usar.

¡Prueba Mailmeteor hoy y mejora tus campañas de correo en Gmail! 🚀