创建自定义编码模板
上次更新时间: 二月 13, 2025
开发人员可以使用 HTML 从零开始创建博客、网站页面、登陆页面和电子邮件模板。您还可以将拖放模板布局克隆为 HTML,然后将其定制为编码模板。
在我们的开发人员文档中了解更多有关自定义设计的信息。
请注意:建立自定义编码电子邮件模板需要Marketing Hub 专业版或企业版账户。
创建新的 HTML 和 HubL 文件
- 在 HubSpot 帐户中,导航到内容 > 设计管理器。
- 在左侧边栏中,单击文件 下拉菜单并 > 新建文件。
- 在对话框中,单击 "今天要创建什么?"下拉菜单并选择 HTML 和HubL,然后单击 "下一步"。
- 输入新文件的详细信息:
- 选择模板或模板部分。模板部分是可以在其他模板中使用的模板。
- 单击模板类型下拉菜单,选择要编码的模板类型(页面、博文/列表、电子邮件或系统页面)。
- 在文件名字段 中输入文件名。
- 要更新文件位置,请在 "文件位置"部分单击 "更改 " 并选择文件夹。
- 单击创建。
- 在代码编辑器中,输入模板的 HTML。
- 要显示 HubL 的渲染效果,请单击打开 "显示输出"开关。右侧将打开一个面板,显示渲染预览。
- 要预览模板的外观,请单击右上角的预览 下拉菜单,选择带显示选项的实时预览。
- 编辑完成后,单击右上角的 "发布更改" 。
- 如果有任何代码错误,将会出现错误信息。在代码编辑器下方的错误控制台中查看有关这些错误的更多信息。
添加所需的 HubL 标记
自定义编码模板需要特定的HubL 变量才能运行。如果缺少其中任何一个必要变量,在尝试发布模板时就会出现错误信息。
页面和博客模板需要以下标签:
{{standard_footer_includes}}
{{standard_header_includes}}
{{unsubscribe_link}}
或{{unsubscribe_link_all}}
(至少包含一个){{unsubscribe_anchor}}
- {
HubSpot
- {
2 Canal Park
- {
CambridgeMA
- {
02141
将模板克隆为 HTML
除了从头开始创建模板外,还可以将博客、网站页面和登陆页面的模板拖放到 HTML 中克隆。
创建现有模板的编码版本:
- 在 HubSpot 帐户中,导航到内容 > 设计管理器。
- 在左侧边栏中,打开要克隆的模板。
- 单击 "操作"下拉菜单并选择 "克隆为 HTML"。HTML 文件将在与原始文件相同的文件夹中创建。
Design Manager
你的反馈对我们至关重要,谢谢。
此表单仅供记载反馈。了解如何获取 HubSpot 帮助。