如何文章

加 Facebook Messenger 到网站:信使小部件指南 [2023 年 3 月]

Gerardo Salandra
8月 3, 2022

寻找终极聊天插件?如果您的网络访问者是狂热的 Messenger 用户,请添加一个 Facebook Messenger 小部件到您的网站。在这篇博文中,我们将向您展示如何添加 Facebook Messenger 到网站,以及在网站建设者上添加Facebook聊天插件的位置,例如 WordPress、Wix 和 Shopify.

什么是 Facebook Messenger 控件?

Facebook Messengerwidget(或Facebook聊天插件)是一个网站插件,允许网站访问者通过Messenger与您的Facebook页面聊天。作为世界顶级的消息传递渠道之一,客户自然倾向于通过 Messenger 聊天。

这是一张图片 Facebook Messenger 控件。 Facebook Messenger 小部件(也称为Facebook聊天插件)是一个网站插件,允许您的网站访问者通过Messenger与您的Facebook页面聊天。如果您在英国 (UK)、美国 (US)、印度或菲律宾等地,请考虑将 Messenger 作为终极聊天插件。
对于终极聊天插件,请安装 Messenger 网站上的小部件

当网站访问者通过小部件发送查询时,您可以通过 Meta 商务套房收件箱。这对于接收中低量消息并依赖 Facebook Messenger 用于客户沟通。

处理大量对话或跨多个渠道与客户聊天的企业应使用全渠道消息收件箱,例如 respond.io.除了简化单个收件箱中的所有对话外,它还提供了其他好处,例如高级自动化和分析

为什么使用 Messenger 控件: Facebook 聊天插件的好处

如果您正在利用 Facebook Messenger 为了 提供客户支持 推动销售,您知道该平台的有效性。考虑使用Facebook网络聊天的关键原因之一是它能够创建持久的对话并建立联系人列表。

Facebook 聊天插件创建持久、一致的参与

使用传统的网站聊天,一旦用户离开您的网站,您将永远失去用户。您继续对话的唯一希望是让他们返回您的网站。添加后不再如此 Messenger 到您的网站。

首先, Messenger 小部件是您的客户与您联系并解决他们的问题的最快工具。它确保客户可以在熟悉且舒适的信使上立即轻松地与您联系。

您所有的信使小部件对话都将保存到Facebook收件箱中。当您添加时,这是一个好处 Facebook Messenger 到您的网站。
添加时保存联系人信息和聊天记录 Messenger 到网站

它还可以直接在您的网站上进行个人通信,以提供技术支持、产品咨询、订购或预订帮助等。客户可以在兴趣高涨时与您联系,从而推动销售转化。

当您添加时 Facebook 聊天到网站,联系人的聊天记录保存在 Meta 商务套房的收件箱。这意味着您可以恢复与与您聊天的用户的对话 Messenger 即使他们离开了您的网站。

随着对话,您还可以看到他们的一些基本个人资料信息,包括他们的姓名,个人资料图片,生日和位置。这将帮助您比任何实时聊天更好地为客户提供服务,并随着时间的推移与他们建立关系。

将信使添加到网站以构建 Facebook Messenger 联系人列表

现在人们可以轻松地通过 Facebook 用 Facebook 客户聊天,他们将永远添加到您的联系人列表中。

这是一张图像,显示 Facebook Messenger 具有比电子邮件更高的打开率和点击率。现在,人们可以使用Facebook客户聊天轻松地通过Facebook向您发送消息,他们将永远添加到您的联系人列表中。你可以想到一个 Facebook Messenger 订阅者列表与电子邮件订阅者列表的方式相同。将其用作与受众的新沟通渠道,甚至使用它来提供Messenger广播,其打开率高达92%。
添加脸书聊天插件: Facebook Messenger 参与率高于电子邮件

你可以想到一个 Facebook Messenger 订阅者列表与电子邮件订阅者列表的方式相同。将其用作与受众的新沟通渠道,甚至使用它来发送 Messenger广播,其打开率达到了惊人的92%。

信使小部件只是构建的一种方式 Facebook Messenger 订阅者列表。有 几种方法可以增加您的 Messenger 联系人,包括 Facebook 评论自动 回复或 私人回复点击 Messenger 广告链接 以及 Facebook 二维码

客户必须登录到其 Facebook 要添加到您的联系人列表的帐户。您无法添加在访客模式下向您发送消息的客户。请继续阅读,了解添加时是否要启用或禁用访客模式 Facebook 与网站聊天。

Facebook 聊天插件:访客模式

Facebook 在 2020 年引入了访客模式,允许客户通过以下方式与商家聊天 Messenger 小部件无需登录他们的 Facebook 帐户。要进入访客模式,只需在开始对话之前点击以访客身份继续。

访客模式为客户提供了匿名与公司聊天的灵活性。但是该功能对企业有一些缺点。

这是带有 A 的图像 Facebook Messenger 带有访客模式按钮的小部件。Facebook 在 2020 年推出了访客模式,允许客户通过 Messenger 小部件与企业聊天,而无需登录他们的 Facebook 帐户。要进入访客模式,只需点击以访客身份继续。正是这种灵活性使 Facebook Messenger 英国、美国、印度、菲律宾等地的终极聊天插件。
Facebook Messenger 具有访客模式的小部件

首先,访客模式会阻止企业与客户建立持久的联系。商家无法在访客结束聊天后或对话开始后 24 小时内(以先到者为准)重新打开访客对话。

在访客模式下提供个性化的客户体验也是不可能的,因为您无法访问任何客户信息。在访客模式下与您聊天的用户的姓名将显示为访客,后跟一个简短的数字字符串。

值得庆幸的是,您可以在小部件设置过程中禁用访客模式。请继续阅读以了解具体方法。

如何设置 Facebook Messenger 小部件:创建小部件代码

首先,让我们谈谈信使小部件的设置过程。要添加 Facebook Messenger 对于一个网站,您需要按顺序执行以下两个步骤:

  • 创建一个 Facebook Messenger 小部件代码
  • 添加 Messenger 您网站的小部件代码

您可以生成一个 Messenger 小部件代码 Meta 商务套房或 respond.io.虽然这两个平台具有相同的目的,但它们提供不同的功能。

Meta 商务套房为您提供了禁用访客模式的选项。B2C 公司应该选择这一点,因为关闭访客模式可以让他们捕获潜在客户,提供个性化的客户体验并在客户离开网站后重新吸引他们。

也就是说,禁用访客模式可能会拒绝想要保持匿名的 B2B 买家。如果您是需要开启访客模式的 B2B 企业,我们建议您设置访客模式 Facebook 聊天插件通过 respond.io.

您不仅可以自动发送 问候 语或 离开消息 以及 聊天路由联系人分配等流程, respond.io 允许您将参考代码添加到Messenger 用于识别联系人来源的小部件。大型企业应考虑此选项。

生成一个 Messenger 小部件代码 Meta 商务套房

添加方法如下 Facebook Messenger 到任何使用 Meta 商务套房。从您的脸书页面:

  1. 导航到您的 Meta 商务套房并打开收件箱
  2. 单击设置图标,然后选择 查看所有设置
  3. 选择聊天插件
  4. 点击 设置

要根据需要定制小部件的功能,请从列表中选择所需的自动化和自定义,然后单击“ 设置”。然后,选择要用于生成 Messenger 小部件代码。

1. 单击 蓝色的 设置 按钮。

这是一张显示如何生成 Messenger 小部件代码打开 Facebook 商务套房收件箱。单击蓝色的设置按钮开始安装您的 Facebook 聊天插件。
Facebook 聊天插件 Meta 商务套房

2. 选择Facebook 您要使用的聊天插件设置方法。如果您在列表中看到您的站点构建器,请选择它。否则,请选择 “标准”。

这是一张显示如何生成 Messenger 小部件代码打开 Facebook 商务套房收件箱。选择要在其上安装 Messenger 控件。
选择您的网站建立器(如果它在列表中)或选择 标准

3. 为 聊天插件选择您的首选语言。然后单击 “保存并继续”。

这是一张图片,显示了如何在Facebook Business Suite Inbox上生成Messenger Widget代码。选择您想要的语言 Facebook Messenger 要显示的小组件,例如美国 (US) 的美式英语或英式英语。
选择语言

4. 为 您希望在其中显示聊天插件的所有网站添加域。确保粘贴在代码生成器中的域不包含页面。完成后单击 保存并继续

这是一张图片,显示了如何在Facebook Business Suite Inbox上生成Messenger Widget代码。添加语言(例如美式英语(美国))后,添加您想要的网站的域 Facebook Messenger 要显示的小部件。
添加网站域名

5. 单击“复制代码”按钮以复制代码。然后单击下一步。

这是显示如何添加的图片 Facebook Messenger 到网站。单击“复制代码”,然后单击“下一步”。
复制代码

6. 将 代码片段粘贴到您的网站。再往下,我们将简要向您展示将此代码添加到何处 WordPress, Wix, Shopify 和 Squarespace.

这是显示如何添加的图片 Messenger 到网站。将代码粘贴到您的网站。了解如何将此代码添加到 Wordpress、Wix、 Shopify 和 Squarespace.
将插件代码片段粘贴到您的网站上

完成后单击 完成 。你 Messenger 小部件现在可以使用了。或者,您可以为您的 Messenger 控件。

6. 关闭 访客聊天切换开关以禁用访客模式。您可以在自定义您的聊天插件下找到切换开关。

这是一张显示如何关闭访客模式的图像 Facebook Messenger Widget.关闭访客聊天切换开关以禁用访客模式。您可以在自定义您的聊天插件下找到切换开关。
禁用访客模式

然后,单击“发布”以使更改生效。这就是您安装的方式 Facebook Messenger 在网站上聊天!或者,您可以在 上创建一个信使小部件代码 respond.io.

生成一个 Messenger 小部件代码打开 respond.io

设置过程 Facebook Messenger 小部件很简单,可以 按照以下步骤快速完成。

这是显示如何设置的图像 Messenger 控件。
Respond.io 全渠道网站小部件支持广泛的渠道

要开始使用,请导航到 “设置 ”> “增长小部件”。然后,单击 添加微件 并选择 Facebook 小部件,然后单击创建小部件

之后,输入要添加聊天小部件的网站,然后选择要为其创建小部件的帐户。

这是一个 gif,显示如何选择一个帐户来创建小部件。
Facebook 网站的即时通讯小部件:选择 Messenger 要为其创建小组件的帐户

您可以添加预填充的文本或通过单击 “高级设置 ”按钮自定义小部件的外观。最后,单击 生成小部件,复制生成的脚本并将其安装在您的网站上。

如果您想跨多个渠道与客户建立联系, 全渠道小部件 可以提供帮助。您还可以选择 将网站聊天小部件添加到您的网站

现在您已成功设置您的 Messenger 小部件,下一步是将生成的代码安装到您的网站上。接下来,我们将指导您完成安装过程。

如何添加 Messenger 使用小部件代码到网站

导航 CMS 以添加聊天插件可能会令人困惑。下面,您将找到安装 Messenger 流行的网站构建器上的小部件代码,例如 WordPress, Wix, Shopify 和 Squarespace.

如何添加 Facebook Messenger 小部件代码到 WordPress 网站

您现在可以安装 Messenger 插件由 Meta 直接从侧边栏中的插件选项卡。虽然插件本身是免费的,但对于旧计划的用户,安装仅适用于商业计划订阅者或专业计划用户。

这是一张图片,向您展示了您现在可以如何安装 Messenger 插件由 Meta 直接从侧边栏中的插件选项卡。虽然插件本身是免费的,但对于旧计划的用户,安装仅适用于商业计划订阅者或专业计划用户。如果您在以下位置 Messenger 是终极聊天插件,例如英国,美国,印度或菲律宾,将其添加到您的 WordPress 网站。
WordPress 专业版或商业版订阅者可以安装 Facebook 直接聊天插件

要安装 Facebook 聊天插件 上 WordPress,请按照以下说明操作:

  1. 寻找 Facebook 聊天插件并选择它。
  2. 单击 立即安装
  3. 单击 激活
  4. 查找显示 “客户聊天”的选项卡。导航到 入门 部分,然后单击 编辑聊天插件
  5. 自定义您的聊天插件并完成您的设置。

或者,集成 Messenger 变成一个 WordPress 通过使用 Messenger 小部件代码。这也需要通过付费墙。有几种方法可以添加 Messenger 小部件代码到 WordPress,包括安装页眉和页脚插件。

1. 从插件页面添加您选择的页眉和页脚插件。

一旦你拥有 Facebook 聊天插件代码准备就绪,您可以将页眉和页脚插件添加到您的 WordPress 中。
添加页眉和页脚插件

2. 导航到 页眉和页脚。

添加页眉和页脚插件后,导航到它。
如何集成 Facebook Messenger 在网站上:打开页眉和页脚控制台

3. 添加 Facebook Messenger 页脚的小部件脚本。

现在粘贴 Facebook 客户聊天插件代码到您的WordPress网站的页脚中。
如何集成 Facebook Messenger 在网站上:将脚本添加到页眉和页脚控制台

您现在已经添加了 Facebook Messenger 实时聊天到您的 WordPress 网站。

如何添加 Facebook 聊天插件代码到 Wix Website

如果您想将实时聊天添加到 Wix 网站怎么办?生成 Facebook Messenger 小部件脚本,请按照以下步骤将其添加到您的 Wix 网站。请注意,您需要付费订阅才能访问此功能。

1. 导航到 “设置”>“高级设置 ”> “自定义代码”。

现在你有了你的 Facebook Messenger 小部件代码准备就绪,导航到 Wix 中的自定义代码。
加 Messenger 小部件代码到Wix

2. 粘贴 Facebook Messenger 小组件代码,然后选择要应用代码的页面。确保将代码放在 Body - end 中。

带你去 Facebook 聊天插件脚本并将其粘贴到自定义代码对话框中。
填写自定义代码表单

您现在已经添加了 Facebook 聊天插件到您的 Wix 网站。

现在 Facebook Messenger 小部件将显示在您的 Wix Website.
您的新 Facebook 聊天插件已安装

如何添加 Facebook 聊天小部件到 Shopify

拥有Facebook聊天插件脚本后,请按照以下步骤进行集成 Facebook Messenger 变成一个 Shopify 网站。

1. 导航到 在线商店并编辑代码。

一旦你有了你的 Facebook 客户聊天插件脚本准备就绪,导航到您的 shopify 主题并编辑代码。如果您正在使用,这是值得做的 Shopify 在一个 Messenger 很受欢迎,例如印度、菲律宾、英国(UK)或美国(US)。
Shopify Messenger 聊天:编辑您的在线商店代码

2.打开 页脚.液体部分并粘贴 Facebook Messenger 小部件脚本。

拿 Facebook Messenger 小部件代码并将其添加到您的 Spotify 网站的 footer.liquid 部分。
Shopify Messenger 聊天:添加脚本

您现在已添加 Facebook 聊天插件在您的 Shopify 网站。

如何添加 Facebook Messenger 小部件代码到 Squarespace

一旦你拥有 Facebook 聊天插件脚本,是时候嵌入了 Messenger 在一个 Squarespace 网站。

1. 登录 Squarespace,选择您的站点并打开 设置

一旦你有了你的 Facebook Messenger 小部件代码准备就绪 登录到 方形空间 开始安装过程。
打开您的网站设置

2. 导航到高级设置

有多种方法可以添加 Facebook Messenger 到您的网站。要集成 Facebook Messenger 进入你的 Squarespace 网站打开高级设置。这是如何添加 Facebook Messenger 到您的网站。
打开高级设置

3. 导航到代码注入

有多种方法可以添加 Facebook Messenger 到您的网站。要集成 Facebook Messenger 进入你的 Squarespace 网站开放代码注入。这是如何添加 Facebook Messenger 到您的网站。
开放代码注入

4. 粘贴 Facebook Messenger 小部件脚本。

有多种方法可以添加 Facebook Messenger 到您的网站。要集成 Facebook Messenger 进入你的 Squarespace 网站添加脚本。这是如何添加 Facebook Messenger 到您的网站。
添加脚本

您现在已经添加了 Facebook Messenger 实时聊天到您的网站。

我们已经向您展示了如何创建您的 Facebook 聊天小部件代码和安装 Facebook 一些最受欢迎的网站建设者上的聊天插件。想要在 上与客户聊天 Messenger 小部件和其他渠道,以及在集中收件箱中访问他们的联系方式和聊天记录? 注册获取 respond.io 现在帐户

延伸阅读

这就是您如何获得要添加的信使小部件 Facebook Messenger 到您的网站。如果您喜欢阅读有关如何使用终极聊天插件发展业务的信息,请通过以下博客文章了解有关企业即时消息的更多信息:

Gerardo Salandra
首席执行官
Gerardo Salandra 是 CEO 和联合创始人 respond.io.凭借之前在 IBM、Google 和 Runtastic 的经验,他积累了人工智能和增长黑客方面的专业知识。他拥有香港中文大学工商管理硕士学位。
标签
复制到剪贴板!

准备好开始了吗?✨

  • 释放 respond.io 以增加销售额并取悦客户。
  • 7 天免费试用
  • 无需信用卡
  • 随时取消
免费注册
  • 与我们一起体验个性化演示
  • 了解为什么 10,000+ 家企业选择我们
预订演示