最佳回答：外贸网站与海外客户及时方便的沟通，能够提升网站的转化率和询盘。
借助 Facebook Messenger 平台的顾客聊天插件，您可以直接在自己的外贸网站中整合 Messenger 体验。
这样，客户可以随时与您的公司互动，同时获得与使用 Messenger 一样的个性化富媒体体验。
该顾客聊天插件会自动载入客户与公司最近的聊天记录，无论是在 messenger.com 上，还是在 Messenger 应用中，又或是在您网站的顾客聊天插件中，只要是该客户最近与您公司之间的互动，都会显示出来。
这有助于为客户打造不间断沟通的体验，同时确保即使在客户离开您的网页之后，您也能继续与他们之间的对话。
整合这一插件后，您无需再为了跟进而四处捕捉客户的信息，只需在 Messenger 中开启与对方的对话即可。
浏览器支持 顾客聊天插件支持除 Messenger 应用内浏览器之外的所有桌面浏览器和移动浏览器。
讯息型别和模板支持 目前，顾客聊天插件支持以下讯息型别和结构化讯息模板： 功能 是否支持 文字讯息 是 视频/图片/音讯/GIF 是 常规/按钮模板 是（支持有限按钮型别）回传 网址按钮 呼叫按钮 购买按钮 “分享” 按钮 登入按钮 退出按钮 玩游戏按钮 列表/媒体/开放图谱模板 否 快速回复 是（支持有限快速回复型别）文字快速回复 使用者手机号快速回复 使用者电子邮箱快速回复 位置快速回复 固定选单 是 传送者操作 是 新增 SDK 如要使用顾客聊天插件，您必须在要显示插件的主页中新增包含顾客聊天 SDK 的 JavaScript 版 Facebook SDK 版本。
本地化与国际化 如要发挥国际化的作用（包括使用自动语言翻译），您需要根据网站的语言设置更改 SDK 的语言。
具体而言，在初始化 SDK 时，您需要将 en_US 更改为受支持的语言代码。
插件的动态控制 我们还会提供 API，以便您动态控制插件的特定行为，例如开启和关闭对话方块。
设置插件 如要在网页上新增顾客聊天插件，您可以使用设置工具或按照开发者步骤操作： 选项 1：使用设置工具 对于主页管理员，Messenger 平台还提供易于使用的设置工具，方便他们自定义顾客聊天插件。
如要使用设置工具，请执行下列操作： 前往主页设置 > Messenger 平台 在 “顾客聊天插件” 版块，点选 “设置” 按钮。
设置工具使用者介面简洁，可方便您自定义欢迎语、主题颜色、显示的回复时间，以及为插件设置网域白名单。
完成设置后，设置工具会自动生成代码片段，您只需复制/贴上此代码片段，便可在您的网页中新增顾客聊天插件。
选项 2：使用开发者步骤进行设置 如要在网页上新增顾客聊天插件，请执行下列操作： 将您网站的域加入白名单为安全起见，此插件只有在载入到已加入白名单的网域时才会显示。
请参阅 whitelisted_domains 参考文件，了解如何以程序设计方式将网域加入白名单。
需要提供域名和 HTTPS 域必须满足以下要求才能加入白名单： 公司如果通过服务提供商提供 Messenger 体验，即表示他们不是相关 Facebook 应用的所有者，因而没有许可权使用应用设置中的主页访问口令生成器。
在这种情况下，您可通过主页设置新增或删除白名单域。
要将域加入白名单，请执行以下操作： 通过 HTTPS 提供服务 使用完全限定的域名，例如 https://www.messenger.com/。
不支持使用 IP 地址和 localhost 加入白名单。
点选主页顶部的设置 点选左侧的 Messenger 平台 在白名单域版块中编辑主页的白名单域 在网页上新增插件如要在您的网页新增插件，请在 HTML 中加入 div 并将其属性设置为以下值： <div class=”fb-customerchat”
page_id=””>
预设情况下，欢迎对话方块会在桌面端显示，并在移动端隐藏。
如需自定义欢迎对话方块行为，您可以使用 greeting_dialog_display 和 “greeting_dialog_delay” 属性。
推荐位置 预设情况下，顾客聊天插件会显示在页面的右下角，我们强烈建议您不要更改这一预设位置。
可选。
处理新对话的 messaging_postbacks 事件 如果使用者通过插件发起新对话，且您的智能助手已设置 “开始” 按钮，则当使用者点选此按钮时，我们将向您的 Webhook 传送 messaging_postbacks Webhook 事件。
如果在新增顾客聊天插件时设置了 ref 属性，则回传事件中将包含该属性。
可选。
处理现有对话的 messaging_referrals 事件对于现有对话，如果您在新增顾客聊天插件时设置了 ref 属性，则当使用者通过插件重新开启对话时，我们将向您的 Webhook 传送 messaging_referrals Webhook 事件。
ref 可以是任意字串，并可用于多种目的。
例如，您可以用它来追踪哪些客户通过插件与您的公司进行了互动。
自定义设置插件 顾客聊天插件支持下列自定义选项。
将插件新增到您的网页中时，所有自定义选项都被设置为一项属性： 属性 说明 theme_color 可选。
插件使用的主题颜色，包括顾客聊天插件图示和使用者传送的任何讯息的背景颜色。
支持任何带前导数字符号的十六进位制颜色代码（如 #0084FF），白色除外。
强烈建议您选择与白色形成鲜明对比的颜色。
logged_in_greeting 可选。
要对当前已登入 Facebook 的使用者显示的欢迎语。
不超过 80 个字元。
logged_out_greeting 可选。
要对当前未登入 Facebook 的使用者显示的欢迎语。
不超过 80 个字元。
greeting_dialog_display 可选。
设置欢迎对话方块的显示方式。
支持下列值： show：通过 greeting_dialog_delay 属性设置延迟多少秒才在桌面端和移动端显示欢迎对话方块，并保持开启。
hide：欢迎对话方块将一直隐藏，除非使用者在桌面端和移动端点选插件才会显示。
fade：通过 greeting_dialog_delay 属性设置延迟多少秒才短暂显示欢迎对话方块，之后使其淡出，并在桌面端隐藏。
对话方块会在移动端隐藏。
插件设置在桌面端预设为 show，在移动端预设为 hide 。
greeting_dialog_delay 可选。
设置插件载入后延迟多少秒才显示欢迎对话方块。
您可使用此属性自定义欢迎对话方块的显示时机。
minimized 停用通知 此属性现已停用。
请改用 greeting_dialog_display 来自定义插件。
greeting_dialog_delay 属性将优先于 minimized 属性。
可选。
true 设置为 true 时，与 greeting_dialog_delay = “fade” 设置具有相同效果。
false 设置为 false 时，与 greeting_dialog_delay = “show” 设置具有相同效果。
ref 可选。
如果想要在 Webhook 事件中新增要传回的其他上下文，您可以传递一个可选的参考引数。
此引数有许多用途，例如追踪使用者启动对话的页面、将使用者导向智能助手中可用的特定内容或功能，或将 Messenger 使用者与网站上的会话或帐户进行连线。
禁用固定选单 有时您可能想要在顾客聊天插件中禁用智能助手的固定选单。
如要执行此操作，您需在设置固定选单时新增 “disabled_surfaces”: [“CUSTOMER_CHAT_PLUGIN”]： {
“persistent_menu”:[
{
“locale”:”default”,
“disabled_surfaces”: [“CUSTOMER_CHAT_PLUGIN”],
“composer_input_disabled”: false,
“call_to_actions”:[
{
“title”:”My Account”,
“type”:”postback”,
“payload”:”PAYBILL_PAYLOAD”
}
]
}
]} 使用者登入 已登入 Facebook 帐户的使用者可以立即发起与智能助手的对话。
如果使用者尚未登入，预设情况下，页面会显示一条欢迎讯息，邀请使用者登入或新建 Facebook 帐户。
含年龄/国家/地区限制的主页 如果您的主页已在主页设置中设置年龄或国家/地区限制，则当未登入 Facebook 帐户的使用者访问您的网站时，顾客聊天插件不会显示。
快取行为 预设情况下，欢迎对话方块会在桌面端显示，在移动端最小化。
使用者还可通过点选来显示或最小化对话方块。
此状态会在浏览器上快取，甚至会在浏览器关闭或重新开启后继续保留。
检测讯息来源 有时，您可能需要确定使用者是否在使用顾客聊天插件与您的公司互动。
为实现这一点，Messenger 平台将针对通过插件传送的所有讯息，在全部回传事件和讯息负载的 tags 阵列中新增 “source”: “customer_chat_plugin” 属性： “message”: {
“mid”:”mid.14577641449818:41d102a3e1ae206a38″,
“text”:”hello, from customer chat!”,
“tags”: [
{
“source”: “customer_chat_plugin”
}
]
} WordPress 插件 为便于将顾客聊天插件整合到 WordPress 网站，我们会在 wordpress.org 中提供官方 Messenger 顾客聊天 WordPress 插件。
疑难问题解决方法 如果无法正常呈现此插件，请尝试以下解决方法： 如果您看到类似于 “Refused to display *** in a frame because an ancestor violates the following Content Security Policy directive: ***” 的控制台错误，请检查显示插件的页面网域是否已加入白名单。
另外，请确保您未将 Referrer-Policy 标头设置为 no-referrer 。
Firefox Facebook Container 附加程序会阻止系统显示此插件。
如要显示该插件，请移除此附加程序。
Firefox 桌面私人浏览器（版本 63 及以上）和 Firefox 移动浏览器会预设拦截内容追踪，由此阻止系统显示此插件。
只需关闭内容拦截（在搜索栏中点选灰色盾牌图示），此插件便会出现。
