> 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/messenger-wang-ye-cha-jian.md).

# Messenger 网页插件

Facebook Messenger 的 Chatbot 由于相依在粉丝页上，如果用户无法触及到你的粉丝页，那他就很难转换成为 Chatbot 内可用的多层推进关系，但是透过 Messenger Platform 所提供的 Messenger Web Plugins，我们可以为你的 Messenger Bot新增更多能够被潜在用乎发现的进入点，以下就让我来带大家认识下什么是 Messenger Web Plugins

> 这类的外部插件形式共有四种:

* Message Us Plugin + M.me Links
* Send to Messenger Plugin
* Checkbox Plugin
* Customer Chat Plugin

<div align="center"><img src="https://3545383198-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LBxiFMKIFEMsz8J7IuU%2F-LeyiDVrNwRWPaZ5ZpoO%2F-LeynDUaZgvlKjzVUHhK%2Fmessenger%20%E6%8F%92%E4%BB%B6.png?alt=media&amp;token=88e45766-1210-4946-a56a-db361cded403" alt="Messenger 4种外部插件预览"></div>

### Message Us Plugin + M.me Links

M.me Link 是 Facebook 的短链接服务，可将这些链接置于网站、电子报和其他内容，当用户点击后，会将用户重新导向至 Messenger Bot。

Message Us Plugin 插件按钮的作用和 M.me Link是一样的，在Bothub预设的模版中的推广工具中含有此插件。

{% hint style="info" %}
注意：粉丝页必须是「已公开」的状态。若用户是第一次进入Messenger Bot， 会先触发「开始使用」(Get Started) 才进入互动；若用户已经与 Bot 互动过，从 M.me Link 进来的用户就会直接开启 Messenger ，不会经过「开始使用」，系统也不会重设 24 小时标准讯息时间窗。
{% endhint %}

### Send to Messenger Plugin——发送消息插件

“Send to Messenger”插件可以**自定义按钮内容**和要附带的参数，当用户按下按钮后，Webhook 会收到按钮所附的参数，再依照事件参数决定回传给用户的内容。

例如: 当客户浏览电商网站，看到感兴趣的商品想进一步询问时，若下方有安插 Send to Messenger Plugin，就可以直接按下按钮，讯息会用**推播**的方式送到客户的 Messenger 中(不会直接跳转页面到 Messenger )，同时会将商品信息夹带进去对话框，让客服人员可以直接就商品信息来回答顾客。

也可以在结账完成页添加“发送消息插件“，实现推送订单回执功能：

在网站相应页面部署完复选框插件之后，通过checkbox中的JSON调用设置的自定义事件后，在后台<https://messenger.bothub.ai> 触发规则中选定相对应的延迟发送时间、发送内容等设置，可实现向勾选复选框并触发自定义事件用户发送指定消息的功能。

{% content-ref url="/pages/-LFS3vVAlHsmTKfJycE7" %}
[场景应用：推送订单回执](/project/advanced-tool/ec-bot/order-receipt.md)
{% endcontent-ref %}

{% hint style="info" %}
注意: 要记得将网站加入网域白名单中。
{% endhint %}

### Checkbox Plugin——复选框插件

Checkbox Plugin 可在网站窗体中显示复选框，供用户选择 “**同意在** **Messenger** **中接收您** **Bot** **传送的讯息**“。如果用户目前已登入 Facebook，其大头贴照和名称会显示在复选框旁。如果用户并未登入 Facebook，或想要以不同的用户身分登入，则可进行验证。

Checkbox Plugin 与 Send to Messenger Plugin很相似，但已针对对话窗口格式做优化，可用于网站上的任何**窗口格式流程**。例如在电子商务网站上放入 Checkbox Plugin ，当客户结账完成，可直接将收据和订单相关消息直接送到 用户的 Messenger里面。同时也很适用在问卷调查流程里，当用户完成问卷后，可以直接把结果传送到 Messenger里。

你也可以设置自定义事件，向通过checkbox订阅的用户发送指定消息。利用checkbox中的JSON调用你所设定的自定义事件，再通过后台[https://messenger.bothub](https://messenger.bothub.ai)触发规则选定延迟时间、触发事件、发送内容等设置，可实现多场景下主动向勾选checkbox用户messenger主动发送消息，例如：购物车召回、订单回执、物流更新等消息。

为配适电商用户的使用，我们预设了优惠券插件，其原理和复选框是一致的。用户通过勾选领取商品详情页的优惠券，通过“add to cart“触发事件，可以实现购物车召回的功能，提升4-5%的销售额。

{% content-ref url="/pages/-LFS6yWfa0HNCQeD7qWd" %}
[场景应用：购物车召回配置](/project/advanced-tool/ec-bot/abandoned-cart.md)
{% endcontent-ref %}

![通过优惠券插件，实现向用户messenger发送加车未购买的提醒消息](https://3545383198-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LBxiFMKIFEMsz8J7IuU%2F-LfK2vWOZQ1I1RYHiIMn%2F-LfK57EzCfWM1FRWq_rJ%2F%E8%B4%AD%E7%89%A9%E8%BD%A6%E5%8F%AC%E5%9B%9E.png?alt=media\&token=4af7b104-4058-4f7a-a9ae-a188e9aaa9c0)

### Customer Chat Plugin——聊天插件

Customer Chat Plugin 是一款可以安插在网站右下角的插件，会自动加载用户与企业之间最近的聊天记录，包括用户与企业在 messenger.com、Messenger APP或网站上插件最近的互动。有助于**为顾客打造完整体验**，即使顾客离开网页后仍能持续对话。无需在后续追踪时再告知提取顾客信息，只需利用 Messenger 中的同一对话即可。

![](https://3545383198-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LBxiFMKIFEMsz8J7IuU%2F-LfK1NwiFmbUREExAYOY%2F-LfK2-ILEZoQa0VSfY2B%2F%E8%81%8A%E5%A4%A9%E6%8F%92%E4%BB%B6.png?alt=media\&token=c0447858-0705-42d9-b070-bab644b7b865)

{% hint style="info" %}
同样的，要记得将网站加入域名白名单中。
{% endhint %}

## 四种插件的差异比较

**Message Us**

* 当用户按下后将**直接开启** **Messenger** 对话框与 Bot互动。
* 无法设定按钮的触发内容。

**Send to Messenger**

* 按下后不会跳转页面，用户不须马上与Bot 对话。讯息会**以推播方式送到** **Messenger**。
* 可以自定义按钮将触发的内容。

**Checkbox**

* 当用户在你的网站页面完成指定动作如结账、填完窗体后，可以把结果以讯息方式送到 Messenger 中，与客户做后续的互动。
* 可以自定义按钮将触发的内容。

**Customer Chat**&#x20;

* 让用户在不离开网站的情况下直接与 Messenger Bot对话，即使顾客离开网页后仍能持续对话。
* 无法设定按钮的触发内容。

这四种插件都是相当好的导流工具，让 Messenger Bot 可以有更棒的曝光机会，Bothub.AI的自建站类电商客户基本都有配置完毕。你有更多想要了解的么？欢迎留言告知你的想法和需求，小Bo老师随时恭候！
