Cómo crear y enviar un email HTML en Gmail sin codificar

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”.

conectar gmail y BEE para exportar correos electrónicos htmlpara su envío

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.

enviar correo electrónico html en gmail con plantillas de email de BEE

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.

enviar un email html en el editor de correo electrónico de gmail BEE

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. 

exportar un correo electrónico html a gmail desde BEE

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”.

exportar un correo electrónico html a gmail para enviarlo desde BEE

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.

borrador de email html en gmail

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.

envío de plantillas de email html del plugin BEE en gmail

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.

plantilla de correo electrónico html de gmail en la ventana de redacción

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.
  • 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?

Sí, puedes enviar correos HTML a través de Gmail. Es posible añadir HTML personalizado a Gmail. Puedes añadir algo de HTML a través del cuadro de redacción de Gmail, y herramientas gratuitas para importar HTML a Gmail. Te recomendamos que utilices una herramienta como Beefree, que permite crear correos electrónicos HTML de forma rápida y sencilla.

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.

 ¿Cómo insertar HTML en un correo electrónico?

La mejor opción es utilizar un servicio como Beefree. Puedes obtener el complemento de plantillas de Beefree y acceder a plantillas HTML en tu Gmail. Crea una cuenta de Beefree. Empezar a utilizar el servicio es gratuito. Si piensas usar el programa a largo plazo, puede ser una gran manera de simplificar el envío de correos electrónicos HTML.

¿Cómo puedo crear una plantilla de correo HTML en Gmail?

Crea una cuenta Beefree y personaliza tu diseño. Luego puedes utilizar la opción de exportar de Gmail, que creará un borrador de correo electrónico con tu diseño en tu cuenta de Gmail.

¿Cómo puedo utilizar una plantilla HTML en Gmail y/o en Mail?

La mejor manera es utilizar un software de diseño de correo electrónico como Beefree. Empezar a utilizar el servicio es gratuito. Regístrate en Beefree y crea tu diseño. Luego puedes utilizar la opción de exportar a Gmail, que creará un borrador de correo electrónico con tu diseño en tu cuenta de Gmail.

¿Gmail envía correos electrónicos en texto o en HTML?

En Gmail, puedes enviar emails utilizando texto sin formato o con formato HTML enriquecido. El formato de texto sin formato eliminará todo tipo de estilo adicional de tus mensajes de correo electrónico, como colores e imágenes. Pero todos los correos electrónicos enviados a través de Gmail son HTML.

About Mor Mester


Mor Mester is the Head of Content Marketing at EmailVendorSelection. He's an email marketing and marketing automation expert with 6+ years of experience. Having tested and reviewed 100+ email marketing, marketing automation, CRM, ecommerce, SMS marketing, email verification, online course, and lead generation tools, he knows a good business software when he sees one.
After work, you can find him riding his bike on some trails.

Enable registration in settings - general
Compare items
  • Total (0)
Compare
0