> 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%2Fgit-blob-830c4bcd7062a740c2beb07eaab9dbc0bebb941e%2Fc4c9ce310b96f63e13be975709c4aac596168e13e48d31916422fa0128ad1469.svg?alt=media) **\[编辑操作]**.

   <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" %}
**如果您的好友组件使用自动弹出，请跳过此步骤：** 并非所有好友组件都需要执行此步骤。 [Universal Tracking Tag (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 dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
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=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.
