组件库详解

组件是构成您的小组件或微站的各个独立构建块，例如主视觉图片和任务卡片。我们当前的所有模板都由我们的 Mint 和 Bedrock 组件库提供支持。

Mint 组件

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

要将以下对象升级为 Mint 组件： 项目小组件:

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

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

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

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

5. 选择 添加软件包.

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

要将以下对象升级为 Mint 组件： 微站:

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

2. 选择 编辑设置 按钮，在 微站 卡片上。

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

4. 选择 添加软件包.

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

6. 选择 保存.

Bedrock 组件

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

Bedrock 组件包中有两个组件：

条件区块

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

项目区块

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

自定义组件库

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

Advocate 小组件使用标准 HTML 和 Web 组件 。要在我们的小组件编辑器中使用您自己的组件，它们必须编写为 Web 组件。

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

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

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

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

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

5. 选择 添加软件包.

6. 选择 从 NPM 添加.

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

8. 选择 添加.