Creador de plantillas de correo electrónico HTML — Arrastrar y soltar con GrapesJS

Diseña correos responsivos con arrastrar y soltar

Diseñado para flujos de trabajo modernos de correo electrónico

Crea plantillas de correo responsivas visualmente y exporta HTML listo para ESP

Esta página se centra en resultados prácticos, no solo en características: producción de plantillas más rápida, traspaso más limpio a ingeniería y mejor fiabilidad entre clientes con resultados impulsados por MJML.

22k+

GitHub estrellas

100+

Plugins del ecosistema

MJML

Marcado seguro para correo electrónico

10+ años

Madurez de producción

Funciones del generador de correo electrónico

Responde por defecto

MJML genera HTML móvil que responde automáticamente. No se necesitan consultas manuales de medios.

Soporte para MJML

El plugin nativo MJML compila tu diseño a HTML seguro para correo electrónico con compatibilidad con Outlook y Gmail.

Salida entre clientes

Prueba tus plantillas en Gmail, Outlook, Apple Mail y Yahoo antes de enviarlas.

Exportación HTML limpia

Exporta HTML en línea listo para cualquier servicio de envío de correos: Mailgun, SendGrid, AWS SES, etc.

Resultados útiles en la primera semana

Lanza boletines de marca rápidamente

Empieza por secciones reutilizables y mantén la tipografía, el espaciado y los estilos CTA consistentes entre campañas.

Reducir las sorpresas de renderizado

Utiliza una estructura segura para el correo electrónico y realiza comprobaciones de compatibilidad antes de enviar para evitar maquetas rotas.

Transferir herramientas fiables de HTML a ESP

Exporta HTML limpio que funcione con Mailgun, SendGrid, SES y pipelines SMTP personalizados.

Crear flujo para equipos y usuarios

PASO 01

Elige una base plantilla

Elige plantillas de bienvenida, recibo, promoción o resumen y mapéalas a tu sistema de marca.

PASO 02

Personaliza visualmente con bloques

Editar cabeceras, módulos de cuerpo, CTAs y pies de página con controles de arrastrar y soltar y herramientas de estilo en línea.

PASO 03

Previsualización y exportación de forma segura

Valida el comportamiento de renderizado y luego exporta HTML en línea para tu servicio de envío.

Galería de plantillas de correo electrónico

Transaccional

Correo electrónico de bienvenida

Incorpora a los nuevos usuarios con un mensaje de bienvenida limpio

Boletín

Boletín

Resumen semanal con bloques de imágenes, texto y CTA

Marketing

Promoción

Plantilla de anuncios de ventas y descuentos

Transaccional

Recibo transaccional

Confirmación de pedido con partidas y totales

Goteo

Campaña de goteo

Correo electrónico secuencial para flujos de incorporación SaaS

Boletín

Resumen Semanal

Resumen de contenido seleccionado con secciones

Marketing

Anuncio de producto

Correo de lanzamiento de la función con imagen de héroe

Retención

Re-compromiso

Recuperar suscriptores inactivos

Plugins para crear correo en GJS.Market

Correo electrónicoGratis

Preselección del boletín MJML

Preajuste completo del generador de correo electrónico basado en MJML

BloquesGratis

Biblioteca de bloques de correo electrónico

Bloques de cabecera, pie de página, CTA y contenido

UIGratis

Vista previa responsiva

Correos electrónicos de prueba en tamaños móviles, tabletas o escritorios

ExportaciónGratis

Exportación HTML

Exportar HTML en línea listo para cualquier ESP

ActivosGratis

Optimizador de imagen

Comprimir automáticamente las imágenes para facilitar la entrega de correos electrónicos

EstilosGratis

Estilos de Modo Oscuro

Añadir soporte para consultas multimedia en modo oscuro a los correos electrónicos

Cómo construir un generador de correo electrónico con GrapesJS

1

Instala GrapesJS y el plugin MJML

Ejecuta npm, instala grapesjs grapesjs-mjml e importa ambos en tu proyecto.

2

Inicializa al editor con el preajuste del boletín

Pasa grapesjsMjml en tu array de plugins para activar la biblioteca de bloques MJML y las plantillas responsivas.

3

Personaliza bloques según tu caso de uso

Añade, elimina o modifica bloques para que se ajusten al sistema de diseño de tu correo electrónico y a las directrices de marca.

4

Integra con tu servicio de envío

Exporta HTML desde editor.getHtml() y envíalo vía Mailgun, SendGrid, AWS SES o cualquier proveedor SMTP.

5

Añade GJS. Plugins de marketing para funciones extra

En GJS.Market hay modos oscuros, optimización de imágenes y plugins avanzados de exportación.

La mejor opción para estos equipos

Equipos de producto y ciclo de vida

Gestiona correos de incorporación, activación y retención con bloques reutilizables y resultados predecibles.

Agencias y equipos de crecimiento

Construye variantes de campaña más rápido y mantén la coherencia visual entre varios clientes.

Plataformas SaaS con editores embebidas

Ofrece a los clientes una experiencia integrada de creación de correos electrónicos sin crear una desde cero.

Compatibilidad con el cliente de correo electrónico

Cliente de correo electrónicoWebMóvilNotas
GmailApoyo total
Outlook 2019+Usa MJML para obtener mejores resultados
Apple MailExcelente renderizado
Yahoo MailLa mayoría de las funciones soportadas
Samsung EmailN/ABuen soporte móvil

Lanza una lista de comprobación para un generador de correo útil

  • Define los tipos de plantillas: bienvenida, newsletter, promoción, transaccional y re-engagement.
  • Establece reglas de bloques para el espaciado, la tipografía y los estilos de botones para mantener la coherencia de la marca.
  • Configura el alojamiento y optimización de imágenes para cargas útiles más ligeras y mejor capacidad de entrega.
  • Prueba las plantillas clave en Gmail, Outlook, Apple Mail y Yahoo antes del lanzamiento.
  • Implementa el historial de borradores y versiones para que los equipos puedan iterar con seguridad en las campañas.

Preguntas frecuentes sobre correo HTML

Crea mejores plantillas de correo con menos reestructuración

Utiliza plugins probados y bloques de plantilla para pasar más rápido del primer borrador a un correo electrónico HTML listo para producción.

Navegar por plugins de correo electrónico