Crea plantillas de correo HTML responsive
Crear plantilla de correo HTML es un editor visual para diseñar correos HTML profesionales y responsive sin escribir una sola línea de código. Agrega y ordena bloques de contenido en el lienzo y luego exporta un HTML limpio que se muestra de forma fiable en Gmail, Outlook, Apple Mail y Yahoo Mail.
Empieza con una de las 33 plantillas prediseñadas o con un lienzo en blanco, personaliza cada bloque y color según tu marca y previsualiza el resultado en escritorio y móvil. Ya sea un boletín semanal, una campaña promocional o una notificación transaccional, obtienes un correo listo para enviar en minutos.
¿Para quién es esta herramienta?
Para profesionales de marketing que necesitan correos con su marca sin recurrir a un diseñador, dueños de pequeños negocios que arman campañas con rapidez y desarrolladores que quieren un punto de partida limpio basado en tablas para su HTML de correo: cualquiera que necesite un correo HTML bien estructurado.
Cómo crear una plantilla de correo
Elige una plantilla
Elige entre 33 plantillas repartidas en cinco grupos: General, Marketing y ventas, Transaccional, Negocios y SaaS, y Sectores y estilo de vida. Usa el selector con búsqueda para encontrar un punto de partida al instante, o elige En blanco para crear desde cero.
Personaliza cada bloque
Haz clic en cualquier bloque del lienzo para seleccionarlo y luego edita su contenido y estilos en la barra lateral. Usa Agregar bloque, las flechas para mover arriba y abajo, y eliminar para organizar encabezados, textos, imágenes, botones, separadores, espaciadores, redes sociales y pies de página.
Define los Ajustes del correo globales
Abre el panel de Ajustes del correo para controlar el aspecto general: Ancho del correo (320-800px, se recomienda 600px), Fondo, Fondo del contenido, Fuente, Color de acento y Color del texto. Se aplican a todos los bloques a la vez.
Previsualiza y exporta
Cambia entre la vista de escritorio y la móvil para comprobar ambos diseños. Luego haz clic en Copiar para pegar y coloca el correo con formato directamente en Gmail o Outlook, o abre la vista HTML y usa Copiar HTML para una plataforma de email marketing o tu propio código de envío.
Funciones
Editor visual de bloques
Crea correos con ocho tipos de bloque: encabezado, texto, imagen, botón, separador, espaciador, redes sociales y pie de página. Agrega, reordena y elimina bloques sin escribir código.
33 plantillas profesionales
Empieza con un diseño listo, organizado en cinco categorías: General, Marketing y ventas, Transaccional, Negocios y SaaS, y Sectores y estilo de vida.
Selector de plantillas con búsqueda
Escribe una palabra clave para filtrar todas las plantillas de cada categoría, con los resultados agrupados por categoría para navegar rápido.
Estilos por bloque y globales
Ajusta los colores, el relleno, la alineación y los tamaños de fuente de cada bloque, además de los ajustes globales de ancho del correo, fondo, fuente, acento y color del texto.
Vista de escritorio y móvil
Cambia entre la vista de escritorio y una vista móvil de 375px para ver exactamente cómo se muestra tu correo en distintos tamaños de pantalla.
HTML compatible con clientes de correo
Genera HTML basado en tablas con estilos en línea, comentarios condicionales MSO para Outlook y media queries móviles: el estándar de oro para la compatibilidad entre clientes.
Copiar para pegar
Copia tu correo como texto enriquecido mediante la API de portapapeles, para que pegues el mensaje con formato completo directamente en Gmail, Outlook o cualquier editor.
Copiar el HTML en bruto
Cambia a la vista HTML y copia el código en bruto para llevarlo a plataformas de email marketing o a tu propia infraestructura de envío.
Guía de envío integrada
Una guía dentro de la app te explica cómo enviar por Gmail y Outlook, ESP como Mailchimp, SendGrid, Brevo y Amazon SES, o de forma programática mediante API.
Modo oscuro
Un cuidado tema oscuro hace que el editor sea cómodo de usar de día o de noche, mientras la vista previa de tu correo conserva sus propios colores.
Preguntas frecuentes
¿Necesito saber programar?
No. Diseñas de forma visual agregando y ordenando bloques en el lienzo y editando su contenido en la barra lateral. El editor escribe el HTML por ti, así que puedes crear una plantilla de correo completa sin tocar código.
¿Puedo exportar el código HTML?
Sí. Cambia a la vista HTML y haz clic en Copiar HTML para copiar todo el código generado; luego pégalo en el editor de código de tu plataforma de email marketing o úsalo como cuerpo HTML en tu propio código de envío.
¿Las plantillas son responsive y se adaptan al móvil?
Sí. El HTML generado incluye media queries responsive que adaptan el diseño en pantallas pequeñas, y puedes cambiar a la vista móvil de 375px para comprobar cómo se ve todo antes de enviar.
¿Estos correos funcionan en Outlook y Gmail?
Sí. El resultado usa un diseño basado en tablas con estilos en línea más comentarios condicionales de Microsoft Outlook (MSO), por lo que se muestra de forma fiable en Gmail, Outlook de escritorio y web, Apple Mail, Yahoo Mail y la mayoría de las apps móviles. Como siempre, envíate una prueba antes del envío final.
¿Puedo pegar mi correo directamente en Gmail?
Sí. Haz clic en Copiar para pegar, abre Gmail y redacta un mensaje nuevo, luego pega con Ctrl+V (o Cmd+V). El correo con formato completo aparece directamente en la ventana de redacción, y lo mismo funciona para Outlook.
¿Puedo usar mis propias imágenes?
Sí. Selecciona un bloque de imagen y define su URL de la imagen en la barra lateral. Aloja la imagen en una URL de acceso público (tu sitio web, almacenamiento en la nube o un servicio de imágenes) para que cargue para todos los que abran el correo.
¿Cuál es el ancho de correo recomendado?
600px es el estándar del sector y funciona bien en la mayoría de los clientes. Puedes ajustar el ancho entre 320px y 800px en el panel de Ajustes del correo.
¿Puedo usar fuentes personalizadas?
El editor ofrece siete familias de fuentes seguras para correo: Arial, Helvetica Neue, Georgia, Trebuchet MS, Verdana, Tahoma y Courier New. No se ofrecen fuentes web personalizadas porque la mayoría de los clientes de correo las eliminan y recurren a una fuente predeterminada de todos modos.
¿Se guardan o se suben mis datos?
No. El editor se ejecuta por completo en tu navegador y tu contenido nunca se sube ni se almacena en un servidor. Para conservar tu trabajo, copia el código HTML y guárdalo de forma local.
Aún no hay comentarios. ¡Sé el primero en comentar!