# 场景应用：购物车召回配置（旧版SDK）
定位“放弃购物车”的顾客，请他们回到网站下单，为网站增加额外收益。\
举个🌰：顾客A访问了你的店铺，向购物车添加了商品后，没有立即完成付款。这时候，通过Messenger向他说“购物车商品打折啦，回来完成付款吧！”
如果你是 Shopify 商家，推荐直接使用我们开发的 [CartsBot](https://app.cartsbot.com/views/install/) APP，不需要编辑代码，几分钟完成设置，还有 自动生成优惠券 等优化功能。\
如果不是 Shopify 商家，也可以通过手动配置，实现 Messenger 购物车召回。
## 准备工作
* 一个连了Facebook Page 的 Bot [去创建](https://messenger.bothub.ai/)
* 一个会添加网页代码的工程师
## 设置步骤
1. 数据集成 - 商品 Feed ，[导入商品 Feed](https://docs.bothub.ai/advanced-tool/product/product-feed)。
2. 内容管理 - 自定义内容，创建1条召回消息。你可以自定义编辑这部分内容。
3\. 受众人群 - 受众定义，创建受众。添加事件“added\_to\_cart”，选择发生。添加事件“purchase”，选择“不发生”。该受众为添加购物车但未付款的用户。\
顾客勾选checkbox并向购物车内添加商品时，将自动加入受众。
4\. 受众人群 - 触发规则，添加触发规则。\
选择触发事件“added\_to\_cart”；\
受众选择“Users who add products to cart”；\
设置消息延迟时间（建议1小时内）；\
发送内容选择之前创建的内容块。
5\. 推广工具 - 来源管理，添加复选框/优惠券插件。你可以设置插件的隐藏时间——用户在勾选后的一段时间内，用同个浏览器访问店铺，都不会再看到插件。
复选框插件：如果你的店铺支持‘复选框’默认勾选，推荐选择此插件。
优惠券插件：引导顾客主动勾选，成为主页粉丝。如果你的店铺不支持‘复选框’默认勾选，建议你使用优惠券插件。[查看示例](https://demo.bothub.ai/sdk/plugins/discount.php)
创建好插件后，填写商店域名，以便插件正常显示。完成设置后，启用插件，点击保存。
## 集成SDK - 优惠券插件
1. 拷贝初始化代码，至商品详情页``标签内最底部，用于配置及加载sdk
2\. 拷贝 HTML 代码，添加至商品详情页``标签里合适位置
3\. 用户点击添加购物车按钮后 js 调用
```
BOTHUB.Marketing.logAddedToCartEvent('260874012', 'Leaf Print Padded Bikini Set - Bee Yellow S', 'USD', 26.99);
```
参数说明：产品编号, 物品名称, [币种](https://en.wikipedia.org/wiki/ISO_4217), 金额
4\. 付款成功后配置
```
window.bhAsyncInit = function() {
// 参数说明：订单号, 币种, 总金额
window.BOTHUB.Marketing.logPurchaseEvent(
order.order_id,
order.currency,
order.payment_due,
)
}
```
## 集成SDK - 复选框插件
1. 拷贝初始化代码，至商品详情页``标签内最底部，用于配置及加载sdk
2\. 拷贝 HTML 代码，添加至商品详情页``标签里合适位置
3\. 用户点击添加购物车按钮后 js 调用
```
BOTHUB.Marketing.logAddedToCartEvent('260874012', 'Leaf Print Padded Bikini Set - Bee Yellow S', 'USD', 26.99);
```
参数说明：产品编号, 物品名称, [币种](https://en.wikipedia.org/wiki/ISO_4217), 金额
4\. 付款成功后配置
```
window.BOTHUB = {
// 其他配置，这里需要增加 platforms (其他页面切勿添加)
platforms: ['bothub']
}
window.bhAsyncInit = function() {
// 参数说明：订单号, 币种, 总金额
window.BOTHUB.Marketing.logPurchaseEvent(
order.order_id,
order.currency,
order.payment_due,
)
}
```
## 参考文档
示例代码：[点击这里](https://demo.bothub.ai/sdk/)\
SDK文档：[点击这里](https://docs.bothub.ai/advanced-tool/promotion/sdk)
---
# Agent Instructions: 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://bothub.gitbook.io/project/advanced-tool/ec-bot/abandoned-cart-old-version-sdk.md?ask=
```
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.