Arrastrar, soltar y listo
Secciones, columnas y bloques encajan en su sitio. Deshacer, rehacer y los atajos de teclado funcionan como cabe esperar.
Editor de email embebibleTodo email es una pila de bloques.
Mailblocks añade a tu producto un editor de email de arrastrar y soltar con una sola etiqueta script. Tus usuarios diseñan emails responsive, tu app recibe HTML y MJML limpios, y nadie vuelve a pelearse con Outlook.
14 días gratis, sin tarjeta. Funciona en localhost desde el primer minuto.
- Imagen
- Encabezado
- Columnas
- Botón
- Divisor
- HTML
Biblioteca de bloques
Todos los bloques que tus usuarios necesitan.
Cada bloque se exporta a un MJML que se ve igual en Gmail, Outlook y Apple Mail. No hay nada que configurar.
- Encabezado
- Texto
- Imagen
- Botón
- Columnas
- Contenedor
- Divisor
- Espaciador
- Redes
- Tabla
- HTML
- Borrador con IA
Integración
Tres pasos y el editor ya está en tu app.
- 1
Inserta el script
Una etiqueta, unos pocos kilobytes. El editor en sí se carga desde Mailblocks, dentro de un iframe aislado.
- 2
Móntalo
Indícale un elemento y pásale tu clave pública y el ID de la persona que edita. No hace falta nada más.
- 3
Guarda el resultado
Al guardar recibes el HTML para enviar y un JSON del diseño para almacenar. Vuelve a cargar ese JSON cuando quieras para seguir editando.
<div id="editor" style="height: 720px"></div>
<script src="https://customer.mailblocks.app/sdk/v1.js"></script>
<script>
const editor = Mailblocks.mount('#editor', {
publicKey: 'pk_live_…',
user: { id: currentUser.id },
onSave: ({ html, design }) => saveTemplate(html, design),
});
</script>Para quienes lo usan
Tus usuarios tienen un editor de verdad, no un formulario con vista previa.
Responsive por defecto
Previsualiza en escritorio y en móvil, oculta bloques según el dispositivo y confía en el resultado en los principales clientes de correo.
Modo oscuro, bien resuelto
Dale a cualquier color una variante oscura. Mailblocks escribe las media queries para que el email también se vea cuidado en modo oscuro.
Etiquetas de combinación
Ofrece tus propias variables (merge tags), agrupadas y con nombre. La sintaxis la decides tú: Handlebars, Liquid o cualquier otra.
Biblioteca de imágenes
Subidas, carpetas, búsqueda e importación desde una URL. Alojada por nosotros o conectada a tu propio almacenamiento.
Empieza desde una plantilla existente
Pega una plantilla MJML, en etiquetas o en JSON, y se abre como bloques editables en lugar de una página en blanco.
Generador de plantillas con IA
Un primer borrador en lo que tardas en describirlo.
Tus usuarios componen una frase paso a paso y obtienen una plantilla completa y editable, hecha de bloques reales. Ni una captura de pantalla ni un muro de HTML.
Crea un boletín para Northwind Coffee sobre los cafés de otoño, en tono cercano, que invite a los lectores a comprar ahora.
- Ocho pasos guiados, o texto libre cuando conviene
- El resultado es MJML, importado como bloques editables
- Límite mensual por plan, contabilizado por nosotros
- Los prompts se ejecutan en nuestros servidores y nunca se envían al navegador
Marca blanca
Lleva tus colores, no los nuestros.
Pásale un tema y cada panel, botón y diálogo lo sigue: color de acento, superficies, bordes, tipografías, radio de las esquinas, modo claro y oscuro. El distintivo de Mailblocks desaparece en los planes de pago.
Licencias
Con licencia para tus dominios. Inútil fuera de ellos.
Nunca descargas el editor, así que no hay nada que se pueda filtrar. Se ejecuta en un iframe que solo se muestra en los dominios incluidos en tu licencia.
- app.yourproduct.com Con licencia
- staging.yourproduct.com Con licencia
- localhost:5173 Local · siempre permitido
- copy-of-your-app.net Sin licencia · se queda en blanco
frame-ancestors · signed · watermarked
Bloqueado por dominio
El propio navegador se niega a mostrar el editor en un sitio que no figure en tu licencia.
Nada en tu bundle
Tu bundle solo contiene un cargador mínimo. El código del editor se queda en nuestros servidores y lleva una marca de agua por licencia.
Usuarios firmados
Si quieres, firma los ID de usuario en tu servidor para que nadie pueda abrir sesiones en tu nombre.
Medición justa
Pagas por los usuarios activos mensuales del editor, no por páginas vistas. El desarrollo local siempre es gratis.
Precios
Pagas por las personas que abren el editor.
Todos los planes incluyen el editor completo, el generador con IA y la biblioteca de imágenes. Empieza con una prueba de 14 días.
Startup
Para un primer producto que pone el diseño de emails en manos de sus usuarios.
49 US$al mes
- 50 usuarios activos del editor / mes
- 1 dominio de producción
- 150 generaciones con IA / mes
- 5 GB almacenamiento de imágenes
Growth
RecomendadoPara productos con varias apps, tenants o entornos.
129 US$al mes
- 250 usuarios activos del editor / mes
- 3 dominios de producción
- 1000 generaciones con IA / mes
- 25 GB almacenamiento de imágenes
Business
Para plataformas donde diseñar emails es parte del trabajo diario.
299 US$al mes
- 1000 usuarios activos del editor / mes
- 10 dominios de producción
- 5000 generaciones con IA / mes
- 100 GB almacenamiento de imágenes
Enterprise
Límites, contratos y soporte a medida para grandes plataformas.
A medida
- 10.000 usuarios activos del editor / mes
- 50 dominios de producción
- 25.000 generaciones con IA / mes
- 100 GB almacenamiento de imágenes
Lo primero que preguntan los desarrolladores
¿Tengo que cambiar algo en el backend?
No. El editor te entrega el HTML y el JSON del diseño en el navegador; guárdalos donde ya almacenes tu contenido. Firmar los ID de usuario es opcional y requiere una sola línea en tu servidor.
¿Con qué frameworks funciona?
Con cualquiera. El SDK es JavaScript puro y sin dependencias, así que funciona en React, Vue, Svelte, Angular, Laravel Blade, Rails o una página estática.
¿Qué es exactamente un usuario activo?
Un ID de usuario distinto que abre el editor durante un mes de calendario. Si la misma persona edita cincuenta veces, cuenta una sola vez. Las sesiones en localhost y en dominios .test nunca se cuentan.
¿Puedo alojar el editor yo mismo?
El editor se ejecuta en Mailblocks para poder aplicar la licencia y mantenerlo siempre al día. Tus diseños, tu HTML y, si quieres, tus imágenes se quedan en tu propia infraestructura.
Un editor de email de verdad en tu producto, esta misma semana.
Empieza la prueba, pega tres líneas y envía el primer email diseñado por tus propios usuarios.