Admin 邮件编辑器的 HTML 代码模式是指在邮件编辑器中使用 HTML 代码来创建和编辑邮件内容的功能。这使得用户能够更精确地控制邮件的外观和行为,以满足特定的设计和功能需求。
目录
功能入口
在 Admin 商家管理后台首页进入【设置】,点击【通知】,进入通知模块。
在通知模块页面中,点击任意一种通知场景的通知名,进入邮件编辑器。
进入邮件编辑器,右上角会出现【切换到新版】的按钮,点击即进入新版邮件编辑器界面。
在新版邮件编辑器界面,选择任一组件,在详情页右下角,点击【代码模式开关】切换【代码模式】和【可视化模式】。
功能描述
默认可视化模式
当您未作出更改时,默认为可视化编辑模式,您可直接通过操作修改组件可视化配置的选项进行编辑。
代码模式
当您点击组件最下方【代码模式】按钮,切换到代码模式
当您切换到代码模式,可直接进行编辑。
- 点击重置,则内容变更为系统预设的 HTML 代码,同时出现提示“重置成功”
-
点击放大,则进入更大的 HTML 代码输入框;
-
在更大的 HTML 输入框,您可在输入区直接输入代码内容,点击【确定】按钮可保存HTML后返回到邮件编辑器页面,点击【取消】按钮则收起最大化 HTML 编辑框,返回到邮件编辑器页面。
-
在更大的 HTML 输入框,您可在输入区直接输入代码内容,点击【确定】按钮可保存HTML后返回到邮件编辑器页面,点击【取消】按钮则收起最大化 HTML 编辑框,返回到邮件编辑器页面。
- 须知
- 组件默认为可视化编辑模式,2 种模式的配置内容独立,即当您修改组件可视化配置的选项,不会影响组件 HTML 模式的内容;
- 当您切换模式,配置项内容不丢失,模式切换后,预览区和实际的内容会根据选择的模式对应的配置生效;
HTML 语法说明
- 仅对部分常见内置语法进行说明,帮助理解
- 常用的 HTML、Handlebars 语法不做赘述
- 请参考HTML:https://developer.mozilla.org/zh-CN/docs/Web/HTML
- Handlebars:https://handlebarsjs.com/
- 内置变量
- 组件变量
- section.setting.xxx 控件配置的值
- section.id当前组件标识
-
...
- 其他变量
- rtlConf RTL 适配配置
- presetData预设默认数据
- metafields请求数据
-
...
- 组件变量
- 内置 Helper
- 请参考 👉 https://github.com/helpers/handlebars-helpers
-
t
,多语言翻译 -
assign
,定义变量 -
img_size
,获取图片尺寸信息 - ....
-
- 请参考 👉 https://github.com/helpers/handlebars-helpers
备注: 1. 调整变量、Helper 不当,可能会影响渲染效果 |
如何联系我们
SHOPLINE 拥有专业的本地支持团队,为有需求和疑惑的商家提供帮助。您可以通过联系 SHOPLINE 店铺后台及官方网站的实时客服来寻求 SHOPLINE 的帮助。
*如有 SHOPLINE 功能使用感受或需求建议,快点击【功能反馈】告诉我们吧!
评论