越来越多人把Facebook的Messenge用作日常或商业上的聊天工具，因为它方便了Facbook帐号的用户可以直接登入进行在线聊天。

那么我们怎样把这个聊天工具添加到我们的网站上呢？下面我来分享一下安装步骤。

使用ManyChat工具

我们将使用ManyChat来把Messenger的帐号关联起来，然后再把Messenger添加到网站上。

为什么要使用ManyChat？因为它提供了很多出色的回复信息自动化功能，更好地帮助我们与用户之间的交流，提高转化目的，例如收集用户的订阅邮箱。

具体的ManyChat关联教程可以阅读《什么是ManyChat？》这篇文章。在文章里我把Messenger与ManyChat关联的每个步骤都有详细地说明。

选择ManyChat的Growth Tool模式

在ManyChat的Growth tool里，提供了多种Messenger在网站上显示的模式。（注：一种类型的Growth tool只可以创建一个）

被使用较多的是Customer Chat这一种模式，因此这次我也选择这个来作为安装示范。

我们可以先编辑一下跟用户的第一个对话。点击Opt-in message对ManyChat默认设置的对话信息进行编辑，接着点击右上角的Publish按钮。

然后选择Opt-in Actions旁边的Setup对工具在网站上显示的效果进行设置。下面的这两栏我们一般不填写，除非你只想把对话工具在特定页面上显示。

我们可以根据网站的设计风格来改变Messenger的外观颜色。

另外对话按钮也可以设置在不同设备上显示。

最后我们点击Activate & Check按钮，使Messenger的对话按钮生效然后在网站上进行测试。

给网站添加Messenger代码

在完成了对Messenger的设置以后，现在我们可以给网站添加聊天对话按钮。

找到Install JavaScript Snippet按钮。

首先在A栏填写要使用Messenger工具的网站地址。

然后点击B拷贝工具代码，我们需要把代码粘贴到网站的Header里。

这时可以通过使用WordPress插件Header and Footer Scripts来给网站添加这组代码。

安装激活插件以后，在WordPress操作后台的Settings找到这个插件。

点击进去，把刚才在ManyChat上的Messenger代码粘贴到Header的框里面，最后点击保存按钮。

再回到ManyChat那里点击Check按钮来测试代码是否安装正确。

输入网站地址以后，点击Start Widget Check。

像下面截图那样说明已经安装成功。

我们再打开网站看一下Messenger对话按钮是否正常显示在网站上，下面的截图说明已经可以正常显示，给网站安装Messenger的步骤也完成了。

总结

给网站添加Messenger聊天工具可以及时解答用户问题和使用ManyChat的自动回复功能为潜在用户提供有用的信息。安装步骤并不复杂，希望这篇文章可以帮助不知道怎样在网站上安装Messenger的读者们。大家如果有任何疑问，欢迎在留言板上给我留言。