# 场景应用：购物车召回配置（旧版SDK）定位“放弃购物车”的顾客，请他们回到网站下单，为网站增加额外收益。\ 举个🌰：顾客A访问了你的店铺，向购物车添加了商品后，没有立即完成付款。这时候，通过Messenger向他说“购物车商品打折啦，回来完成付款吧！” ![](https://3545383198-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LBxiFMKIFEMsz8J7IuU%2F-LFS6vEm8EIG18IoAaZn%2F-LFS7B73hjbbzsA4kwBh%2Fimage.png?alt=media\&token=bc562617-bd12-449f-ad4b-0ee94e2dd0e3) 如果你是 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条召回消息。你可以自定义编辑这部分内容。 ![编辑召回消息](https://3545383198-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LBxiFMKIFEMsz8J7IuU%2F-LfSNWWbCWnQ8pNWZ7h-%2F-LfSOrxtvFZRvjALOERN%2Fimage.png?alt=media\&token=c5ab1628-7dcc-4cb8-9dce-a751d1b0aa9d) 3\. 受众人群 - 受众定义，创建受众。添加事件“added\_to\_cart”，选择发生。添加事件“purchase”，选择“不发生”。该受众为添加购物车但未付款的用户。\ 顾客勾选checkbox并向购物车内添加商品时，将自动加入受众。 ![](https://3545383198-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LBxiFMKIFEMsz8J7IuU%2F-LfSNWWbCWnQ8pNWZ7h-%2F-LfSOz6nD_oLwed2Ksk6%2Fimage.png?alt=media\&token=4f4daecf-8fc0-41f3-8081-82d6ce3d12b0) 4\. 受众人群 - 触发规则，添加触发规则。\ 选择触发事件“added\_to\_cart”；\ 受众选择“Users who add products to cart”；\ 设置消息延迟时间（建议1小时内）；\ 发送内容选择之前创建的内容块。 ![](https://3545383198-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LBxiFMKIFEMsz8J7IuU%2F-LfSNWWbCWnQ8pNWZ7h-%2F-LfSP1dITjfgxYNhRWuE%2Fimage.png?alt=media\&token=2c9a76c6-d038-42c5-9a24-bed5900cbc4f) 5\. 推广工具 - 来源管理，添加复选框/优惠券插件。你可以设置插件的隐藏时间——用户在勾选后的一段时间内，用同个浏览器访问店铺，都不会再看到插件。 ![](https://3545383198-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LBxiFMKIFEMsz8J7IuU%2F-LfSNWWbCWnQ8pNWZ7h-%2F-LfSP4zlTyCsuuyPQwl5%2Fimage.png?alt=media\&token=9f7af24c-d587-483b-ad9f-d0bb307d4015) 复选框插件：如果你的店铺支持‘复选框’默认勾选，推荐选择此插件。 ![](https://3545383198-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LBxiFMKIFEMsz8J7IuU%2F-LfSNWWbCWnQ8pNWZ7h-%2F-LfSP8bdzGAlz4nlVqz3%2Fimage.png?alt=media\&token=061f4f45-d1b3-4cae-b509-3a902b37bbbc) ![填写网站域名，让插件在网页上正常展示](https://3545383198-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LBxiFMKIFEMsz8J7IuU%2F-LfSNWWbCWnQ8pNWZ7h-%2F-LfSP9p2iSP5lTgnH_-E%2Fimage.png?alt=media\&token=1a71052d-ef8c-49d0-8cdb-6aceabc0c6bb) 优惠券插件：引导顾客主动勾选，成为主页粉丝。如果你的店铺不支持‘复选框’默认勾选，建议你使用优惠券插件。[查看示例](https://demo.bothub.ai/sdk/plugins/discount.php) ![](https://3545383198-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LBxiFMKIFEMsz8J7IuU%2F-LfSNWWbCWnQ8pNWZ7h-%2F-LfSPE3XfOZaIeU_IdbD%2Fimage.png?alt=media\&token=72419aac-c3c1-4d25-ae3b-2ef392b0234f) ![](https://3545383198-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LBxiFMKIFEMsz8J7IuU%2F-LfSNWWbCWnQ8pNWZ7h-%2F-LfSPFsglCqwgj1CNRxD%2Fimage.png?alt=media\&token=edbe1952-c5af-4170-8fbb-a05aae84ca4f) 创建好插件后，填写商店域名，以便插件正常显示。完成设置后，启用插件，点击保存。 ## 集成SDK - 优惠券插件 1. 拷贝初始化代码，至商品详情页``标签内最底部，用于配置及加载sdk ![](https://3545383198-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LBxiFMKIFEMsz8J7IuU%2F-LHWlhwyJWkbjmcOLqSI%2F-LHWmqTisv3GHjFTWU3R%2Fimage.png?alt=media\&token=23998a60-3ff4-479f-94a0-58fa0d4bbbe7) 2\. 拷贝 HTML 代码，添加至商品详情页``标签里合适位置 ![](https://3545383198-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LBxiFMKIFEMsz8J7IuU%2F-LfSNWWbCWnQ8pNWZ7h-%2F-LfSPLTbWHMzMpIYBCTi%2Fimage.png?alt=media\&token=5c0be20c-c9d9-488e-8f39-43b72a51e826) 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 ![](https://3545383198-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LBxiFMKIFEMsz8J7IuU%2F-LHHeXGM1m2lR9g4txzC%2F-LHHett79665mrPGPbFD%2Fimage.png?alt=media\&token=d160317a-fa14-49fb-8c42-ede5d54a75d8) 2\. 拷贝 HTML 代码，添加至商品详情页``标签里合适位置 ![](https://3545383198-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LBxiFMKIFEMsz8J7IuU%2F-LfSNWWbCWnQ8pNWZ7h-%2F-LfSPUx6jE-1wb-_RB2Z%2Fimage.png?alt=media\&token=199d9ac8-2680-4112-ba9d-c2476df09663) 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)