跳到内容

创建自定义编码模板

上次更新时间: 二月 13, 2025

除非另有说明,否则适用于以下任何订阅

所有产品和计划

开发人员可以使用 HTML 从零开始创建博客、网站页面、登陆页面和电子邮件模板。您还可以将拖放模板布局克隆为 HTML,然后将其定制为编码模板。

在我们的开发人员文档中了解更多有关自定义设计的信息。

请注意:建立自定义编码电子邮件模板需要Marketing Hub 专业版或企业版账户。

创建新的 HTML 和 HubL 文件

  • 在 HubSpot 帐户中,导航到内容 > 设计管理器
  • 在左侧边栏中,单击文件 下拉菜单并 > 新建文件
  • 在对话框中,单击 "今天要创建什么?"下拉菜单并选择 HTML 和HubL,然后单击 "下一步"。

  • 输入新文件的详细信息:
    • 选择模板或模板部分。模板部分是可以在其他模板中使用的模板。
    • 单击模板类型下拉菜单,选择要编码的模板类型(页面、博文/列表、电子邮件或系统页面)。
    • 在文件名字段 中输入文件名。
    • 要更新文件位置,请在 "文件位置"部分单击 "更改 " 并选择文件夹。
  • 单击创建。
  • 在代码编辑器中,输入模板的 HTML。
  • 要显示 HubL 的渲染效果,请单击打开 "显示输出"开关。右侧将打开一个面板,显示渲染预览。
  • 要预览模板的外观,请单击右上角的预览 下拉菜单,选择带显示选项的实时预览。
  • 编辑完成后,单击右上角的 "发布更改" 。
  • 如果有任何代码错误,将会出现错误信息。在代码编辑器下方的错误控制台中查看有关这些错误的更多信息。

添加所需的 HubL 标记

自定义编码模板需要特定的HubL 变量才能运行。如果缺少其中任何一个必要变量,在尝试发布模板时就会出现错误信息。

页面和博客模板需要以下标签:

  • {{standard_footer_includes}}
  • {{standard_header_includes}}
电子邮件模板需要使用以下标签才能 符合 CAN-SPAM 标准
  • {{unsubscribe_link}}{{unsubscribe_link_all}}(至少包含一个)
  • {{unsubscribe_anchor}}
  • {HubSpot
  • {2 Canal Park
  • {CambridgeMA
  • {02141

将模板克隆为 HTML

除了从头开始创建模板外,还可以将博客、网站页面和登陆页面的模板拖放到 HTML 中克隆。

创建现有模板的编码版本:

  • 在 HubSpot 帐户中,导航到内容 > 设计管理器
  • 在左侧边栏中,打开要克隆的模板。
  • 单击 "操作"下拉菜单并选择 "克隆为 HTML"。HTML 文件将在与原始文件相同的文件夹中创建。
这篇文章有帮助吗?
此表单仅供记载反馈。了解如何获取 HubSpot 帮助