> 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. 在左侧导航菜单中，选择 ![](/files/209022bdb234289211a24a980f6227a8684cc439) **\[Engage] → 项目规则**.
2. 选择 **内容** 页面顶部的选项卡。
3. 在 *网站推荐组件* 卡片中，选择 **编辑**.

   <div data-with-frame="true"><figure><img src="/files/2d68e7f337286881db2131cd4be1ef3494623d22" 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. 在左侧导航菜单中，选择 ![](/files/209022bdb234289211a24a980f6227a8684cc439) **\[Engage] → 项目规则**.
2. 选择 **内容** 页面顶部的选项卡。
3. 在 *好友组件* 卡片中，选择 **编辑**.

   <div data-with-frame="true"><figure><img src="/files/694ea514aeddabd5a148b1a53abd35dcfda5deab" 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. 可选地，选择 ![](/files/48509e0f0c9ae68203294f8aae7777211a4315e1) **\[未勾选框] 显示** 在……上 *好友组件* 卡片中，以 *自动向被推荐朋友显示*.
   * 此选项启用自动弹出功能。自动弹出通过让好友组件在落地页上更醒目，从而为被推荐朋友创造更具吸引力的体验。
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. 在左侧导航菜单中，选择 ![](/files/209022bdb234289211a24a980f6227a8684cc439) **\[Engage] → 项目规则**.
3. 选择 **计划行为** 页面顶部的选项卡。
4. 找到向被推荐朋友发放奖励的计划规则，然后选择 ![](/files/18be64cec644d246b41253c6a361ab0704c6a81d) **\[编辑操作]**.

   <div data-with-frame="true"><figure><img src="/files/adfb3a6a2f6d43c849644410df01c20b3ee7ae8d" alt=""><figcaption></figcaption></figure></div>
5. 确保该操作发送一个 **奖励和电子邮件** 到 **朋友**，然后选择 **下一步**.
6. 在……顶部 *编辑奖励* 屏幕，选择 **使用预配置奖励**.

   <div data-with-frame="true"><figure><img src="/files/01996f38e8db4865be82e075549aa82555064763" alt=""><figcaption></figcaption></figure></div>
7. 在 *奖励* 下拉列表，选择您创建的 fuel tank 奖励。
8. 选择 **下一步**，然后检查该操作并选择 **保存**.

#### 步骤 3：安装组件

恭喜！您的即时访问组件已准备就绪可供使用。最后一步是生成一段代码片段，用于嵌入到您的购买后落地页、结账流程，或任何您希望参与者访问它们的地方。

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

1. 在顶部导航栏中，选择 ![](/files/34cff7cafbbfcd416778a35b63cb058c27bcda8b) **\[用户资料] → 设置**.
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. 在顶部导航栏中，选择 ![](/files/34cff7cafbbfcd416778a35b63cb058c27bcda8b) **\[用户资料] → 设置**.
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.