
Si te preguntas cómo enviar correos electrónicos HTML en Gmail, no estás solo. Gmail es uno de los proveedores de servicios de correo electrónico más populares del mundo. Más de 1.500 millones de personas utilizan Gmail para comunicarse con sus contactos. Por desgracia, solo una parte de la gente sabe cómo utilizar el código HTML en Gmail.
Desde que se introdujo Gmail en 2004, se han realizado varios cambios en el sistema. Uno de los cambios iniciales fue eliminar por completo el editor de HTML. El equipo de Gmail decidió mantener solo el editor WYSIWYG para el envío de correos electrónicos.
Aunque el editor WYSIWYG es útil en muchos casos, estamos convencidos de que te gustaría sacar el máximo partido del correo electrónico HTML en Gmail.
En el pasado, los usuarios han tenido que experimentar con complejas soluciones y hacks para crear correos electrónicos HTML. Afortunadamente, también hay una manera fácil. Aquí tienes todo lo que necesitas saber para crear y enviar correos HTML sin codificar en Gmail.
La mejor forma de crear y enviar correos HTML con Gmail sin codificación
Crear mensajes de correo HTML que tengan un aspecto estupendo sin codificar debería ser sencillo. Por eso existe el software editor de HTML. Herramientas como Beefree proporcionan a los usuarios un editor de correo electrónico flexible. Con esta herramienta, crear un correo electrónico HTML y enviarlo con Gmail es sencillo.
Empieza a crear correos electrónicos HTML con Beefree
Para empezar, necesitarás una cuenta de Beefree. Regístrate para obtener una cuenta y luego dirígete a la página de “Configuración”.

Dentro de la configuración selecciona Conectores y haz clic en “Conectar” en Gmail. A continuación, puedes elegir a qué cuenta de Google quieres conectarte. Solo tienes que hacer clic en la cuenta que quieres vincular y hacer clic en Permitir cuando te lo pidan.
1. Elige una plantilla
Ahora puedes exportar tus plantillas de correo electrónico de Beefree a Gmail.
Entra en tu cuenta de Beefree y dirígete a tus plantillas. Hay muchas opciones de plantillas profesionales y responsive para elegir. Algunas también son gratuitas para usar con Gmail.

Elige la plantilla que mejor se adapte a tu campaña, y luego puedes ir al editor.
2. Personaliza la plantilla
Entra en la página del editor HTML proporcionada por Beefree y haz los cambios que quieras. Puedes experimentar para que las plantillas destaquen.

Es fácil usar todas las funciones, así que no deberías tener ningún problema para que tu plantilla tenga un aspecto estupendo. El sistema está diseñado para que sea adecuado para los principiantes.
3. Añade la plantilla a Gmail
Cuando hayas terminado de diseñar tu correo electrónico, haz clic en “Salir” en la esquina superior derecha. Esto te llevará a una página de resumen con una vista previa de tu correo electrónico.

Haz clic en “Exportar” y aparecerá una ventana emergente con todas las opciones que tienes para exportar los emails. Selecciona “Empujar a tu sistema de envío”. A continuación, elige “Gmail”.

Sigue los pasos para acceder a tu cuenta Gmail y encontrarás tu correo electrónico en la carpeta Borradores.
Crea una cuenta gratuita de Beefree para Gmail
4. Añade contactos y envía el email en Gmail
A continuación, entra en tu bandeja de entrada de Gmail y abre la carpeta de borradores. Tu correo electrónico de Beefree debería ser tu borrador más reciente.

Desde aquí, puedes personalizar el asunto y el campo “Para”. Una vez que estés listo para llevar a cabo la campaña, haz clic en “enviar” de forma normal.
Hay varias formas de añadir tus contactos a tu correo electrónico. Puedes copiar y pegar los destinatarios en el CCO. De este modo, tendrás un máximo de 2000 personas que puedes añadir para GSuite. Alternativamente, podrás añadir 500 contactos para un mensaje personal de Gmail.
El uso de la CCO garantiza que tus contactos no verán los otros correos electrónicos que envíes. Sin embargo, este método conlleva riesgos, luego los veremos.
También existe la opción de utilizar una herramienta de correo masivo para Gmail, como GMass.
Otra forma de enviar boletines informativos desde Gmail sin codificar
Si no quieres tener una cuenta con Beefree, podrías utilizar solo el plugin, pero no es la opción más inteligente. No tendrás todas las plantillas ni las opciones de personalización. Sin una cuenta, solo puedes editar en Gmail. Esto significa que solo puedes reemplazar texto e imágenes, de forma limitada.
Además, importar plantillas de Beefree a Gmail es más fácil cuando tienes una cuenta. Crea una cuenta de Beefree aquí antes de seguir los siguientes pasos.
Paso 1: Instala Beefree Templates para Gmail
Beefree Templates para Gmail es una herramienta complementaria para tu cuenta de Gmail. El servicio te permite enviar correos electrónicos HTML bien diseñados desde tu cuenta de Gmail. En tu ventana de Gmail, haz clic en el botón “+” del panel lateral derecho. Esto te permitirá instalar un nuevo complemento. Busca plantillas de correo electrónico y selecciona “Beefree Templates para Gmail”.
Tendrás que seguir algunos pasos para autorizar el uso de Beefree. Una vez que estés listo, puedes elegir la cuenta a la que vincularás tus plantillas.
Una vez instalado todo, podrás abrir Gmail para acceder a tus plantillas.
Paso 2: Examina y personaliza Beefree Templates dentro de Gmail
Cuando entres en tu cuenta de Gmail, verás el logotipo de Beefree en el panel lateral derecho. Haz clic en él, abre cualquier correo electrónico en tu cuenta y entonces aparecerá el menú del plugin en la barra lateral.

Haz clic en cualquier categoría para ver las plantillas. Cuando hagas clic en una plantilla, se abrirá un nuevo borrador de correo electrónico que podrás editar.

En la ventana de redacción de Gmail, solo podrás hacer algunas cosas con el email HTML:
- Cambiar el cuerpo del email
- Eliminar y sustituir las imágenes
- Cambiar la línea de asunto
- Actualizar el botón CTA y los enlaces
Tendrás que crear una cuenta gratuita de Beefree para hacer más cosas con las plantillas HTML. En Beefree, tienes muchas más opciones para editar HMTL. Cuando edites las plantillas básicas de los mensajes en Gmail, estarás limitado. Una vez que hayas terminado de editar tu plantilla, podrás enviar tus correos electrónicos.
Reglas para enviar correos HTML con Gmail
Al enviar correos HTML en Gmail hay algunas reglas que debes seguir. Si utilizas editores gratuitos como Beefree para HTML, no deberías tener ningún problema. La extensión para Chrome de Beefree y el sistema de plantillas HTML crean diseños específicamente para Gmail. Sin embargo, si estás creando todo el contenido de tu correo en el cuadro de redacción, recuerda:
- Las imágenes deben estar alojadas en línea: Si añades imágenes a un correo electrónico, deben guardarse correctamente y estar alojadas en línea. Todas las imágenes se deben subir en algún lugar de Internet y ser referenciadas con un enlace. Si es posible, almacena los correos electrónicos en tu propio servidor. También puedes utilizar Google Drive. Cuando utilices Google Drive, asegúrate de que el enlace es público.
- Las hojas de estilo externas no funcionan: No puedes acceder a hojas de estilo externas. Puedes utilizar CSS en línea. Pero, Gmail no admite archivos externos. Un buen correo electrónico responsivo suele utilizar mucho CSS en línea. Podrás simplificar el uso de CSS en línea con un editor de correo electrónico HTML.
- Algunos HTML no son compatibles: Comprueba esta lista. Algunos de los HTML que añadas a tus mensajes de Gmail no serán compatibles. Tendrás que comprobar que todo funciona antes de enviar tus correos electrónicos.
- No utilices fuentes web: Gmail no es compatible con las fuentes web. Tendrás que utilizar las fuentes estándar proporcionadas. Como alternativa, puedes hacer una imagen de texto como los logotipos. Entonces, una vez que tengas tu imagen, enlaza a la imagen en HTML. Una vez más, recuerda utilizar una imagen alojada.
- Usar tablas es una buena idea: Si no estás usando un editor HTML de arrastrar y soltar, usa tablas. Sin embargo, hay que tener cuidado con algunos posibles problemas. Asegúrate de que tus tablas HTML funcionan con las herramientas de prueba de HTML para correo electrónico. Aquí tienes una lista de herramientas de comprobación de correo electrónico.
- No te compliques: Gmail no siempre es previsible con la compatibilidad HTML. Como las opciones admitidas pueden cambiar, mantener las cosas simples es una buena idea. Escribir un correo electrónico sencillo también ayuda a los clientes de correo electrónico de tu destinatario a renderizar el contenido correctamente.
- Evita Google Docs: Aunque hay tutoriales que te muestran cómo utilizar Google Docs para los correos electrónicos HTML, esta opción no es la ideal. Puede que lo que veas en Google Docs no sea exactamente lo mismo que el contenido del correo electrónico.
- Crea una plantilla: Si no utilizas las plantillas HTML de Beefree, crea las tuyas propias. Una vez que tengas un archivo HTML formateado, guárdalo fuera de Gmail. Esto te ayudará a configurar rápidamente los correos electrónicos HTML en el futuro.
Recuerda que Gmail está en constante evolución. Google actualiza constantemente el ecosistema de Gmail. Es importante estar al día con los últimos cambios y funciones.
Puede que necesites utilizar algunas herramientas específicas de prueba de correos electrónicos HTML para comprobar si tus emails HTML realmente funcionan. Considera la posibilidad de enviarte un correo electrónico de prueba a ti mismo antes de enviarlo a toda la lista.
Lo ideal es simplificar las cosas utilizando un servicio como Beefree. Con Beefree, no tienes que volver a comprobar la estructura adecuada de tu HTML. El contenido utiliza estilos y diseños en línea hechos solo para Gmail. Esto garantiza que puedas enviar un correo electrónico en HTML sin dolores de cabeza.
Resumen: envía un correo HTML en Gmail
Aprender a añadir HTML a tu plantilla de correo en Gmail no tiene por qué ser una pesadilla. Aunque el proveedor de correo electrónico prefiere ofrecer la edición WYSIWYG, existen soluciones. Puedes crear emails HTML en Gmail que se adapten a tus necesidades particulares.
Recuerda que si vas a trabajar en tu HTML sin ayuda, hay muchos problemas que debes sortear. Puede que al principio te cueste asegurar que tu correo electrónico funciona con todos los tamaños de pantalla. También podrías descubrir que tus plantillas de correo electrónico dejan de funcionar después de un tiempo.
En lugar de intentar hacerlo todo en la ventana de redacción, te recomendamos que utilices un editor de correo HTML. Los editores de email gratuitos y de pago son ideales para crear HTML personalizado. Puedes aprovechar herramientas como Beefree para enviar emails HTML en Gmail al instante.
Preguntas frecuentes (FAQ)
¿Puedo enviar un correo HTML a través de Gmail?
La aplicación de correo HTML de Beefree para Gmail también guarda los archivos para que puedas volver a utilizarlos en el futuro. Además, puedes evitar cometer los errores más comunes con tus plantillas al usar HTML personalizado.