自定义项目组件

进入小部件编辑器

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

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

3. 从左侧滑出菜单中，选择你要编辑的小部件名称。

   

自定义你的小部件

1

步骤 1：选择模板

1. 从左侧滑出菜单中，在 当前小部件下，选择 模板.

2. 选择 应用模板 旁边，选择你想要使用的模板。

   

注意： 如果你想在不确认更改的情况下预览模板的外观，请在保存之前选择 [预览] 。只有在你准备好提交所做更改时，才选择 保存 按钮。

2

步骤 2：调整小部件内容

你可以添加、编辑、移动或移除组件，以修改你的客户倡导者在小部件中看到的内容。

注意： 有关小部件编辑器不同元素的说明，请参阅 小部件编辑器概览.

添加

1. 在页面右侧，在 组件 菜单的 添加 选项卡中，选择一个组件组。

   • 了解有关 可用组件 以及它们如何分组的更多信息。

2. 选择合适的组件。

3. 选择蓝色的 添加到 按钮，将组件放在画布上的相应位置。

   

编辑

移动

移除

3

步骤 3：自定义小部件外观和主题

添加图片或徽标

1. 在右侧，从 组件 菜单的 添加 选项卡中，选择 常用组件 类别。

2. 请选择以下任一项：

   • 覆盖式主视觉图像 （带有可编辑叠加文字的图片）

   • 图片 （没有上方文字的普通图片）

3. 将图片添加到画布。

4. 从 组件菜单的 编辑 选项卡中，选择 选择文件 按钮位于 图片 标题下方。

   

替换图片或徽标

1. 在画布中，选择你想更改的照片。

2. 在 编辑 菜单中，选择 [移除] 然后选择 选择文件 以重新上传新图片。

   
3. 使用以下任一方法上传图片：

   • 拖放图片

   • 在电脑上浏览文件

   • 在 网页地址 选项卡中，粘贴文件的公开 URL

4. 选择 完成.

调整显示哪些分享按钮

你可以使用 编辑 菜单编辑现有的分享按钮。

1. 在画布上选择你想编辑的分享按钮。

2. 在 编辑 选项卡中，在 分享媒介 标题下方。

   

使用 添加 菜单编辑现有的分享按钮。

1. 从 添加 选项卡添加一个新的分享按钮，选择 分享.

   
2. 选择合适的卡片。

3. 选择蓝色的 添加到 按钮将组件放到画布上。

4

步骤 4：预览并保存

1. 通过选择 [预览] 从顶部菜单栏中预览小部件在参与者眼中的显示效果。

   • 你可以在 [桌面端], [平板]，或 [移动端] 用户的预览之间切换，只需选择相应的设备图标。

2. 要返回编辑界面，请选择 [编辑] 从顶部菜单栏中预览小部件在参与者眼中的显示效果。

   
3. 保存 你的更改。

   警告： 小部件编辑器不会自动保存你的更改。请经常点击 保存 ，以确保不会丢失你的工作。

当你选择 保存时，这些更改将添加到你的 程序草稿.

高级自定义选项

高级组件允许你包含基于参与者的条件内容，依据其 电子邮件, 分群，或 自定义字段。例如，如果你想仅向金卡级订阅者显示排行榜， 基于分群的条件部分 组件可让你实现这一点。

你可以从 添加 选项卡添加高级组件。设置它们需要多做一些工作，因为你需要输入一个 JSONata 表达式 在 条件 框，用于定义满足条件时的逻辑。如果你需要帮助，请联系我们的 支持团队 。

了解更多

• 为 Advocate 编辑你的小部件或微型网站 HTML

• 为 Advocate 安装自定义 NPM 包