在布局编辑器中创建页面、电子邮件和博客模板

使用模板可以控制博客、页面或电子邮件中不同类型内容的结构。你可以在设计管理器中通过拖放模块来创建模板。在本学院课程中了解更多有关在 HubSpot 中创建模板的信息。

开始之前

在开始使用该功能之前，请务必充分了解应提前采取的步骤，以及该功能的限制和使用该功能的潜在后果。

了解要求

• 确认您拥有在设计管理器中创建和编辑模板的 "设计工具"权限。
• 如果需要编辑全局网络资产和博客/网站 设置，建议同时拥有全局内容和主题设置以及网站设置权限。

了解局限性和注意事项

• 创建电子邮件模板需要订阅Marketing Hub 专业版或企业版。Content Hub账户可以使用拖放电子邮件编辑器创建电子邮件。
• 不支持向电子邮件模板附加 CSS 或 JavaScript 文件，但可以向模板添加自定义 HTML 标记、主体类和内联样式。
• 拖放模板不支持所有可用的内容功能。要使用最广泛的工具，请了解有关使用HTML + HubL 模板的更多信息。

了解 HubSpot 模板

HubSpot 模板为博客、页面和电子邮件提供框架，而用户则在内容编辑器中生成实际内容。你可以通过拖放内容模块 来创建布局，从而建立模板。要使用 HTML 创建模板，请了解有关创建自定义编码模板的更多信息。

布局编辑器可帮助你将想法、草图或原型转换为响应式模板，用于创建内容。

创建新模板

• 在你的 HubSpot 帳戶中，瀏覽「內容」>「設計管理工具」。
• 在左栏顶部单击 "文件"菜单并选择 "新建文件"。

• 在对话框中，单击 "您今天想创建什么？ 下拉菜单，然后选择拖放。然后单击下一步。

• 单击模板类型 下拉菜单并选择 类型。虽然大多数默认模块可用于任何模板，但有些模块仅限于某些模板类型。您可以选择以下模板类型：
  • 博客：用于单个博客文章和博客列表页面的模板。
  • 电子邮件：用于电子邮件的模板。
  • 页面：用于网站和登陆页面的模板。
  • 系统：用于错误、密码提示和电子邮件订阅页面的模板。
• 输入文件名。完成后，单击 "创建"。

 

构建和定制模板

您可以使用设计管理器右侧的检查器为模板添加更多模块。单击右侧栏中的 add 添加 ，搜索要添加到拖放模板布局中的模块。 了解有关 编辑模板结构的 更多信息 。

要自定义模板的样式，可以使用右栏中的选项。如果没有选择特定模块，则可以在模板头部添加样式。单击模块 或组，访问该组件的特定样式选项。了解有关使用检查器为模板设计样式的更多信息。

预览和发布模板

创建模板后，您可以预览它在实时页面上的显示效果，然后将其发布。

• 预览模板：
  • 在右上角单击 "预览"。
  • 如果选择带显示选项的实时预览，则可以通过选择视口预设来预览模板在其他设备上的显示效果。
  • 如果选择不带显示选项的预览，则只能预览模板在浏览器上的显示效果。