# 小部件与微站组件说明

<a href="https://pxa.impact.com/student/activity/2359603?sid=0c0e3e5c-54c9-4435-9bee-ebcdccb7f292&#x26;sid_i=0?utm_source=app.impact.com&#x26;utm_medium=owned-platform&#x26;utm_content=&#x26;utm_campaign=help-center" class="button primary">参加 PXA 课程</a>

{% hint style="success" %}
**有限**：除给定模板中提供的组件外，组件仅对某些产品版本或附加组件可用。如果您希望对微站使用的组件有更细粒度的控制，请联系我们升级您的计划。
{% endhint %}

组件是构成您倡导者（Advocate）计划的挂件或微站的单个构建模块，例如大图（hero image）和任务卡。这些元素塑造了 [参与者体验](https://help.impact.com/brand/zh/advocate-program/manage-advocate-participant-experiences/introduction-to-participant-experiences) 并且可以自定义以与您的品牌保持一致。

本文提供了挂件和微站编辑器中可用组件的分类列表。大多数组件支持样式和自定义，但某些组件在设计上有局限。您还可以在编辑器界面中预览组件状态。

<details>

<summary>统计</summary>

使用 *统计* 组件可让您的参与者了解他们在计划中的表现。有关这些组件可支持的统计列表，请访问 [挂件和微站统计](https://help.impact.com/brand/zh/advocate-program/manage-advocate-participant-experiences/widget-and-microsite-statistics-explained).

| 组件      | 说明                                                                                                                                                                                                                                                                                                                                                   |
| ------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| 积分余额    | <p>显示参与者的积分余额。用于以积分奖励参与者的倡导者计划。</p><p><img src="https://1186853034-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-ff7233d6a49bcc71a20dc6cfb3bf75ee62364ff4%2Fe1d9aac51361456cf34386eb5b5617d320af8f5087f2d38e3e3b25ff04f6efc4.png?alt=media" alt="" data-size="original"></p>         |
| 已获得的礼品卡 | <p>显示倡导者已获得的礼品卡奖励计数。</p><p><img src="https://1186853034-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-51c634a017ce4206b9e6412627708952b5768a3c%2F7ad00a45ca02abc61aa2883c4303e43a878e9702e3410bb5a6eedcb46d8100e4.png?alt=media" alt="" data-size="original"></p>                    |
| 推荐      | <p>显示参与者进行了多少次推荐。包括已启动和已转化的推荐。</p><p><img src="https://1186853034-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-c5433d26e89df79a0006bc70d66c7f136c8c4de9%2F40d8d181ce9bfcf7ca597db86ffddaf517b98fdcd65270945bcdef43faeccd2d.png?alt=media" alt="" data-size="original"></p>          |
| 三项统计容器  | <p>一个包含三项统计的模板。显示的统计可以更改。统计可以根据需要添加或删除。</p><p><img src="https://1186853034-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-eb3c3041a0cabee4b4be38ed5160f4baa660ba92%2F8526311212dbbab7ee4417e937d156eb481f6feb7a254b4c3e84d21c814d00c9.png?alt=media" alt="" data-size="original"></p> |
| 其他统计    | 显示您选择的统计。您可以在推荐统计、各种奖励统计之间选择，或构建自定义统计。                                                                                                                                                                                                                                                                                                               |

</details>

<details>

<summary>常用组件</summary>

*常用组件* 被广泛用于增强挂件或微站的功能性和设计一致性。它们涵盖通用的视觉和结构元素，例如大图、布局格式和描述性计划步骤。

| 组件     | 说明                                                                                                                                                                                                                                                                                                                                                                                   |
| ------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| 两列大图   | <p>跨两列显示的横幅图像和标题文本。图像、文本和背景颜色均可更新。</p><p><img src="https://1186853034-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-112e3e854f2ec884d09dcbf3c3a0dd91132b8065%2F0d6b6b7a5f3894b815b738a15afb7bd08e1ee77413858922235268a0119f528d.png?alt=media" alt="" data-size="original"></p>                                      |
| 覆盖式主图像 | <p>带覆盖文本的横幅图像。图像、文本和背景颜色均可更新。</p><p><img src="https://1186853034-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-def9dab1f6744d99f704005955522c5cae8f7ca1%2F1c8f53dc5117ebce1719f58d4974f97d4cb9fdddaa0a6d8741277d00139a5178.png?alt=media" alt="" data-size="original"></p>                                           |
| 图像     | <p>一张图片。背景颜色、对齐方式、高度和宽度可更改。</p><p><img src="https://1186853034-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-e9f631d5fae5baef21e495c18995bcc41931ff86%2Fe0c44f0accab2819658563d03164459fb470eedf4929c402138476b2eb8afa36.png?alt=media" alt="" data-size="original"></p>                                             |
| 链接按钮   | <p>可点击的按钮，将参与者重定向到您选择的链接。按钮颜色由品牌容器级别设置的品牌颜色控制。</p><p><img src="https://1186853034-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-875e756c5a4d4a79e4b62187ff8acb00da68f51d%2Fc0ebb75eb41b33f85ab7695f287a373730909122d616a7c19fd4bdd0675c8787.png?alt=media" alt="" data-size="original"></p>                          |
| 计划说明   | <p>用于解释倡导者计划如何运作（例如如何赚取奖励）的模板。默认包含两个计划说明步骤。可以添加更多步骤。颜色由品牌容器级别设置的品牌颜色控制。</p><p><img src="https://1186853034-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-ccd03061b907a18c914385b9fbdfcc1c54dfdd7e%2Fd7a265c23d586b3a6bcd9198cbee8eea2fedda9817794a468f309717081e72c0.png?alt=media" alt="" data-size="original"></p> |
| 计划说明步骤 | <p>添加描述性文本以解释计划的某一部分。适用于计划说明组件内。颜色由品牌容器级别设置的品牌颜色控制。</p><p><img src="https://1186853034-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-abf1a9d883d813187d2013fc7c8cd815639c0351%2Fba66c3ec6beb608ff42bb2cbb3757c5e98ad4e1946809fee380b0069cee8677a.png?alt=media" alt="" data-size="original"></p>                     |
| 计划时间线  | <p>为参与者显示推荐旅程和奖励的概览。根据需要添加或删除时间线条目。圆形图标和条目之间连线的颜色由品牌容器级别设置的品牌颜色控制。</p><p><img src="https://1186853034-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-ad4d74aab6ba3e437ed0b5c2ba350e95e584491c%2Fecfa298fa0a457c5061fc7de31fa195868d524d0905ba16cf512470cb6a9de33.png?alt=media" alt="" data-size="original"></p>      |
| 时间线条目  | <p>适用于计划时间线组件，用于显示推荐旅程的一步。圆形图标和条目之间连线的颜色由品牌容器级别设置的品牌颜色控制。</p><p><img src="https://1186853034-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-0d702f85b541b49847a0131fa6094cf37d45b95b%2F6cce8eebc7410fd43031702177f3fa6450cb172e8d420a31b7041ccc926011be.png?alt=media" alt="" data-size="original"></p>               |
| 用户名显示  | <p>动态拉取参与者的全名。如果参与者尚未填写姓名，默认为“匿名用户”。</p><p><img src="https://1186853034-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-454b0c94d3cdf37d3bec1f9feb38efa895ce21d4%2F333618f77b6dee4e26c899eb87962d2769ebbc161da05a90aadb3a5f2b59c3cf.png?alt=media" alt="" data-size="original"></p>                                    |

</details>

<details>

<summary>奖励</summary>

{% hint style="info" %}
**注意：** *奖励* 组件仅可用于验证访问的挂件和微站。
{% endhint %}

| 组件    | 说明                                                                                                                                                                                                                                                                                                                                                                                                                               |
| ----- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| 任务卡汇总 | <p>任务卡允许您的用户直接在挂件或微站中执行操作或查看倡导者计划目标的进展。此组件将多个任务卡添加到您的挂件或微站。按钮颜色由品牌容器级别设置的品牌颜色控制。</p><p><img src="https://1186853034-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-d1742cb883be61d63192bcb218ab5d53757e9e82%2Fe992aa7cf1f554169c1e60d351739a9bd8990ad01c4c29bf1deb2d971e07c8c4.png?alt=media" alt="" data-size="original"></p>                                    |
| 奖励兑换  | <p>允许参与者将已获得的奖励兑换为另一种类型的奖励。</p><p>您必须拥有 <a href="../advocate-rewards/reward-exchange-explained">奖励兑换</a> 设置才能使用此功能。</p><p><img src="https://1186853034-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-bbfbff1ec1b5d7b899ab55217f300e5bdf820502%2F914a34e427693bf936d3363a8075046dd25ef3de091552fc7de4cb82e00b3d7b.png?alt=media" alt="" data-size="original"></p> |
| 奖励表格  | <p>显示参与者已获得的奖励列表。可以包含手动奖励和/或跨多个倡导者计划获得的奖励。</p><p><img src="https://1186853034-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-5b4272b710f08544f2091db011583b6300278788%2Facbbaa66b154eaf370ec5457fd9e77b39272a679f7a9c67b17383c5530362f92.png?alt=media" alt="" data-size="original"></p>                                                                          |
| 客户备注列 | <p>向奖励表格添加另一备注列。必须放置在奖励表格组件内。</p><p><img src="https://1186853034-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-49a7a7000c4e43d73944d65d9268d049ce733f22%2F4bb3b31be09584ce982c27d57b373dc3ba807de9f29be528bab2361ae68d8c8e.png?alt=media" alt="" data-size="original"></p>                                                                                       |
| 日期列   | <p>向奖励表格添加另一日期列。必须放置在奖励表格组件内。</p><p><img src="https://1186853034-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-9f1dabcef083a77ff77adb59d8d2877821b52e6c%2Fe36fb74a08d833bfbb0ebae4b1ef3ba7b49018b00c9cf835c75f1a6a73f3df9f.png?alt=media" alt="" data-size="original"></p>                                                                                       |
| 奖励列   | <p>向奖励表格添加另一奖励列。必须放置在奖励表格组件内。</p><p><img src="https://1186853034-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-e64ef4645152bb65dd8c3e0ad3b8bee76f930f16%2Fd32357695c9503d7751f493e28b36d9bd8ee1af725556d43a072b2dbc2d1e9f0.png?alt=media" alt="" data-size="original"></p>                                                                                       |
| 来源列   | <p>向奖励表格添加另一来源列。必须放置在奖励表格组件内。</p><p><img src="https://1186853034-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-e22f21797957227a12deafc7384625cf77154c01%2F57891cdf76885a886769e0fa768567c48e36f38c00a0e72e25ca640a21e6c92e.png?alt=media" alt="" data-size="original"></p>                                                                                       |
| 状态列   | <p>向奖励表格添加另一状态列。必须放置在奖励表格组件内。</p><p><img src="https://1186853034-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-10a40c5e3746406038e4e8bac76d9fffabfa2733%2F73173dd2ce38046c737485ea1c0123f1d51c18195c684f59ab776aac9f6f76b9.png?alt=media" alt="" data-size="original"></p>                                                                                       |

</details>

<details>

<summary>微站组件</summary>

*微型网站* 组件主要用于微站的注册表单和导航侧栏。这些组件不能添加到程序挂件中。

| 组件      | 说明                                                                                                                                                                                                                                                                                                                                                                                                                                                              |
| ------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| 表单复选框字段 | <p>向注册表单添加复选框。您可以将复选框是否被勾选映射到倡导者参与者的自定义字段。有关更多信息，请参阅查看您的微站注册表单提交。</p><p><img src="https://1186853034-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-b755fcb2cb0a2a4332d334c5d4df9750abc74535%2Fbe707549d5ab3386580210dadc39c277a8221a2294690f6f5098f8fa49e91dad.png?alt=media" alt="" data-size="original"></p>                                                                                  |
| 表单下拉字段  | <p>向注册表单添加带可自定义选项列表的下拉列表。您可以将用户选择的列表项映射到倡导者参与者的自定义字段。有关此操作的帮助，请联系支持。</p><p><img src="https://1186853034-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-d4d06463b739d6320cca385d51aef2ebb21a06e9%2Fbcfe9233e8daa3f5cdd4213fc80fb2a8ecef610eecaed1be02e99d4939ff14e5.png?alt=media" alt="" data-size="original"></p>                                                                               |
| 表单输入字段  | <p>向注册表单添加自由格式文本输入字段。您可以将用户输入的文本映射到倡导者参与者的自定义字段。 <a href="https://app.impact.com/support/portal.ihtml?createTicket=true&#x26;">联系支持</a> 以获取此方面的帮助。</p><p><img src="https://1186853034-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-22dbac6584da989b0190425decc62f668a813320%2F9324f8dd94e41ba973d7753c410bbd020e8d61f060652fcabbd14482b4d242c5.png?alt=media" alt="" data-size="original"></p> |
| 表单姓名字段  | <p>向注册表单添加可填写的名字和姓氏字段。</p><p><img src="https://1186853034-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-f516e369b49dd1fa5220e0eb0fd5a8a5e13715cc%2Ff86f4e367584f563904db00af1e76cdad40c92a4b2694146b5b755a017e76886.png?alt=media" alt="" data-size="original"></p>                                                                                                                             |
| 侧栏项     | <p>向微站的侧边导航添加新页面或链接。只能放置在微站的已登录布局中。</p><p><img src="https://1186853034-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-22080a0fa46172389a9f84eb1f5b915a9cb9bd53%2F927e9d1ef0ec4a6d3c1797199be78426ffcbaf84e4007288b303eee91d005e3d.png?alt=media" alt="" data-size="original"></p>                                                                                                                |
| 表单密码字段  | <p>向注册表单添加可填写的密码字段。</p><p><img src="https://1186853034-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-d11ad739227f7ef4d5ef2155131766cef7bfe569%2Fc09a224e7a38863ef546d342ef93fac272cfde0e95b47c6e99c73302159aece9.png?alt=media" alt="" data-size="original"></p>                                                                                                                                |

</details>

<details>

<summary>即时访问</summary>

*即时访问* 组件可让被推荐的朋友快速注册或兑换奖励，而无需经过标准注册流程。它们非常适合使用即时访问推荐挂件或好友注册流程的计划。

| 组件     | 说明                                                                                                                                                                                                                                                                                                                                                                                                                                          |
| ------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| 优惠券代码  | <p>显示可兑换的燃料箱（Fuel Tank）奖励代码。</p><p>该 <a href="../advocate-rewards/fuel-tank-rewards-explained">奖励燃料箱</a> 必须有可用的优惠码，此组件才能按预期工作。</p><p><img src="https://1186853034-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-b6751473ff9a89ec2635661cbefd69fe20e2606c%2Fdc86a733cfb70c7df0a19df89b1dd5c9bbc57d5e0ff52bb5278be069d9543ed6.png?alt=media" alt="" data-size="original"></p> |
| 倡导者注册  | <p>允许新的倡导者输入其电子邮件地址以注册并进行推荐。输入电子邮件地址后，用户将进入第二个屏幕，在那里可以访问其推荐分享链接。用于即时访问网站推荐挂件。</p><p><img src="https://1186853034-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-848bf4497a7280a28c48b76e0031a7cabd2702d1%2Fcb04ab4a85a9c132631ae16c6f15215af60c9f5355ab77de58469379dc65e0a9.png?alt=media" alt="" data-size="original"></p>                                                  |
| 登出当前用户 | <p>允许查看者退出个性化的即时访问显示。</p><p><img src="https://1186853034-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-0a4b2367a12e92611062ba6b3385739c3f25f195%2Fcf128314c155054d77102dafd71a5e5082975ee8851b79b718d105095f498eef.png?alt=media" alt="" data-size="original"></p>                                                                                                          |
| 好友注册   | <p>允许被推荐的朋友输入其电子邮件地址进行注册。输入电子邮件地址后，用户将进入第二个屏幕，在那里可以访问其优惠券代码奖励。用于即时访问好友挂件。</p><p><img src="https://1186853034-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-848bf4497a7280a28c48b76e0031a7cabd2702d1%2Fcb04ab4a85a9c132631ae16c6f15215af60c9f5355ab77de58469379dc65e0a9.png?alt=media" alt="" data-size="original"></p>                                                      |

</details>

<details>

<summary>布局</summary>

*布局* 组件允许您组织并将其他组件分组在一起。使用它们可创建部分、行、列或选项卡。

| 组件                   | 说明                                                                                                                                                                                                                                                                                                                                                                  |
| -------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| 两列大图布局               | <p>添加具有两列内容的大图布局。</p><p><img src="https://1186853034-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-90fbc0943f7a9bf20af2a8ef5224fe307b4cd447%2Fe9d5fb3e534e6d42f93128e7f52c08f21cefd7f0c378c1f6e72877b5fbfe8703.png?alt=media" alt="" data-size="original"></p>                                      |
| 行布局容器                | <p>添加新的行容器以放置内容。其他组件可以放置在该行内。</p><p><img src="https://1186853034-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-c6a50f4ca39b0fa9df127beda85b8fda790dbd1c%2F792b42fe4a633f3b3950954d520b5f5d8e7bce7c15d0d6ce14cc041c0244ea3c.png?alt=media" alt="" data-size="original"></p>                          |
| 列布局容器                | <p>添加新的列容器以放置内容。其他组件可以放置在该列内。</p><p><img src="https://1186853034-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-c6a50f4ca39b0fa9df127beda85b8fda790dbd1c%2F792b42fe4a633f3b3950954d520b5f5d8e7bce7c15d0d6ce14cc041c0244ea3c.png?alt=media" alt="" data-size="original"></p>                          |
| 选项卡                  | <p>向通用选项卡组添加新选项卡。</p><p><img src="https://1186853034-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-bf80a7b35daafb8849d2fabb0acac194eb8de4ae%2F5517db3bff5c64677ef351b5ec94ce32336e728877cca2b5614cdc719bbdd087.png?alt=media" alt="" data-size="original"></p>                                      |
| 通用选项卡组               | <p>添加一组选项卡。每个选项卡可以包含不同的组件和内容。默认有三个选项卡，但可以根据需要删除或添加选项卡。</p><p><img src="https://1186853034-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-f38bb2abbd959f6de3dd3057279bef72b167bd7a%2F6d51c82449438758a0d7e7c667b4e41e8b1ba274f5f32206ea0a934ef967349b.png?alt=media" alt="" data-size="original"></p> |
| 倾斜区块（Tilted Section） | <p>添加包含标题和段落文本的新部分。其他组件可以在标题下的倾斜区块中添加。</p><p><img src="https://1186853034-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-d2e2627c0305da170e459293404b3a7a32bbdd57%2Fd5c2b7ee84117e3804a0afe8d99c1681b0c370c578620d960f2cd780b1b034f9.png?alt=media" alt="" data-size="original"></p>                 |

</details>

<details>

<summary>发票</summary>

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

| 组件      | 说明                                                                                                                                                                                                                                                                                                                                  |
| ------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| 发票表格    | <p>添加可展开的发票手风琴以包含收益数据。</p><p><img src="https://1186853034-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-4c505a7531266547be4dd870343a448fbe506af7%2F987ceee7ddf4cf17d9cc5978b505139e06c16cab3e44c221d7374f65e563fa19.jpg?alt=media" alt="" data-size="original"></p> |
| 发票表格日期列 | <p>向您的发票表格组件添加新列。</p><p><img src="https://1186853034-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-fb42d6e770406c2e2cc06864b1aaf1d129d7df72%2F48530b7fb857185f3571f592166d3b8f937e5a2f84e6d8b0387c6b63c2e382de.png?alt=media" alt="" data-size="original"></p>      |

</details>

该 *排行榜* 组件允许您对程序参与者进行排名，向表现优异者提供奖励，并激励参与者在您的计划中推动更大的成果。将排行榜添加到您的 [验证访问挂件](https://help.impact.com/brand/zh/advocate-program/manage-advocate-participant-experiences/widget-experiences/widget-types-explained) 或 [微站](https://help.impact.com/brand/zh/advocate-program/manage-advocate-participant-experiences/microsite-experiences/microsites-overview)，并配置计分系统、排名系统和参与者筛选选项。有关更多信息，请参阅以下文章：

* [排行榜说明](https://help.impact.com/brand/zh/advocate-program/manage-advocate-participant-experiences/leaderboards-explained)
* [设置排行榜](https://help.impact.com/brand/zh/advocate-program/manage-advocate-participant-experiences/set-up-a-leaderboard)

| 组件    | 说明                                                                                                                                                                                                                                                                                                                                                                                                   |
| ----- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| 推荐已启动 | <p>此类排行榜按参与者已发起的推荐数量对其进行排名。客户倡导者的分数将对应于已发起的推荐数量。</p><p><img src="https://1186853034-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-347d66dfe033a6dcf0e6d487801fbab053997704%2Fc4df3139983a0454f0cca11c832c8870fea8cf861c651210e437d2ee148ee757.png?alt=media" alt="" data-size="original"></p>                                        |
| 推荐已转化 | <p>此类排行榜按参与者已转化的推荐数量对其进行排名。一旦被推荐的朋友达成计划目标（例如达到您定义的购买金额），推荐即被视为已转化。客户倡导者的分数将对应于已转化的推荐数量。</p><p><img src="https://1186853034-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-347d66dfe033a6dcf0e6d487801fbab053997704%2Fc4df3139983a0454f0cca11c832c8870fea8cf861c651210e437d2ee148ee757.png?alt=media" alt="" data-size="original"></p> |
| 积分已获得 | <p>此类排行榜按参与者在以积分奖励的倡导者计划中获得的积分总数对其进行排名。所有不处于待定或已取消状态的积分奖励单位均计入。此排行榜类型仅适用于积分奖励类型。</p><p><img src="https://1186853034-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-c77ede4e082778754887872f948e6b8b0d188474%2F83ae9393fa0cb1e9bc6f4dd53aa9d77e858bb40ef4e985a5247413950ff66729.png?alt=media" alt="" data-size="original"></p>        |
| 匿名排行榜 | <p>排行榜的完全匿名版本，不显示其他计划参与者的任何个人身份信息。可显示任何排行榜类型。</p><p><img src="https://1186853034-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-7de957636976c1d06b91c963c3bc6befffa789d8%2Fb04ceffabe2ed8007c96b0f932ebf06063fd5d3a4af2dec81b1fad443ee7d4b5.png?alt=media" alt="" data-size="original"></p>                                           |

<details>

<summary>税务与现金</summary>

*税务与现金* 组件允许您在您的 [验证访问挂件](https://help.impact.com/brand/zh/advocate-program/manage-advocate-participant-experiences/widget-experiences/widget-types-explained) 或 [微站](https://help.impact.com/brand/zh/advocate-program/manage-advocate-participant-experiences/microsite-experiences/microsites-overview).

此组件组仅在为您的账户启用该 [*现金支付*](https://help.impact.com/brand/zh/advocate-program/advocate-rewards/pay-with-cash/cash-payouts-for-advocate-explained) 功能时可用。

| 组件          | 说明                                                                                                                                                                                                                                                                                                                                                                                                                |
| ----------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| 付款状态提醒      | <p>提醒参与者在他们能够收到现金付款之前需要采取的操作。该组件包含一个号召性按钮，引导参与者查看其付款设置。</p><p>可选地，自定义参与者查看该组件时将看到的任何文本说明。</p><p><img src="https://1186853034-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-4d9b5f8072ff2b0c78e1f173493cf4d2ddef9334%2F2c0be35e8e0bfbcb7d7b5e9b9ea30b1b794722e04336f566b033cc9850e1b486.png?alt=media" alt="" data-size="original"></p>            |
| 微站与挂件现金付款表单 | <p>插入用于收集参与者银行信息和任何适用税表（例如 W-8 或 W-9）的表单。</p><p>可选地，自定义参与者查看表单时将看到的任何文本说明。</p><p>您还可以在此组件内设置验证提醒和要求。</p><p><img src="https://1186853034-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-00fc2e186e360a8330580a3163c8016aae9c6ecc%2F270f47b47bd597f40b6a4253ce541ea0b53a552847e5efc71afeaa74fba1354b.png?alt=media" alt="" data-size="original"></p> |

</details>

<details>

<summary>选项卡，选择</summary>

*选项卡，选择* 组件为参与者提供了便捷的方式，以在多个渠道上推广他们的推荐链接和代码。参与者点击分享按钮时，会打开所选渠道，例如 *Facebook*, *LinkedIn*, *WhatsApp*，或 *高级组件允许您包含基于参与者的条件内容，例如*，并带有预填充的消息或链接，准备发送。

某些组件（如推荐代码）显示参与者的个人推荐或促销代码，并带有一键复制到剪贴板的选项以便快速分享。其他组件（如促销代码）在滑动视图中展示多个可用代码（如果已分配），并包含分享按钮，参与者可以即时发布或发送所选代码。这些工具让参与者更容易传播信息并带来新推荐。

| 组件             | 说明                                                                                                                                                                                                                                                                                                                                                                                                             |
| -------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| 推荐代码           | <p>显示带有复制到剪贴板选项的推荐代码字段。作为促销代码功能的一部分使用。</p><p><img src="https://1186853034-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-350b4cd5d21cca6714a3eadcac9b273250d1489b%2Fc765bebedb73ecdfcb67f14de17f261c9d55d4043cf4296025801350717df9ff.png?alt=media" alt="" data-size="original"></p>                                                            |
| 促销代码           | <p>预格式化的组件块，包含推荐促销代码字段，并带有滑动器以在分配了多个代码时切换不同代码。它还包含分享链接，以及 Facebook、LinkedIn 和 Twitter / X 分享按钮组件。</p><p><img src="https://1186853034-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-3fd5339df311e321f51f058bbaa88ddfaf08d6bc%2Ffe4b15e28eecd25533da83c6417660b98eb94e8dd083040f5f847d1683a8f7b2.png?alt=media" alt="" data-size="original"></p> |
| Facebook 分享按钮  | <p>显示带有可自定义文本的分享到 Facebook 按钮。点击后，按钮会在用户的 Facebook 个人资料上打开一个新帖子，并预加载品牌的社交消息。</p><p><img src="https://1186853034-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-ac40825644d43883701dfefcf84d0d237ed0c694%2Fe90f8748aff7c0bf33cba007cab091851f916f9dfb24ec228bc27634bca575fe.png?alt=media" alt="" data-size="original"></p>                      |
| X 分享按钮         | <p>显示带有可自定义文本的通过 X 分享按钮。点击后，按钮会在用户的 X 帐户上打开一个新帖子，并预加载品牌的社交消息。</p><p><img src="https://1186853034-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-ce26efcd37d82f16d9f2d4d288f42b28e54bcb9b%2Fc4de3610b0ba8f1599ff74aa83740b07bf9d20a3ae09f33df7858dc15d8a82b2.png?alt=media" alt="" data-size="original"></p>                                     |
| 电子邮件分享按钮       | <p>显示带有可自定义文本的通过电子邮件分享按钮。点击后，按钮会打开用户默认的电子邮件应用并开始撰写一封新邮件，邮件中预填充了品牌的社交消息。</p><p><img src="https://1186853034-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-99cd491d8066557af00352c2161adbf0d1ff80d9%2F65667d26945a492f02467c4d6cd3d88f4501f029c3fa924ce20587ae6661fde1.png?alt=media" alt="" data-size="original"></p>                           |
| 移动分享表单按钮       | <p>显示一个在参与者的网页浏览器中分享的按钮。点击后，该按钮会打开一个菜单，列出用户可用于分享其链接的所有可用应用。选择应用后，将创建一个新帖子或消息，并预填充品牌的社交消息。</p><p><img src="https://1186853034-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-b0aefc7accad7dc192307b765172cba66908faeb%2Fbf216b95fbd48c0377b824b12708e0ca1f8e6e2a9c1660359e7e0bbc65725b09.png?alt=media" alt="" data-size="original"></p>         |
| LinkedIn 分享按钮  | <p>显示带有可自定义文本的分享到 LinkedIn 按钮。点击后，按钮会在用户的 LinkedIn 个人资料上打开一个新帖子，并预加载品牌的社交消息。</p><p><img src="https://1186853034-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-2a776449d19fc08bb449a5f8351c7101075f1c74%2F2f76bd37890d40e8839f6cab5f0cb5a2b8b11d7bf5f9dfe02d48dad3a8d96cb1.png?alt=media" alt="" data-size="original"></p>                      |
| 短信分享按钮         | <p>显示带有可自定义文本的给朋友发短信按钮。点击后，按钮会重定向到用户的默认短信/文本消息应用，并创建一条预填充了品牌社交消息的新短信/文本消息。</p><p><img src="https://1186853034-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-798893a05da61813dc9d1935d7008941222a8b90%2F3a3fc9c019417421b28b3a5514384cc6a02b25046b7703325aeefe2ed4ca902a.png?alt=media" alt="" data-size="original"></p>                        |
| Messenger 分享按钮 | <p>显示带有可自定义文本的通过 Messenger 分享按钮。点击后，按钮会在用户的 Facebook Messenger 应用中打开一条新消息，并预加载品牌的社交消息。</p><p><img src="https://1186853034-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-93f82656f6614d7f34071466b5d061b7c3d1d463%2F2b31207d2addc11e7d589fada9808712bfa21e218fde0aebcbd0bc989d18919d.png?alt=media" alt="" data-size="original"></p>            |
| WhatsApp 分享按钮  | <p>显示带有可自定义文本的通过 WhatsApp 分享按钮。点击后，按钮会在用户的 WhatsApp 帐户中打开一条新消息，并预加载品牌的社交消息。</p><p><img src="https://1186853034-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-e3b0d2368c1eaa1b37d41216636f85eee4c9e138%2Fb939f470eb31109551821fe0d22887a99ae81678872ff3241ddcfe2e382c5796.png?alt=media" alt="" data-size="original"></p>                       |
| LINE 分享按钮      | <p>显示带有可自定义文本的通过 LINE Messenger 分享按钮。点击后，按钮会在用户的 LINE Messenger 应用中打开一条新消息，并预加载品牌的社交消息。</p><p><img src="https://1186853034-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-0551e0947b75a319cd37b2fc5190f94aa7ac3275%2Fc9b7ee44e3f60422f7f0c1314fd669569eac6da0c1f4cdfe8baa7733f704b67b.png?alt=media" alt="" data-size="original"></p>           |
| Pinterest 分享按钮 | <p>显示带有可自定义文本的分享到 Pinterest 按钮。点击后，按钮会在用户的 Pinterest 个人资料上打开一个新帖子，并预加载品牌的社交消息。</p><p><img src="https://1186853034-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-6c91830cc012ce3ddbdd99a80c2ab4808e27eb14%2F32f7f7814c6be91a947add2d5d7f0bb5b375a16f212313a18774e79dfa562374.png?alt=media" alt="" data-size="original"></p>                    |
| 分享链接           | <p>显示该计划的参与者分享链接。</p><p><img src="https://1186853034-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-a7096d63847a389d28ffebcc71d0883ed90cc525%2F2eb89dd61c2c37dbc09f4a4d765b980826a5a3f755bad93880e9fb9248593db6.png?alt=media" alt="" data-size="original"></p>                                                                                 |
| 二维码            | <p>以二维码形式显示该计划的参与者分享链接。</p><p><img src="https://1186853034-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-1aa383efd76c4268b71ab2118635a650a5dca9b3%2Fb575c24753eb2779431f9a9bfe56e84abd836992751052ea5d6b58b54a2fd964.png?alt=media" alt="" data-size="original"></p>                                                                           |

</details>

<details>

<summary>推荐</summary>

*推荐* 组件显示有关参与者被推荐朋友及其转化状态的信息。它们使参与者可以轻松跟踪他们推荐了谁、转化何时发生以及从这些推荐中获得的任何奖励。

| 组件      | 说明                                                                                                                                                                                                                                                                                                                                                                                                                                               |
| ------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| 推荐卡     | <p>预格式化的组件块，包含 <em>计划时间线</em>, <em>分享链接</em>，和 <em>Facebook</em>, <em>LinkedIn，</em> 和 <em>Twitter / X</em> 分享按钮组件。可以根据需要添加或删除其他组件。</p><p><img src="https://1186853034-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-f756a1f54cf83ab690539ad68993287112cce6c0%2F8f6c3feabc2b64c582ba9c730c7813b993ead61741d6b21490dd04cc1a92c766.png?alt=media" alt="" data-size="original"></p> |
| 推荐表格    | <p>显示一张表格，展示参与者被推荐的朋友、转化日期和转化状态。</p><p><img src="https://1186853034-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-ce55181b973b561145f087c8112c6008d71daac2%2F14f8e870dfa6c7bf6ab3d1d1fc0ccdc296b2e0b654b72d9b955d7e658fcce1a3.png?alt=media" alt="" data-size="original"></p>                                                                                                    |
| 推荐表格日期列 | <p>向推荐表格添加另一日期列。必须放置在推荐表格组件内。</p><p><img src="https://1186853034-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-8992234a958c425bfc53bf938cd323162d62d857%2Fd33d6f5ef933f7df85c392f6733973cafe2b798ea1798628f55b67f201cb0734.png?alt=media" alt="" data-size="original"></p>                                                                                                       |
| 推荐表格奖励列 | <p>向推荐表格添加另一奖励列。必须放置在推荐表格组件内。</p><p><img src="https://1186853034-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-ef97eededbc5f92ec490dcab90fd10fb97170671%2F12c9225c7808b735b15b3534fd04a4ffbb7556b6fdc457a942f3ffb76456ba69.png?alt=media" alt="" data-size="original"></p>                                                                                                       |
| 推荐表格状态列 | <p>向推荐表格添加另一状态列。必须放置在推荐表格组件内。</p><p><img src="https://1186853034-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-e3440cacb4114c9d370932773b6d92b971729d75%2F1cbe3630384c042632077d3cf87577401eaa02496651fbf90e6e4dba9f62a5aa.png?alt=media" alt="" data-size="original"></p>                                                                                                       |
| 推荐表格用户列 | <p>向推荐表格添加另一客户（被推荐朋友）列。必须放置在推荐表格组件内。</p><p><img src="https://1186853034-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-07c39fcbf12ca844c00d89c7e423190d5e7ee38e%2F2e6b9f6c02a9670ddd7b2bf8fc050f6a8776851c6eac94b794c42d3aa33ed2f8.png?alt=media" alt="" data-size="original"></p>                                                                                                |

</details>

<details>

<summary>高级</summary>

高级组件让您对参与者看到的内容以及何时看到有更大控制权。它们允许有条件显示内容、程序覆盖和其他专用配置，帮助为特定受众定制体验。

| 组件               | 说明                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         |
| ---------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| 条件区域/细分（Segment） | <p>仅当参与者属于某个 <a href="../manage-advocate-participants/manage-advocate-user-segments">用户分段</a>.</p><p>要设置用户细分，请打开组件属性并在中编辑 JSONata 表达式 <em>JSONata 表达式</em> 字段中添加1个电子邮件地址。</p><p>属于该细分中的用户将看到条件区域中显示的所有内容，而不属于该细分的用户将看不到该内容。</p><p><img src="https://1186853034-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-2fe790e8458995641bd60d7f1efc8f81a0c5598e%2Fbb4c121de32787e766f9d5930e0e34f0ce2637ab3a1dfc6aa5fb7bf7bb4bd0d5.png?alt=media" alt="" data-size="original"></p>                                                                   |
| 条件区域/字段          | <p>仅当参与者资料上的某个 <a href="../manage-advocate-participants/custom-and-calculated-fields/custom-fields-for-advocate-explained">细分</a> 包含某个值时，才在此部分显示内容。</p><p>要设置自定义字段名称和值，请打开组件属性并在中编辑 JSONata 表达式 <em>JSONata 表达式</em> 字段中添加1个电子邮件地址。</p><p>具有正确自定义字段值的用户将看到条件区域中显示的所有内容，而没有正确自定义字段值的用户将看不到该内容。</p><p><img src="https://1186853034-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-2fe790e8458995641bd60d7f1efc8f81a0c5598e%2Fbb4c121de32787e766f9d5930e0e34f0ce2637ab3a1dfc6aa5fb7bf7bb4bd0d5.png?alt=media" alt="" data-size="original"></p> |
| 程序部分             | <p>程序部分组件允许您覆盖其子组件的程序 ID。当您想显示未链接到特定程序的内容时使用它。默认包含在大多数挂件和微站模板中。</p><p><img src="https://1186853034-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-2fe790e8458995641bd60d7f1efc8f81a0c5598e%2Fbb4c121de32787e766f9d5930e0e34f0ce2637ab3a1dfc6aa5fb7bf7bb4bd0d5.png?alt=media" alt="" data-size="original"></p>                                                                                                                                                                                                                               |

</details>

<details>

<summary>排版</summary>

排版组件让您向挂件或微站添加格式化的文本块。可选择：

* 段落
* 标题 1
* 标题 2
* 标题 3
* 标题 4

  <div data-with-frame="true"><figure><img src="https://1186853034-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-a21333a42165afd0b94699beb820ce6f01d4967b%2F98486fd03f5278fcc0128c28d9b9c6a7a62508a7f08c0db73e8d274a1198d0e0.jpg?alt=media" alt="" width="208"><figcaption></figcaption></figure></div>

</details>
