> For the complete documentation index, see [llms.txt](https://bothub.gitbook.io/project/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://bothub.gitbook.io/project/advanced-tool/plugin/gou-wu-che-zhan-shi-cha-jian.md).

# 购物车展示插件

{% hint style="info" %}
 您需要先在「数据集成」>「商品 Feed」中添加好至少一个验证通过的商品 Feed，才可以成功使用这个插件。如果您还没有创建，可以点击下方链接查看如何创建。👇
{% endhint %}

{% content-ref url="/pages/-LC2sctNLvs9rilfkRhe" %}
[商品Feed-Facebook商品数据集成](/project/advanced-tool/product/product-feed.md)
{% endcontent-ref %}

##  这个插件能做什么？

* 展示用户购物车中的商品
* 展示用户愿望清单中的商品
* 设置商品显示的模板

## 如何使用这个插件？

### 以添加购物车场景为例

假设我们需要实现一个场景，用户在网站点击加入购物车按钮3分钟后向用户发送购物车商品，使用该插件可分为以下步骤：

1. 预设内容块，在内容块中添加购物车展示插件
2. 添加受众定义与触发规则
3. 在来源管理中添加复选框插件或优惠券插件
4. 在网站上部署checkbox SDK代码，在加车按钮上发送添加购物车事件

下面，让我们看一下具体的步骤如何操作。

### 预设内容块

首先，在自定义内容中新建内容块“添加购物车”，设置相应话术，并添加购物车展示插件。

![添加购物车展示插件](/files/-LTMKyxyBxymBkraUxIk)

添加后的购物车展示插件如下图，无需作任何内容设置，可选择模板显示的布局。

![内容块“添加购物车”](/files/-LTMLFsJS4o0zqXQy1gg)

### 添加受众

在受众定义中添加规则，命名为“添加购物车”，在规则中选择事件 “add\_to\_cart”，选择“发生”。添加事件“purchase”，选择“不发生”。该受众为添加购物车且未付款的用户。

![](/files/-LVBTlXtuPVFpxMAUnMS)

### 添加触发规则

新建触发规则“添加购物车”，此处我们设计用户在网站点击加入购物车按钮3分钟后收到消息，在10分钟内不重复推送，并且无静默时间。选择预设的受众与发送内容，点击保存。

![添加触发规则](/files/-LTMNVql--e5XvFBYxwA)

### 添加复选框插件/优惠券插件

在来源管理中添加复选框插件或优惠券插件，此处我们选择优惠券插件。

![](/files/-LTMhBrO4Fb8wEN35R3Z)

填写网站域名，此处填写需要使用优惠券插件的网站地址，点击保存。

![](/files/-LTMhs7N_7z4YTEAsPWF)

### 部署代码

1. 在上图优惠券插件中拷贝红框中的代码，在网站上部署SDK。
2. 在网站上的加车按钮上发送添加购物车事件。

请参考如下文档：

示例代码：[点击这里](https://demo.bothub.ai/sdk/events.php)                                                                                                                   SDK文档：[点击这里](/project/advanced-tool/promotion/sdk.md)

#### 需要注意的⚠️： <a href="#xu-yao-zhu-yi-de" id="xu-yao-zhu-yi-de"></a>

* 请确保上传的商品Feed中包含相关商品，如果商品在Feed中搜索不到，购物车展示插件将无法显示。
* 请确保网站中的商品ID与Feed中的SKU ID保持格式一致，否则该功能将无法使用。

![](/files/-LTMo945khAdxctIaW63)