PageKit: el creador de sitios GrapesJS autoalojado, con el código fuente incluido. Obtener acceso anticipado

Explorar por categoría


GrapesJS Boletines

Los plugins de newsletter para GrapesJS convierten tu editor en un constructor de correos por arrastrar y soltar. Estas extensiones añaden bloques con maquetación segura para email, generación de estilos en línea y funciones de exportación de plantillas pensadas específicamente para producir HTML de correo. Tanto si construyes un editor de newsletters independiente como si añades diseño de emails a una aplicación existente, aquí encontrarás extensiones gratuitas y premium.

Loading...Loading...Loading...Loading...Loading...Loading...Loading...Loading...Loading...Loading...Loading...Loading...Loading...Loading...Loading...Loading...Loading...Loading...Loading...Loading...Loading...Loading...Loading...Loading...Loading...Loading...Loading...Loading...Loading...Loading...

Sobre GrapesJS Boletines

Los plugins de newsletter para GrapesJS salvan la distancia entre la edición visual web y los requisitos técnicos, muy distintos, del HTML para correo. Los clientes de email no han estandarizado el soporte de CSS como sí han hecho los navegadores: el HTML de correo exige maquetación basada en tablas, estilos en línea y un subconjunto conservador de propiedades CSS. Los plugins de newsletter gestionan esa traducción automáticamente: aportan un conjunto curado de bloques seguros para email, aplican estilos en línea al exportar y generan HTML limpio y compatible con los clientes. Algunos plugins incluyen exportación directa a los formatos de plantilla de Mailchimp, SendGrid o Postmark. Otros se centran en la experiencia de edición: añaden un lienzo de correo con un ancho fijo de 600 px, desactivan funciones del lienzo que no son compatibles con email y ofrecen un conmutador de vista previa móvil que simula el renderizado de Gmail en el móvil. Si estás construyendo un editor de newsletters SaaS o añadiendo diseño de correos a un producto existente, los plugins de newsletter de GJS.Market son el camino más rápido a una implementación funcional. Todas las fichas incluyen una sección de clientes probados que indica cuáles se han verificado.

GrapesJS Boletines — Preguntas frecuentes

¿Puede GrapesJS crear correos HTML?
Sí, con un preset de newsletter. El oficial grapesjs-preset-newsletter reconfigura el editor para email: bloques basados en tablas, lienzo de ancho fijo y estilos en línea al exportar. Sin él obtienes HTML web, que se rompe en la mayoría de clientes de correo, así que trata el preset como un requisito y no como un extra opcional.
¿Por qué el email necesita estilos en línea en lugar de una hoja de estilos?
Porque varios clientes eliminan o ignoran el CSS del head y el externo —Gmail es el caso más conocido—. Los plugins de newsletter lo resuelven incorporando los estilos en atributos style al exportar, de modo que sigues diseñando con el gestor de estilos mientras el HTML entregado lleva su formato en cada elemento.
¿Funcionan los bloques de newsletter de GrapesJS en Outlook?
Los bloques basados en tablas de estos presets están hechos exactamente para eso. Las versiones de Outlook para Windows renderizan con el motor de Word, que ignora flexbox, grid, casi todo el posicionamiento y muchas propiedades modernas; por eso los bloques de email usan tablas anidadas en lugar de divs. Revisa la sección de clientes probados de cada ficha antes de decidirte.
¿Puedo exportar a Mailchimp, SendGrid o Postmark?
Algunos plugins de esta categoría exportan directamente a esos formatos de plantilla, incluida la sintaxis de merge tags que espera cada plataforma. Otros te entregan HTML de correo limpio que pegas tú mismo en la plataforma. Si necesitas que los merge tags sobrevivan a la edición, elige un plugin que mencione tu plataforma explícitamente.
¿Cómo previsualizo cómo se ve el correo en móvil?
Los presets de newsletter añaden un conmutador de vista previa móvil que estrecha el lienzo y aplica la media query móvil, lo que aproxima el renderizado de Gmail. Es una ayuda de diseño, no un sustituto de las pruebas: envía un mensaje real a los clientes que usa tu audiencia antes de publicar una plantilla.