> For the complete documentation index, see [llms.txt](https://help.impact.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.impact.com/brand/zh/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/widget-experiences/set-up-an-instant-access-widget.md).

# 设置即时访问组件

<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>

专为电商和零售客户设计，快速访问小组件为您的客户推荐人及其被推荐的朋友提供了一种轻松参与您的推荐计划的方式——无需密码或身份验证。

快速访问小组件有 2 种类型：

* 该 *网站推荐小组件* 为您的客户推荐人提供一种轻松加入您的推荐计划并访问其分享链接的方式。
* 该 *朋友小组件* 会将被推荐客户注册到 Advocate 计划中，然后在他们提供电子邮件地址后发放奖励——例如折扣码——。当您的客户推荐人的朋友点击其分享链接时，应显示在落地页上。

有关快速访问小组件工作方式的更多详细信息，请参阅 [小组件类型说明](/brand/zh/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/widget-experiences/widget-types-explained.md).

#### 第 1 步：在您的计划规则中设置小组件

首先，您需要配置快速访问小组件的外观。

{% tabs %}
{% tab title="网站推荐小组件" %}

1. 从左侧导航菜单中，选择 ![](https://1186853034-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-230534471fef5f40808e921e41ee44e4a06ded03%2Fe6cb9548999afdc1ed3ce4942e4cb5b45b5cecbd323267aac2a7cd1915fccc09.svg?alt=media) **\[Engage] → 项目规则**.
2. 选择 **内容** 页面顶部的选项卡。
3. 在……上 *网站推荐小组件* 卡片中，选择 **编辑**.

   <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%2Fuobx2XxNWNvnWI9VxAeM%2FScreenshot%202026-05-18%20at%2009.46.08.png?alt=media&amp;token=6cd074ab-47c6-4423-ab7e-f555c639efe9" alt=""><figcaption></figcaption></figure></div>
4. 调整模板的外观和内容。
   * 有关如何使用小组件编辑器的更多信息，请参阅 [自定义项目小组件](/brand/zh/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/widget-experiences/customize-program-widgets.md)。以下组中的组件不能添加到快速访问小组件中： *奖励*, *统计数据*, *微型站点组件*，或 *推荐*.
5. 保存您对小组件所做的更改。
   {% endtab %}

{% tab title="朋友小组件" %}

1. 从左侧导航菜单中，选择 ![](https://1186853034-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-230534471fef5f40808e921e41ee44e4a06ded03%2Fe6cb9548999afdc1ed3ce4942e4cb5b45b5cecbd323267aac2a7cd1915fccc09.svg?alt=media) **\[Engage] → 项目规则**.
2. 选择 **内容** 页面顶部的选项卡。
3. 在……上 *朋友小组件* 卡片中，选择 **编辑**.

   <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%2Fb2KP4npAsfVPKK5ZZytF%2FScreenshot%202026-05-18%20at%2009.47.19.png?alt=media&amp;token=8d651c41-1e04-43a8-b341-5d1905408da2" alt=""><figcaption></figcaption></figure></div>
4. 调整模板的外观和内容。
   * 有关如何使用小组件编辑器的更多信息，请参阅 [自定义项目小组件](/brand/zh/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/widget-experiences/customize-program-widgets.md)。以下组中的组件不能添加到快速访问小组件中： *奖励*, *统计数据*, *微型站点组件*，或 *推荐*.
5. （可选）选择 ![](https://1186853034-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-b5e1740618ed6571d97b8fed7c25a7678f85d375%2F299632fb6f4f91fbf9847471754cc6180e4284a65b4960af4c4ea472a159f552.svg?alt=media) **\[未勾选框] 显示** 在 *朋友小组件* 卡片到 *为被推荐的朋友自动显示*.
   * 此选项启用自动弹窗功能。自动弹窗通过让朋友小组件在落地页上更加醒目，从而为被推荐朋友创造更具吸引力的体验。
6. 保存您对小组件所做的更改。
   {% endtab %}
   {% endtabs %}

#### 第 2 步：配置朋友小组件以发放奖励（可选）

如果您正在使用朋友小组件，您可以将其配置为向被推荐朋友提供折扣码。为此，首先需要设置 fuel tank 奖励。然后，配置您的计划规则，通过朋友小组件发放此奖励。

{% hint style="info" %}
**注意：** 如果您已经为您的计划设置了 fuel tank 奖励，那么您可以编辑 [现有奖励](/brand/zh/what-would-you-like-to-learn-about/advocate-program/advocate-rewards/set-up-a-fuel-tank-reward.md) 并更改 *访问类型* 进行 **快速访问** 。
{% endhint %}

1. 设置一个 [fuel tank 奖励](/brand/zh/what-would-you-like-to-learn-about/advocate-program/advocate-rewards/set-up-a-fuel-tank-reward.md).
   * fuel tank 是您上传唯一折扣的地方，impact.com 将在朋友小组件中显示这些折扣。
2. 从左侧导航菜单中，选择 ![](https://1186853034-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-230534471fef5f40808e921e41ee44e4a06ded03%2Fe6cb9548999afdc1ed3ce4942e4cb5b45b5cecbd323267aac2a7cd1915fccc09.svg?alt=media) **\[Engage] → 项目规则**.
3. 选择 **计划行为** 页面顶部的选项卡。
4. 找到向被推荐朋友发放奖励的计划规则，然后选择 ![](https://1186853034-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fut4jbWXPGIqKlOpfrxol%2Fadvocate_edit.svg?alt=media\&token=3a645b22-237b-429e-be28-5a4d92fab66c) **\[编辑操作]**.

   <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%2FgH9l0ls6qyirX5CI1yUH%2FScreenshot%202026-05-18%20at%2009.59.05.png?alt=media&amp;token=7232b7df-d38e-44d2-a613-cebaa1b1632a" alt=""><figcaption></figcaption></figure></div>
5. 确保该操作发送一个 **奖励和电子邮件** 到 **朋友**，然后选择 **下一步**.
6. 在……顶部 *编辑奖励* 屏幕上，选择 **使用预先配置的奖励**.

   <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-0c279d2b9565e090b9d307487a89253949ea82d5%2F7922f00a4660ca4be39e63403b51343ac0eeb85dd15e6497e15fc10536d22c1e.jpg?alt=media" alt=""><figcaption></figcaption></figure></div>
7. 在 *奖励* 下拉列表，选择您创建的 fuel tank 奖励。
8. 选择 **下一步**，然后检查该操作并选择 **保存**.

#### 第 3 步：安装小组件

恭喜！您的快速访问小组件已准备就绪。最后一步是生成一段代码片段，将其嵌入到您的购买后落地页、结账流程或您希望参与者访问它们的任何位置。

{% tabs %}
{% tab title="网站推荐小组件" %}

1. 从顶部导航栏中，选择 ![](https://1186853034-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2F210dEQa93qyQgoJDkieL%2FUser%20profile.svg?alt=media\&token=f84c5b17-fae4-4a30-990a-9de5e57a150b) **\[用户资料] → 设置**.
2. 在左侧，下面 *Advocate 设置*，选择 **安装**.
3. 从小组件下拉列表中，选择您创建的快速访问小组件之一。
4. 选择是否要为以下内容生成代码片段： **嵌入式小组件** 或一份 **弹窗小组件**.
   * 嵌入式小组件会直接显示在您的网页中。
   * 弹窗小组件会在参与者点击您指定的按钮或链接后，在弹窗中加载。
5. 复制生成的代码片段，然后将其添加到您的电商平台或落地页中。
   {% endtab %}

{% tab title="朋友小组件" %}
{% hint style="info" %}
**如果您的朋友小组件使用自动弹窗，请跳过此步骤：** 此步骤并非所有朋友小组件都需要。 [通用跟踪标签（UTT）](/brand/zh/what-would-you-like-to-learn-about/platform-features/tracking/javascript-tag-tracking/tracking-with-universal-tracking-tag-utt.md) 自动加载到您的网页上，任何配置为 *为被推荐的朋友自动显示*。如果您的朋友小组件启用了此选项，您可以跳过此步骤。
{% endhint %}

如果您使用的朋友小组件未启用自动弹窗，UTT 将不会自动加载该小组件——因此您需要生成代码片段并将其放到您的页面上。

1. 从顶部导航栏中，选择 ![](https://1186853034-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2F210dEQa93qyQgoJDkieL%2FUser%20profile.svg?alt=media\&token=f84c5b17-fae4-4a30-990a-9de5e57a150b) **\[用户资料] → 设置**.
2. 在左侧，下面 *Advocate 设置*，选择 **安装**.
3. 在……中 *显示小组件* 部分下，选择 **快速访问** 作为您要显示的小组件类型。
4. 从小组件下拉列表中选择您的朋友小组件。
5. 选择 **嵌入式小组件** 显示类型。
6. 复制生成的代码片段，然后将其添加到被推荐朋友将访问的页面中。
   {% endtab %}
   {% endtabs %}


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation by asking a question.

Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:

```
GET https://help.impact.com/brand/zh/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/widget-experiences/set-up-an-instant-access-widget.md?ask=<question>&goal=<user_goal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
