22k+
GitHub 星标
100+
市场插件
MIT
开源许可证
Days
典型 MVP 上线周期
为什么 GrapesJS Email 能在生产环境中胜任
由 MJML 驱动的渲染
在使用拖拽式编辑的同时，依然生成稳健的 MJML 输出，带来更好的邮件客户端兼容性。
可复用的响应式区块
交付团队可快速组合的可复用邮件区块，无需接触基于表格的 HTML。
跨客户端的输出质量
生成更整洁的内联 HTML，在 Gmail、Outlook、Apple Mail 以及移动客户端中都能可靠呈现。
面向 SaaS 的集成模型
将存储、预览和发布流程接入你的后端 API，打造生产级的邮件构建体验。
邮件构建器的应用场景
邮件营销 SaaS
让客户无需编写代码即可撰写新闻邮件、促销邮件和生命周期营销活动。
CRM 营销活动构建器
为运营外联序列的客户经理和客户成功团队嵌入可视化编辑器。
电商自动化
为收据、物流更新和购物车挽回流程创建可复用模板。
落地实施蓝图
1
搭建模板体系与权限
为营销和支持团队定义锁定的基础模板、可编辑区域和角色权限控制。
2
接入存储与媒体 API
持久化保存项目 JSON 与渲染后的 HTML，并将图片上传通过你的后端进行路由。
3
增加预览与测试流程
在每次营销活动或自动化上线前，加入预览状态和测试发送路径。
4
发布到发送服务商
将输出的 HTML 推送到 SendGrid、SES、Mailchimp 或你自己的投递服务。
精选邮件插件
邮件免费
GrapesJS MJML Preset
用于响应式邮件编写的拖拽式 MJML 组件
区块免费
Newsletter Blocks
用于主视觉、促销、摘要和 CTA 区块的可复用区块
模板免费
Email Template Library
面向新手引导、产品更新和营销活动的模板起点
导出免费
CSS Inliner
自动内联 CSS 以适配邮件客户端
存储免费
Storage Manager
将项目 JSON 和生成的 HTML 存储到你自己的 API 中
导出免费
Export HTML
导出最终的邮件 HTML，适用于任何发送服务
界面免费
Dark Mode Preview
在营销活动上线前校验深色模式样式
质量免费
Spam Score Checker
在发送前检测有风险的词语和格式
邮件模板库
新用户
欢迎系列
包含价值主张和首个行动号召 CTA 的新手引导流程
活跃客户
产品更新摘要
功能亮点、更新日志片段和发布说明区块
营销名单
促销营销活动
以促销为核心的主视觉、产品卡片和紧迫感模块
交易用户
交易类收据
订单摘要、可作发票的明细行和支持页脚
购物者
购物车挽回
包含商品快照和折扣 CTA 的提醒序列
沉睡用户群
重新激活营销活动
带有偏好设置和套餐链接的挽回叙事
集成指南：GrapesJS + MJML + 发送服务
// 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.上线检查清单
为 SSR 安全应用提供仅客户端初始化
模板的自动保存与版本历史
深色模式与 Outlook 预览检查
通过垃圾邮件评分与链接校验
导出前进行 HTML 净化
追踪标签与 UTM 注入策略
GrapesJS Email 对比 Unlayer 与 Stripo
| 功能 | GrapesJS | Unlayer | Stripo |
|---|---|---|---|
| 开源 | 是（MIT） | 否 | 否 |
| MJML 支持 | 是（插件） | 否 | 部分支持 |
| 自定义区块 | 是 | 是 | 有限 |
| 价格 | 免费 + 插件 | $49/月起 | $15/月起 |
| 自托管 | 是 | 否 | 仅企业版 |
常见问题
准备好发布你的邮件构建器了吗？
探索插件组合，以更快的落地速度启动你的可视化邮件工作流。
浏览邮件插件