> 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" %}
**如果你的好友小组件使用自动弹窗，请跳过此步骤：** 并非所有好友小组件都需要此步骤。 [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/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.
