组件库说明

组件是构成您小部件或微型站点的单个构建模块，例如主图像和任务卡。我们当前所有的模板均由我们的 Mint 和 Bedrock 组件库提供支持。

Mint 组件

使用 Mint 组件构建的小部件和微型站点为客户倡导者提供最新的倡导者体验。大多数当前模板使用 Mint 组件。如果您不确定是否正在使用当前的组件库，您可以手动检查并在需要时更新您的库。

将您的升级到 Mint 组件以用于 计划小部件:

1. 在左侧导航菜单中，选择 [参与] → 内容.

2. 选择 编辑小部件 在 小部件 卡。

3. 选择您想要编辑的小部件名称。

4. 在左侧侧栏菜单中，选择 包.

5. 选择 添加包.

6. 选择 添加 在 Mint 组件 卡。

将您的升级到 Mint 组件以用于 微型站点:

1. 在左侧导航菜单中，选择 [Engage] → 内容。

2. 选择 编辑设置 按钮位于 微型站点 卡。

3. 在 站点托管 标题下，导航至 包 部分。

4. 选择 添加包.

5. 选择 添加 在 Mint 组件 卡。

6. 选择 保存.

Bedrock 组件

所有由 Mint 组件提供支持的模板也安装了 Bedrock 组件包。参与者无法看到 Bedrock 组件，但它们提供在设计中添加高级逻辑的能力。它们可以有条件地显示其他组件并定义组件从哪个计划获取数据。您可以在以下位置找到 Bedrock 组件包： 高级组件 部分位于 添加 小部件或微型站点编辑器的选项卡中。

Bedrock 组件包中有两个组件：

条件部分

该 条件部分 组件允许您基于参与者的电子邮件、国家/地区、细分或自定义字段包含有条件的内容。在 条件 框中插入 JSONata 表达式以设置显示条件。然后，将您希望显示给特定参与者组的任何内容移动到条件部分内的相应组中。

计划部分

该 计划部分 组件允许您覆盖其子组件的计划 ID。使用它来显示未链接到特定计划的内容。该 计划部分 组件默认包含在大多数小部件和微型站点模板中。

自定义组件库

您可以构建并使用自己的组件包以进一步自定义您的倡导者体验。这些组件可以添加到任何模板中，并与倡导者提供的组件一起使用。

倡导者小部件使用标准 HTML 和 Web 组件 。要在我们的小部件编辑器中使用您自己的组件，它们必须以 Web 组件的形式编写。

要开始使用自定义组件构建您的小部件，请安装您的自定义包：

1. 在左侧导航菜单中，选择 [参与] → 内容.

2. 选择 编辑小部件 在小部件卡上。

3. 选择您想要编辑的小部件名称。

4. 在左侧侧栏菜单中，选择 包.

5. 选择 添加包.

6. 选择 从 NPM 添加.

7. 输入包 姓名, 版本 和 文件路径.

8. 选择 添加.