创建自定义模块以在报价模板中使用

为报价模板创建自定义模块，以自定义其外观、内容和逻辑。利用这些模块根据您的业务需求定制报价模板。

开始之前

在开始使用自定义模块之前，请了解应提前采取哪些步骤，以及该功能的限制和使用该功能可能带来的后果。

了解要求

• 熟悉HubSpot 面向开发者的内容中心。

• 如果您不熟悉React、HTML、JavaScript 和 CSS，请与开发人员合作来创建自定义模块。

限制与注意事项

• 无法通过API 为报价单创建或添加自定义编码模块。API 用户可以选择已包含自定义模块的模板。

• 仅存在一个拖放区域。不支持复杂的页面布局，例如将单个模块作为整个报价单的侧边栏。

• 您必须使用报价单的固定容器。可通过更新网站页眉的 HTML 代码来调整拖放区域的宽度。

• 您可以使用自定义 CSS 隐藏报价顶部的状态栏。

创建模块

深入了解如何构建 CMS React 模块，包括所需的目录结构、字段定义以及数据处理。

常见用例

自定义模块提供了多种方式来灵活定制报价模板。请查看以下常见用例。

创建明细表模块

构建符合您业务需求的自定义明细表。例如：

• 添加分区：根据属性将明细项按分区显示。例如，为产品和服务设置独立分区，或将一次性明细项与周期性明细项分开显示。

• 自定义合计模块：显示报价摘要或自定义计算结果。

• 显示账单时间表：根据报价中的明细项目创建时间表。

• 可选明细行： 将明细行设置为可选项。买家可通过 无服务器函数 更新报价和交易金额 。

• 价格递增： 根据预定义的时间表，显示明细项目随时间变化的价格。例如，某产品第一年价格为 5,000 美元，第二年为 10,000 美元。您还可以对某明细项目的前三个月应用折扣，然后从第四个月起恢复标准价格。

  请注意：自定义 编码模块无法管理渐进式定价的计费影响，仅能确保遵守计费起始日期。

创建条件条款与条件模块

根据报价数据显示不同的条款或内容。例如，您可以根据买方的国家/地区显示特定区域的法律条款，或在添加特定行项目时包含针对该产品的条款。

创建“交易方”部分

隐藏标准“交易方”模块，并创建带有您自有品牌标识和格式的自定义模块。您还可以集成自定义数据，例如送货地址或子公司属性。

创建自定义导航菜单

添加导航菜单，帮助买家浏览冗长的报价单。

要求确认各部分内容

添加带复选框或按钮的交互式自定义编码模块，要求买家在接受报价前确认特定模块。

模块样式设置

创建具有自定义图像格式、阴影、圆角、品牌标识等特性的模块。

删除自定义编码模块

您可以从开发者项目中删除自定义编码模块。请参阅下文，了解删除模块对报价和报价模板的影响。

删除报价模块的影响

当从开发者项目中删除自定义编码模块后，该模块将无法再用于新的报价单或报价模板中。

报价行为

• 报价草稿： 编辑并保存报价草稿时，已删除的模块及其内容将被移除。
• 已发布的报价：模块内容将被保留。
• 已调用的报价：当调用的报价被编辑并保存后，已删除的模块及其内容将被移除。更新后的已发布报价将不再包含该模块及其内容。

报价模板行为

• 未发布模板： 编辑并保存未发布的报价模板时，已删除的模块及其内容将被移除。
  
  

• 已发布模板： 在模板被设为未发布之前，模块及其内容将被保留。
  
  

恢复已删除的模块

了解有关恢复已删除模块的更多信息。