Bothub.AI 用户手册简体中文版
Primary version
Primary version
  • 概览
  • 介绍
    • 什么是 Messenger Bot 🤔
  • 快速入门
    • 5分钟创建一个机器人
  • BotHub 基础知识
    • Messenger 机器人的基本功能
    • 多用户管理功能
    • 数据分析
      • 内容分析
      • 流量来源
    • 内容管理
      • 内容结构介绍
      • 文本、图片和视频卡片
      • 菜单卡片及各类按钮
      • 橱窗卡片以及快捷回复
      • 列表卡片
      • 系统设置介绍
      • 标签化内容
      • 广告消息
    • 受众人群
      • 查看历史消息
      • 推送事件
    • 消息群发
      • 广播消息
      • 订阅消息
      • 多时区支持
      • 问卷调研
    • Handover Protocol
    • 人工智能
      • 对话管理
      • 识别优先级
  • BotHub高级工具
    • 高级插件
      • Messenger 网页插件
      • RSS Feed插件
      • 用户输入插件
      • Google搜索插件
      • 订阅管理插件
      • 订阅插件“加入受众”和“移出受众”
      • 商品选取插件
      • 商品搜索插件
      • 购物车展示插件
      • Json Api组件
      • 条件跳转插件
      • 属性设置插件
      • 随机回复插件
      • Typing插件
      • 计数器
      • 语境跳转插件
    • 数据集成
      • 知识库-自动获取Gitbook的文档数据
    • API介绍
      • 开始使用API
      • 关联账号
      • Messenger内的登录按钮
      • 交易信息通知
      • 发送消息API
      • 发送模板消息
      • 生成优惠券的接口的写法
      • 发送知识库条目
      • 参数设置API
      • 呼叫人工
      • whatsapp消息入口
      • 发送whatsapp消息
      • 发送liveChat请求
    • 推广
      • 推广工具
      • 广告管理
      • 再营销SDK的集成
      • 评论回复功能
      • 砍价免费拿
      • Messenger 广告
    • 电商机器人
      • 电商机器人功能介绍
      • 配置你的电商机器人
      • 顾客查询
      • 商家推送
      • 场景应用:顾客查询订单 & 包裹
      • 场景应用:推送订单回执
      • 场景应用:推送订单回执(旧版SDK)
      • 场景应用:包裹更新提醒
      • 场景应用:购物车召回配置
      • 场景应用:购物车召回配置(旧版SDK)
    • 商品管理
      • 商品Feed-Facebook商品数据集成
      • 自定义商品-手动创建活动商品
  • WhatsApp相关说明
    • whatsapp消息入口
    • 发送Whatsapp消息
    • 发送liveChat请求
  • FAQ常见问题
    • Bot 配置常见问题
    • Bot 操作流程问题
      • 如何授权新的FB Page 至Bot平台
      • 首次登录 messenger.bothub.ai 邮箱验证流程
      • 设置仅工作时间段人工客服有效
    • Facebook平台政策问题
      • FB 平台政策
      • Messenger page禁封影响&解封流程
      • 24小时窗口期与24+1 政策解读
Powered by GitBook
On this page
  • 在结账完成页添加 “发送消息插件”
  • 效果图
  • 准备入口
  • 部署代码
  • 在商品详情页添加 “复选框插件”
  • 效果图
  • 准备入口
  • 部署代码‌
  • 使用API发送订单回执
  • 在付款页添加 “复选框插件”
  • 效果图
  • 创建自定义事件
  • 准备入口
  • 部署代码 - 订单确认页‌
  • 使用API发送订单回执‌
  1. BotHub高级工具
  2. 电商机器人

场景应用:推送订单回执(旧版SDK)

特定场景配置指南:推送订单回执

Previous场景应用:推送订单回执Next场景应用:包裹更新提醒

Last updated 5 years ago

在顾客成功付款后,向他的 Messenger 推送订单回执。后续,你还可以向他推送发货提醒、物流更新。提升服务质量的同时,增加一个获取粉丝的渠道。你甚至可以在未来向顾客推送活动信息,提升重复购买。

要发送订单回执,你需要完成两步配置:

  • 在网页上放置 Checkbox 插件 / Send to Messenger 插件,引导用户勾选 / 点击。以此获取用户的 ID。

  • 在程序中配置订单数据。以发送正确的订单信息。

为了方便推广与对比效果,我们为你提供了一系列推广工具。在本场景中,我们推荐使用 3 种入口方式,你可以任选一或多种:

  1. 在结账完成页,添加 “发送消息插件”。顾客点击按钮的同时,发送订单回执。

  2. 在付款页,添加 “复选框插件”。引导用户订阅 “订单回执、物流更新提醒”。

下面,为你详细介绍 3 种入口分别的效果及配置方法。

在结账完成页添加 “发送消息插件”

‌

优势:在付款完成后一键获取回执,对用户来说是很自然的操作。用这种方式,一次性地将订单回执发送给用户。注意,如果你希望未来继续向用户发送物流更新提醒,何种方式不适用,需要使用复选框插件,参考后文。‌

效果图

准备入口

从左侧来源管理中创建发送消息插件的推广入口

创建完成后,填写上你网站的域名,点击启用并保存。

入口准备好了,下面我们在网站上部署代码。

部署代码

  1. 拷贝插件页面的初始化代码(如下图):

2. 在拷贝的代码中再添加一项:

ecommerce: {
    send_to_messenger: {
        receipt: 订单回执数据
    }
}

最后代码将会呈现出这个样子:

<script>
window.BOTHUB = {
    "facebook_page_id": "1667702766649208",
    "language": "zh_CN",
    "entrance": {
        "fb_send_to_messenger_data_ref": "base64:eyJnYXRld2F5IjoiZW5nYWdlbWVudCIsImNvZGUiOiI0NWkiLCJwc2lkIjoie3tmYl91c2VyX2lkfX0ifQ=="
    },
    ecommerce: {
        send_to_messenger: {
            receipt: 订单回执数据
        }
    }
};
(function(s,id,l){s.id=id;s.src=l;window[id]||document.body.appendChild(s)})
(document.createElement('script'),'bothub-sdk','//sdk.bothub.ai/bothub.js');
</script>

其中,facebook_page_id、language、entrance三项将会随着Bot的不同而不同,最后显示的效果以实际代码为准。

3. 将代码中的“订单回执数据”,在渲染页面时替换为实际要发送的订单数据:

{
  "recipient_name":"Stephane Crozatier",  // 收件人全名
  "order_number":"12345678902", // 订单号
  "currency":"USD", // 订单货币
  "payment_method":"Visa 2345",     // 支付方式,可以为任意字符串,例如"Paypal", "Paid"
  "order_url":"http://petersapparel.parseapp.com/order?order_id=123456", // 订单链接
  "timestamp":"1428444852",      // 下单时间
  "address":{  // 订单地址信息
    "street_1":"1 Hacker Way", 
    "street_2":"",
    "city":"Menlo Park",
    "postal_code":"94025",
    "state":"CA",
    "country":"US"
  },
  "summary":{ // 订单金额总计
    "subtotal":75.00,
    "shipping_cost":4.95,
    "total_tax":6.19,
    "total_cost":56.14
  }, // 下单时使用的优惠。若没有,adjustments可以传空数组
  "adjustments":[
    {
      "name":"New Customer Discount",
      "amount":20
    },
    {
      "name":"$10 Off Coupon",
      "amount":10
    }
  ],
  "elements":[ // 物品详细信息
    {
      "title":"Classic White T-Shirt",
      "subtitle":"100% Soft and Luxurious Cotton",
      "quantity":2,
      "price":50,
      "currency":"USD",
      "image_url":"https://fakeimg.pl/200x200/"
    },
    {
      "title":"Classic Gray T-Shirt",
      "subtitle":"100% Soft and Luxurious Cotton",
      "quantity":1,
      "price":25,
      "currency":"USD",
      "image_url":"https://fakeimg.pl/200x200/"
    }
  ]
}

4. 将上述配置代码放置到</body> 标签内最底部。

5. 拷贝HTML代码,添加至结账完成页<body>标签里合适位置:

6. 完成。用户点击 “send to messenger” 按钮,将会收到订单回执信息。

在商品详情页添加 “复选框插件”

优势:我们建议每个电商客户都使用 Messenger 做购物车召回,它帮你带来 5% - 10% 的额外订单。商品页的 “复选框插件” 用处多多——除了发送召回消息,我们还可以向勾选并成功下单的顾客发送订单回执,甚至是包裹更新提醒。‌

效果图

准备入口

部署代码‌

在这个页面,我们需要放置checkbox插件,并且存储用户在您网站上的账号,以便给用户发送订单回执和物流更新提醒。‌

  1. 将用户在您网站上的账号存入localStorage,这段代码放在</body>标签之前

<script>localStorage.bothub_custom_user_id = "<user_id of this user on your website>"</script>

2 . 用户点击加车时调用如下代码

BOTHUB.Marketing.logEvent('fb_mobile_add_to_cart')

如此,在用户勾选并加车后,bothub会将用户在你网站上的id与Facebook提供的ref进行绑定,使得在此后的一段时间内,你可以通过API,指定向该用户发送消息。‌

使用API发送订单回执

在付款页添加 “复选框插件”

效果图

创建自定义事件

至受众人群-事件中添加自定义事件。在这个场景中,用户点击某个按钮时需要触发此事件,并将用户在你网站上的custom_user_id传给bothub。‌

这里我们命名事件为"subscribe_to_order_updates",你也可以使用其他名称。记住这个名称,事件触发代码中需要用到。

准备入口

从左侧来源管理中创建复选框插件的推广入口:

创建完成后,填写上你网站的域名,点击启用并保存。

入口准备好了,下面我们在网站上部署代码。‌

部署代码 - 订单确认页‌

在这个页面,我们需要放置checkbox插件,并且存储用户在您网站上的账号,以便给用户发送订单回执和物流更新提醒。‌

  1. 将用户在您网站上的账号存入localStorage,这段代码放在</body>标签之前

<script>localStorage.bothub_custom_user_id = "<user_id of this user on your website>"</script>

‌ 2. 拷贝插件页面的初始化代码(如下图),将配置代码放到</body>标签内最底部:‌

3. 拷贝HTML代码,添加至页面<body>标签里合适位置‌

4. 用户点击"订阅"(或其他触发按钮)后,调用如下代码(事件名称与创建的自定义事件一致):

BOTHUB.Marketing.logEvent('subscribe_to_order_updates')

若用户已勾选checkbox插件,点击按钮同时bothub会将用户在你网站上的id与Facebook提供的ref进行绑定,使得在此后的一段时间内,你可以通过API,指定向该用户发送消息。‌

使用API发送订单回执‌

在商品详情页,添加 “复选框插件”。如果你同时在做 ,那么你也可以将此作为入口。

如果你已经完成 ,那么现在你的网站上已经有了对应入口,可直接进行代码部署。

如果你还没有进行 ,我们建议你先进行配置,以更好引导顾客完成点击。此外,通过 Messenger 召回弃单,带来额外销售额。配置完成后,可继续进行下面的代码部署。

在你得知用户成功下单后,你可以指定向该custom_user_id的用户发送消息。发送方法参见。你可以在API管理中,选择有效的API KEY,获取正确的消息格式(JSON与CURL)来进行编辑和测试。

在你得知用户成功下单后,你可以指定向该custom_user_id的用户发送消息。发送方法参见。你可以在API管理中,选择邮箱的API KEY,获取正确的消息格式(JSON与CURL)来进行编辑和测试。

购物车召回
场景应用:购物车召回配置
场景应用:购物车召回配置
发送消息API
发送消息API
顾客收到订单回执
结账页 发送消息按钮
创建发送消息插件
填写你的网站域名
拷贝红框所示代码
拷贝红框所示代码
详情页 复选框插件
获取有效API密钥
付款页 复选框插件
添加自定义事件
添加复选框插件
填写你的网站域名
获取有效API密钥