小部件和微站组件说明

参加 PXA 课程

受限：除给定模板中提供的组件外，其他组件仅适用于某些产品版本或附加组件。如果您希望更精细地控制微站点可使用哪些组件，请联系我们升级您的项目。

组件是构成您的 Advocate 项目小部件或微站点的各个独立构建块，例如主视觉图片和任务卡片。这些元素塑造了 参与者体验 ，并且可以自定义以与您的品牌保持一致。

本文按类别列出了小部件和微站点编辑器中可用的组件。大多数组件都支持样式设置和自定义，不过有些组件存在设计限制。您还可以在编辑器界面中预览组件状态。

统计

使用 统计 组件让您的参与者了解他们在项目中的表现。有关这些组件可支持的统计数据列表，请访问 小部件和微站点统计.

组件	描述
积分余额	显示参与者的积分余额。用于以积分奖励参与者的 Advocate 项目。
已获得的礼品卡	显示 Advocate 已获得的礼品卡奖励数量。
推荐	显示参与者已进行的推荐数量。包括已开始和已转化的推荐。
包含三个统计项的容器	一个可容纳三个统计项的模板。显示的统计项可以更改。可根据需要添加和移除统计项。
其他统计项	显示您选择的统计项。您可以在推荐统计项、各种奖励统计项之间进行选择，或创建自定义统计项。

常用组件

常用组件 被广泛用于增强您的小部件或微站点的功能性和设计一致性。它们涵盖通用的视觉和结构元素，例如主视觉图片、布局格式以及项目步骤说明。

组件	描述
双列主视觉图片	一个跨两列的横幅图片和标题文本。可以更新图片、文本和背景颜色。
叠加主视觉图片	带有叠加文本的横幅图片。可以更新图片、文本和背景颜色。
图片	一张图片。可以更改背景颜色、对齐方式、高度和宽度。
链接按钮	一个可点击按钮，可将参与者重定向到您选择的链接。按钮颜色由品牌容器级别设置的品牌颜色控制。
项目说明	用于说明 Advocate 项目如何运作的模板，例如如何获得奖励。默认包含两个项目说明步骤。可以添加更多步骤。颜色由品牌容器级别设置的品牌颜色控制。
项目说明步骤	添加描述性文本以说明项目的一部分。适用于项目说明组件内。颜色由品牌容器级别设置的品牌颜色控制。
项目时间线	为您的参与者显示推荐旅程和奖励概览。可根据需要添加或移除时间线条目。圆形图标和条目之间连线的颜色由品牌容器级别设置的品牌颜色控制。
时间线条目	适用于项目时间线组件内，用于显示推荐旅程中的一个步骤。圆形图标和条目之间连线的颜色由品牌容器级别设置的品牌颜色控制。
用户名显示	动态提取参与者的全名。如果参与者未输入姓名，则默认显示“匿名用户”。

奖励

注意： 奖励 组件只能用于已验证访问的小部件和微站点。

组件	描述
任务卡片流	任务卡片可让您的用户直接在小部件或微站点中执行操作或查看其朝着 Advocate 项目目标的进度。此组件会向您的小部件或微站点添加多个任务卡片。按钮颜色由品牌容器级别设置的品牌颜色控制。
奖励兑换	允许参与者将已获得的奖励兑换为另一种类型的奖励。 您必须已设置 奖励兑换 才能使用此功能。
奖励表	显示参与者已获得的奖励列表。可包括手动奖励和/或多个 Advocate 项目中获得的奖励。
客户备注列	向奖励表中添加另一备注列。必须放置在奖励表组件内。
日期列	向奖励表中添加另一日期列。必须放置在奖励表组件内。
奖励列	向奖励表中添加另一奖励列。必须放置在奖励表组件内。
来源列	向奖励表中添加另一来源列。必须放置在奖励表组件内。
状态列	向奖励表中添加另一状态列。必须放置在奖励表组件内。

微站点组件

微站点 组件主要用于微站点的注册表单和导航侧边栏。这些组件不能添加到项目小部件中。

组件	描述
表单复选框字段	向注册表单添加一个复选框。您可以将该框是否被选中映射到 Advocate 参与者上的自定义字段。更多信息请参阅查看您的微站点注册表单提交内容。
表单下拉字段	向注册表单添加一个带有可自定义列表项的下拉列表。您可以将用户选择的列表项映射到 Advocate 参与者上的自定义字段。如需帮助，请联系支持。
表单输入字段	向注册表单添加一个自由文本输入字段。您可以将用户输入的文本映射到 Advocate 参与者上的自定义字段。 联系支持 以获得相关帮助。
表单姓名字段	向注册表单添加可填写的名字和姓氏字段。
侧边栏项目	向微站点的侧边导航添加新页面或链接。只能放置在微站点的登录后布局中。
表单密码字段	向注册表单添加一个可填写的密码字段。

即时访问

即时访问 组件让被推荐的好友可以快速轻松地注册或兑换奖励，而无需经过标准注册流程。它们非常适合使用即时访问推荐小部件或好友注册流程的项目。

组件	描述
优惠券代码	显示 Fuel Tank 奖励的可兑换代码。 该 奖励 fuel tank 必须有可用的优惠券代码，此组件才能按预期工作。
Advocate 注册	允许新的 Advocates 输入其电子邮件地址进行注册并发起推荐。输入电子邮件地址后，用户将进入第二个页面，在那里他们可以访问自己的推荐分享链接。用于即时访问网站推荐小部件。
退出当前用户	允许查看者退出个性化的即时访问显示。
好友注册	允许被推荐的好友输入其电子邮件地址进行注册。输入电子邮件地址后，用户将进入第二个页面，在那里他们可以访问其优惠券代码奖励。用于即时访问好友小部件。

布局

布局 组件允许您组织并分组其他组件。使用它们来创建区块、行、列或选项卡。

组件	描述
双列主视觉布局	添加一个包含两列内容的主视觉布局。
行布局容器	为内容添加一个新的行容器。其他组件可以放置在该行内。
列布局容器	为内容添加一个新的列容器。其他组件可以放置在该列内。
选项卡	向通用选项卡组添加一个新选项卡。
通用选项卡组	添加一组选项卡。每个选项卡都可以包含不同的组件和内容。默认有三个选项卡，但可根据需要移除或添加。
倾斜区块	添加一个包含标题和段落文本的新区块。可在标题下方向标题区块中添加其他组件。

发票

发票 组件允许您插入发票组件以查看收益数据。

组件	描述
发票表	添加一个可展开的发票手风琴面板，用于承载收益数据。
发票表日期列	向您的发票表组件中添加一个新列。

该 排行榜 组件允许您对项目参与者进行排名、向表现最佳者提供奖励，并激励参与者在项目中取得更好成果。将排行榜添加到您的 已验证访问小部件 或 微站点中，并配置评分系统、排名系统和参与者筛选选项。有关更多信息，请参阅以下文章：

• 排行榜说明

• 设置排行榜

组件	描述
推荐已发起	这种类型的排行榜根据参与者发起的推荐数量进行排名。您的客户倡导者分数将与其发起的推荐数量对应。
推荐已转化	这种类型的排行榜根据参与者已转化的推荐数量进行排名。一旦被推荐好友达成某个项目目标，例如完成您定义金额的购买，该推荐即被视为已转化。您的客户倡导者分数将与已转化推荐的数量对应。
已获得积分	这种类型的排行榜根据参与者在奖励积分的 Advocate 项目中获得的积分总数进行排名。只要奖励单位积分不是待处理或已取消状态，都会计入。此排行榜类型仅适用于积分奖励类型。
匿名排行榜	排行榜的完全匿名版本，不会显示其他项目参与者的任何个人识别信息。可显示任何排行榜类型。

税务和现金

税务和现金 组件让您可以在您的 已验证访问小部件 或 微站点.

只有在以下情况下，此组件组才可用： 现金支付 功能已为您的账户启用。

组件	描述
付款状态提醒	提醒参与者在收到现金付款前需要采取的操作。该组件包含一个行动号召按钮，可引导参与者查看其付款设置。 您还可以选择自定义参与者查看该组件时会看到的任何文本说明。
微站点和小部件现金支付表单	插入一个表单，用于收集参与者的银行信息以及任何适用的税务表格，例如 W-8 或 W-9。 您还可以选择自定义参与者查看该表单时会看到的任何文本说明。 您还可以在此组件中设置验证提醒和要求。

分享

分享 组件为参与者提供便捷方式，可通过多个渠道推广他们的推荐链接和代码。当参与者点击分享按钮时，会打开所选渠道，例如 Facebook, LinkedIn, WhatsApp，或 电子邮件，并预填好消息或链接，随时可发送。

某些组件，如推荐代码，会显示参与者的个人推荐码或促销码，并提供复制到剪贴板选项以便快速分享。其他组件，如促销码，则以滑块视图展示多个可用代码（如已分配），并包含分享按钮，使参与者能够立即发布或发送所选代码。这些工具让参与者能够轻松传播信息并带来新的推荐。

组件	描述
推荐代码	显示一个带有复制到剪贴板选项的推荐代码字段。作为促销码功能的一部分使用。
促销码	预格式化的组件块，包含推荐促销代码字段，并带有滑块，可在分配了多个代码时在各代码之间切换。它还包括一个分享链接，以及 Facebook、LinkedIn 和 Twitter / X 分享按钮组件。
Facebook 分享按钮	显示一个可自定义文本的“分享到 Facebook”按钮。点击后，按钮会重定向到用户 Facebook 个人资料中的新帖子页面，并预加载品牌的社交消息。
X 分享按钮	显示一个可自定义文本的“通过 X 分享”按钮。点击后，按钮会重定向到用户 X 账户中的新帖子页面，并预加载品牌的社交消息。
电子邮件分享按钮	显示一个可自定义文本的“通过电子邮件分享”按钮。点击后，按钮会打开用户的默认电子邮件应用，并新建一封已预加载品牌社交消息的邮件。
移动端分享面板按钮	显示一个可在参与者网页浏览器内进行分享的按钮。点击后，按钮会打开一个菜单，列出用户可用来分享其链接的所有应用。选择某个应用后，将创建一条已预加载品牌社交消息的新帖子或消息。
LinkedIn 分享按钮	显示一个可自定义文本的“分享到 LinkedIn”按钮。点击后，按钮会重定向到用户 LinkedIn 个人资料中的新帖子页面，并预加载品牌的社交消息。
短信分享按钮	显示一个可自定义文本的“给朋友发短信”按钮。点击后，按钮会重定向到用户默认的短信/文本消息应用，并创建一条已预加载品牌社交消息的新短信/文本消息。
Messenger 分享按钮	显示一个可自定义文本的“通过 Messenger 分享”按钮。点击后，按钮会重定向到用户 Facebook Messenger 应用中的新消息页面，并预加载品牌的社交消息。
WhatsApp 分享按钮	显示一个可自定义文本的“通过 WhatsApp 分享”按钮。点击后，按钮会重定向到用户 WhatsApp 账户中的新消息页面，并预加载品牌的社交消息。
LINE 分享按钮	显示一个可自定义文本的“通过 Line Messenger 分享”按钮。点击后，按钮会重定向到用户 Line Messenger 应用中的新消息页面，并预加载品牌的社交消息。
Pinterest 分享按钮	显示一个可自定义文本的“分享到 Pinterest”按钮。点击后，按钮会重定向到用户 Pinterest 个人资料中的新帖子页面，并预加载品牌的社交消息。
分享链接	显示参与者在此项目中的分享链接。
二维码	以二维码形式显示参与者在此项目中的分享链接。

推荐

推荐 组件显示参与者所推荐好友的信息及其转化状态。它们使参与者能够轻松跟踪其推荐了谁、何时发生转化，以及从这些推荐中获得的任何奖励。

组件	描述
推荐卡片	预格式化的组件块，其中包含 项目时间线, 分享链接，以及 Facebook, LinkedIn， 和 Twitter / X 分享按钮组件。可根据需要添加或移除其他组件。
推荐表	显示一个表格，展示参与者推荐的好友、转化日期和转化状态。
推荐表日期列	向推荐表中添加另一日期列。必须放置在推荐表组件内。
推荐表奖励列	向推荐表中添加另一奖励列。必须放置在推荐表组件内。
推荐表状态列	向推荐表中添加另一状态列。必须放置在推荐表组件内。
推荐表用户列	向推荐表中添加另一客户（被推荐好友）列。必须放置在推荐表组件内。

高级

高级组件让您可以更好地控制参与者看到什么以及何时看到。它们允许有条件地显示内容、项目覆盖以及其他专门配置，从而帮助为特定受众定制体验。

组件	描述
条件区域 / 细分	仅当参与者属于某个 用户细分. 时，才在此区块中显示内容。要设置用户细分，请打开该组件的属性，并编辑 条件 字段中的 JSONata 表达式。 属于设定细分的用户将看到条件区块中显示的所有内容，而不属于该细分的用户将看不到这些内容。
条件区域 / 字段	仅当 自定义字段 在参与者资料中包含某个特定值时，才在此区块中显示内容。 要设置自定义字段名称和值，请打开该组件的属性，并编辑 条件 字段中的 JSONata 表达式。 具有正确自定义字段值的用户将看到条件区块中显示的所有内容，而没有正确自定义字段值的用户将看不到这些内容。
项目区块	项目区块组件允许您覆盖其子组件的项目 ID。当您想显示不关联到特定项目的内容时，请使用它。默认包含在大多数小部件和微站点模板中。

排版

排版组件让您可以向小部件或微站点添加格式化文本块。可选择：

• 段落

• 标题 1

• 标题 2

• 标题 3

• 标题 4