场景应用:购物车召回配置

Last updated 20 days ago

特定场景配置指南:购物车召回

定位“放弃购物车”的顾客,请他们回到网站下单,为网站增加额外收益。 举个🌰:顾客A访问了你的店铺,向购物车添加了商品后,没有立即完成付款。这时候,通过Messenger向他说“购物车商品打折啦,回来完成付款吧!”

如果你是 Shopify 商家,推荐直接使用我们开发的 CartsBot APP,不需要编辑代码,几分钟完成设置,还有 自动生成优惠券 等优化功能。 如果不是 Shopify 商家,也可以通过手动配置,实现 Messenger 购物车召回。

准备工作

  • 一个连了Facebook Page 的 Bot 去创建

  • 一个会添加网页代码的工程师

设置步骤

  1. 数据集成 - 商品 Feed ,导入商品 Feed

  2. 内容管理 - 自定义内容,创建1条召回消息。你可以自定义编辑这部分内容。

编辑召回消息

3. 受众人群 - 受众定义,创建受众。添加事件“added_to_cart”,选择发生。添加事件“purchase”,选择“不发生”。该受众为添加购物车但未付款的用户。 顾客勾选checkbox并向购物车内添加商品时,将自动加入受众。

4. 受众人群 - 触发规则,添加触发规则。 选择触发事件“added_to_cart”; 受众选择“Users who add products to cart”; 设置消息延迟时间(建议1小时内); 发送内容选择之前创建的内容块。

设置触发规则

5. 推广工具 - 来源管理,添加复选框/优惠券插件。你可以设置插件的隐藏时间——用户在勾选后的一段时间内,用同个浏览器访问店铺,都不会再看到插件。

复选框插件:如果你的店铺支持‘复选框’默认勾选,推荐选择此插件。

填写网站域名,让插件在网页上正常展示

优惠券插件:引导顾客主动勾选,成为主页粉丝。如果你的店铺不支持‘复选框’默认勾选,建议你使用优惠券插件。查看示例

创建好插件后,填写商店域名,以便插件正常显示。完成设置后,启用插件,点击保存。

集成SDK - 优惠券插件

  1. 拷贝初始化代码,至商品详情页<body>标签内最底部,用于配置及加载sdk

2. 拷贝 HTML 代码,添加至商品详情页<body>标签里合适位置

3. 用户点击添加购物车按钮后 js 调用

BOTHUB.Marketing.logAddedToCartEvent('260874012', 'Leaf Print Padded Bikini Set - Bee Yellow S', 'USD', 26.99);

参数说明:产品编号, 物品名称, 币种, 金额

4. 付款成功后配置

window.bhAsyncInit = function() {
// 参数说明:订单号, 币种, 总金额
window.BOTHUB.Marketing.logPurchaseEvent(
order.order_id,
order.currency,
order.payment_due,
)
}

集成SDK - 复选框插件

  1. 拷贝初始化代码,至商品详情页<body>标签内最底部,用于配置及加载sdk

2. 拷贝 HTML 代码,添加至商品详情页<body>标签里合适位置

3. 用户点击添加购物车按钮后 js 调用

BOTHUB.Marketing.logAddedToCartEvent('260874012', 'Leaf Print Padded Bikini Set - Bee Yellow S', 'USD', 26.99);

参数说明:产品编号, 物品名称, 币种, 金额

4. 付款成功后配置

window.BOTHUB = {
// 其他配置,这里需要增加 platforms (其他页面切勿添加)
platforms: ['bothub']
}
window.bhAsyncInit = function() {
// 参数说明:订单号, 币种, 总金额
window.BOTHUB.Marketing.logPurchaseEvent(
order.order_id,
order.currency,
order.payment_due,
)
}

参考文档

示例代码:点击这里 SDK文档:点击这里