# 设置即时访问小部件

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

为电子商务和零售客户设计，即时访问小部件为您的客户倡导者及其被推荐的朋友提供了一种轻松参与推荐计划的方式——无需密码或身份验证。

有两种类型的即时访问小部件：

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

有关即时访问小部件如何工作详情，请参阅 [小部件类型说明](https://help.impact.com/brand/zh/nin-xiang-liao-jie-shen-me/advocate-program/manage-advocate-participant-experiences/widget-experiences/widget-types-explained).

#### 第 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%2Fgit-blob-a0398b6c9b71c256fea85550506874cf0377a607%2Ff5648a86b40844c6676a764001190fdfbe86374db80a442fedebbaf89dcd4669.jpg?alt=media" alt=""><figcaption></figcaption></figure></div>
4. 调整模板的外观和内容。
   * 有关如何使用小部件编辑器的更多信息，请参阅 [自定义计划小部件](https://help.impact.com/brand/zh/nin-xiang-liao-jie-shen-me/advocate-program/manage-advocate-participant-experiences/widget-experiences/customize-program-widgets)无法将以下组的组件添加到即时访问小部件： *奖励*, *统计*, *微站组件*，或 *推荐*.
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%2Fgit-blob-0c8a42b6f8f90356d7db2912f361ecda4cb0badf%2Fbf9a54620d614aaa9ccba1440a70ac64b498b9a9dca5fcbf9ef3ef5c98e94c63.jpg?alt=media" alt=""><figcaption></figcaption></figure></div>
4. 调整模板的外观和内容。
   * 有关如何使用小部件编辑器的更多信息，请参阅 [自定义计划小部件](https://help.impact.com/brand/zh/nin-xiang-liao-jie-shen-me/advocate-program/manage-advocate-participant-experiences/widget-experiences/customize-program-widgets)无法将以下组的组件添加到即时访问小部件： *奖励*, *统计*, *微站组件*，或 *推荐*.
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 步：配置朋友小部件以发放奖励（可选）

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

{% hint style="info" %}
**注意：** 如果您的计划中已设置燃料箱奖励，则可以编辑 [现有奖励](https://help.impact.com/brand/zh/nin-xiang-liao-jie-shen-me/advocate-program/advocate-rewards/set-up-a-fuel-tank-reward) 并更改 *访问类型* 以 **即时访问** 。
{% endhint %}

1. 设置一个 [燃料箱奖励](https://help.impact.com/brand/zh/nin-xiang-liao-jie-shen-me/advocate-program/advocate-rewards/set-up-a-fuel-tank-reward).
   * 燃料箱是您上传 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%2Fgit-blob-db86a48b3edc25f7452258dfcd6e215adfd4d4fc%2F3afad2adff20d31faf9874033f80a565e462459341801f2b483af8b07ff8c17f.jpg?alt=media" 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. 从 *奖励* 下拉列表的顶部，选择您创建的燃料箱奖励。
8. 选择 **下一步**，然后查看该操作并选择 **保存**.

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

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

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

1. 从顶部导航栏，选择 ![](https://1186853034-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-1183576591b45997efe4dc81a25024640591d02a%2F245137dc972a7a7f6165b59538fcdbac8fd5bd8fee4ba9f20c1a2982c5b58b57.svg?alt=media) **\[用户资料] → 设置**.&#x20;
2. 在左侧，下方 *Advocate 设置*下，选择 **安装**.
3. 从小部件下拉列表中，选择您创建的其中一个即时访问小部件。
4. 选择是否要为以下项生成代码片段， **嵌入式小部件** 或一个 **弹出小部件**.
   * 嵌入式小部件直接显示在您的网页中。
   * 弹出小部件将在参与者点击您指定的按钮或链接后在弹出窗口中加载。
5. 复制生成的代码片段，然后将其添加到您的电子商务平台或落地页。
   {% endtab %}

{% tab title="朋友小部件" %}
{% hint style="info" %}
**如果您的朋友小部件使用自动弹出，请跳过此步骤：** 并非所有朋友小部件都需要此步骤。 [通用跟踪标签 (UTT)](https://help.impact.com/brand/zh/nin-xiang-liao-jie-shen-me/platform-features/tracking/javascript-tag-tracking/tracking-with-universal-tracking-tag-utt) 会在您的网页上自动加载任何配置为 *为被推荐的朋友自动显示*的朋友小部件。如果您的朋友小部件启用了此选项，则可以跳过此步骤。
{% endhint %}

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

1. 从顶部导航栏，选择 ![](https://1186853034-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-1183576591b45997efe4dc81a25024640591d02a%2F245137dc972a7a7f6165b59538fcdbac8fd5bd8fee4ba9f20c1a2982c5b58b57.svg?alt=media) **\[用户资料] → 设置**.&#x20;
2. 在左侧，下方 *Advocate 设置*下，选择 **安装**.
3. 在 *显示小部件* 部分，选择 **即时访问** 作为您想要显示的小部件类型。
4. 从小部件下拉列表中，选择您的朋友小部件。
5. 选择 **嵌入式小部件** 显示类型。
6. 复制生成的代码片段，然后将其添加到被推荐朋友将访问的页面。
   {% endtab %}
   {% endtabs %}
