> 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 种类型：

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

有关即时访问小组件如何工作的更多详情，请参阅 [小组件类型说明](/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] → Program Rules**.
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)。以下组中的组件不能添加到即时访问小组件中： *奖励*, *统计*, *Microsite 组件*，或 *推荐数*.
5. 保存你对小组件所做的更改。
   {% endtab %}

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

1. 从左侧导航菜单中，选择 ![](/files/209022bdb234289211a24a980f6227a8684cc439) **\[Engage] → Program Rules**.
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)。以下组中的组件不能添加到即时访问小组件中： *奖励*, *统计*, *Microsite 组件*，或 *推荐数*.
5. 可选地，选择 ![](/files/48509e0f0c9ae68203294f8aae7777211a4315e1) **\[未勾选] 显示** 在 *好友小组件* 卡片上以 *为被推荐的好友自动显示*.
   * 此选项启用自动弹出功能。自动弹出通过让好友小组件在落地页上更醒目，创造更具吸引力的被推荐好友体验。
6. 保存你对小组件所做的更改。
   {% endtab %}
   {% endtabs %}

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

如果你使用好友小组件，可以将其配置为向被推荐的好友提供折扣码。为此，首先你需要设置一个燃料箱奖励。然后，在计划规则中配置通过好友小组件发放此奖励。

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

1. 设置一个 [燃料箱奖励](/brand/zh/what-would-you-like-to-learn-about/advocate-program/advocate-rewards/set-up-a-fuel-tank-reward.md).
   * 燃料箱是你上传独特折扣的地方，impact.com 将在好友小组件中展示这些折扣。
2. 从左侧导航菜单中，选择 ![](/files/209022bdb234289211a24a980f6227a8684cc439) **\[Engage] → Program Rules**.
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. 从 *奖励* 下拉列表顶部，选择你创建的燃料箱奖励。
8. 选择 **下一步**，然后检查该操作并选择 **保存**.

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

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

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

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

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

The question should be specific, self-contained, and written in natural language.
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.
