Creador de correo GrapesJS

Edición moderna de correo electrónico basada en MJML para productos SaaS

22k+
GitHub Stars
100+
Plugins del mercado
MIT
Licencia de código abierto
Days
Lanzamiento típico de MVP
Flujo de trabajo de correo electrónico para equipos de producto

Lanza un generador de correo electrónico embebible con el flujo de trabajo moderno de MJML

Crea plantillas de correo responsivas con edición visual, exporta HTML limpio y mantén el almacenamiento y la publicación completa en tu propia infraestructura SaaS.

Por qué GrapesJS Email funciona en producción

Renderizado impulsado por MJML

Utiliza la edición de arrastrar y soltar mientras sigues generando una salida robusta basada en MJML para una mejor compatibilidad con el cliente.

Bloques reutilizables y responsivos

Envía secciones de boletines reutilizables que tu equipo pueda combinar rápidamente sin tocar HTML basado en tablas.

Calidad de salida entre clientes

Genera HTML en línea más limpio que se renderice de forma fiable en Gmail, Outlook, Apple Mail y clientes móviles.

Modelo de integración preparado para SaaS

Conecta los flujos de almacenamiento, vista previa y publicación a tus APIs backend para una experiencia de creación de correos electrónicos en producción.

Casos de uso de un constructor de correo electrónico

Email marketing SaaS

Permite que los clientes redacten boletines, promociones y campañas de ciclo de vida sin necesidad de programar.

Constructor de campañas CRM

Integra un editor visual para gestores de cuentas y equipos de éxito que ejecutan secuencias de salida.

Automatización del comercio electrónico

Crea plantillas reutilizables para recibos, actualizaciones de envío y flujos de recuperación de carritos.

Plan de implementación

1

Crear sistema de plantillas y permisos

Define plantillas base bloqueadas, áreas editables y controles de rol para los equipos de marketing y soporte.

2

APIs de almacenamiento y medios conectados

Persiste en JSON del proyecto y HTML renderizado mientras enrutas las subidas de imágenes a través de tu backend.

3

Añadir previsualización y flujo de trabajo de prueba

Incluye estados de vista previa y rutas de envío de pruebas antes de cada campaña o despliegue de automatización.

4

Publicar al proveedor remitente

Envía HTML de salida a SendGrid, SES, Mailchimp o a tu propio servicio de entrega.

Plugins de correo electrónico destacados

Correo electrónicoGratis

Preajuste GrapesJS MJML

Componentes MJML de arrastrar y soltar para la creación de correos responsivos

BloquesGratis

Bloques de boletín

Bloques reutilizables para las secciones de héroes, promoción, digest y CTA

PlantillasGratis

Biblioteca de plantillas de correo electrónico

Puntos de partida de plantillas para la incorporación, actualizaciones de productos y campañas

ExportaciónGratis

CSS Inliner

CSS en línea automáticamente para compatibilidad de correo electrónico

AlmacenamientoGratis

Gestor de almacenamiento

Guarda JSON del proyecto y HTML generado en tu propia API

ExportaciónGratis

Exportar HTML

Exportar el HTML del correo electrónico finalizado para cualquier servicio de envío

UIGratis

Vista previa del Modo Oscuro

Validar el estilo en modo oscuro antes del lanzamiento de la campaña

CalidadGratis

Comprobador de puntuación spam

Detectar palabras y formato arriesgados antes de enviar

Galería de plantillas de correo electrónico

Nuevos usuarios

Serie de bienvenida

Flujo de incorporación con propuesta de valor y CTA de primera acción

Clientes activos

Resumen de actualización del producto

Destacados de características, fragmentos de cambios y bloques de notas de lanzamiento

Lista de marketing

Campaña promocional

Héroe centrado en ventas, tarjetas de producto y módulos de urgencia

Usuarios del comercio

Recibo transaccional

Resumen del pedido, filas listas para facturas y pie de página de soporte

Compradores

Recuperación de carrito abandonado

Secuencia de recordatorios con instantánea del producto y CTA de descuentos

Segmento inactivo

Campaña de re-compromiso

Narrativa de recuperación con preferencias y vínculos de plan

Guía de integración: GrapesJS + MJML + Servicio de envío

// Step 1: Install
npm install grapesjs grapesjs-preset-newsletter

// Step 2: Initialize with MJML preset
import grapesjs from 'grapesjs';
import newsletter from 'grapesjs-preset-newsletter';

const editor = grapesjs.init({
  container: '#email-editor',
  plugins: [newsletter],
  storageManager: false,
});

// Step 3: Get output for your sending service
const html = editor.getHtml();
// → Paste into Sendgrid, Mailchimp, AWS SES, etc.

Lista de comprobación de lanzamiento

Inicialización solo para clientes para aplicaciones seguras para SSR
Guardado automático e historial de versiones para plantillas
Comprobaciones de modo oscuro y vista previa de Outlook
Paso de puntuación de spam y validación de enlaces
Sanitización de HTML antes de la exportación
Etiquetas de seguimiento y estrategia de inyección UTM

GrapesJS Email vs Unlayer vs Stripo

CaracterísticaGrapesJSUnlayerStripo
Código abiertoSí (MIT)NoNo
Soporte MJMLSí (plugin)NoParcial
Bloques personalizadosLimitada
PreciosPlugins + gratuitos49$/mes+$15/mes+
AutoalojadoNoSolo Enterprise

Preguntas frecuentes

¿Listo para enviar tu creador de correo?

Explora las pilas de plugins y lanza tu flujo de trabajo visual de correo electrónico con una implementación más rápida.

Navegar por plugins de correo electrónico

Explora los plugins de GrapesJS por categoría

Recursos relacionados