官网独立站添加Facebook在线聊天窗口功能

        随着阿里巴巴国际站以及其他电商平台的白热化竞争,自有品牌建设的意识的提高,目前做独立站来打造自有品牌或优质趋势的产品,是一个必然的趋势
添加facebook在线聊天功能

Facebook聊天框样式

 首先预览一下Facebook的聊天窗口的样式,添加功能代码后访问网站,右下角可以看到极具faceboo风格的聊天窗口

facebook聊天窗样式
Facebook聊天窗口样式

优点上说有以下几个特点:

  • 窗口风格就是facebook官方的样式
  • 客户还可以点击更多选项-visit facebook page-直接访问你们的facebook主页
  • 客户还可以点击更多选项-visit facebook page-直接访问你们的facebook主页

同时客户点击查看更多后,有多个选项,其中有visit facebook page,客户可以点击后直达我们的Facebook的主页,可以吸引一次访问

浏览facebook主页
浏览facebook主页

 总体来看,Facebook的在线聊天代码的窗口功能,界面十分符合客户的审美习惯,匹配其facebook的使用习惯看起来也简约美观

代码添加

   添加此顾客在线聊天功能需要创建一个Facebook Page,这个很简单,创建一个即可。

  1. 访问Facebook Page主页-setting-Messenger Platform-Customer chat plugin-Jump to section
  2. Set Up Customer Chat:语言选项设置为English,自动回复信息可以自定义输入,右侧是实时预览效果
  3. 设置窗口颜色:根据喜好设置窗口颜色,文本颜色,响应时间。窗口颜色可以改成匹配网站主体颜色的色调,或者默认Facebook的蓝色色调 。
  4. 代码生成:最后生成了功能的代码,按照Facebook的要求将代码段复制,添加到网站这里注意,要添加的是位置根据你的需要添加,如果需要每个页面都展示,可以添加到header文件或footer文件内

添加完成代码后刷新网站,即可看到效果。客户发起的聊天在Facebook Page页面的消息box里可以直接看到和进行回复

动态电波小图标

特别注意:因为这个代码是直接连接和调用的Facebook的数据功能,也就是直连Facebook的。因此需要某种众所周知的操作下,才能看到和显示聊天窗口
不过国外客户是没有问题的,他们能直接访问Facebook,也就能直接看到聊天窗口
因此这个方式适合外贸独立站,不适合添加到国内网站。

知识星球优惠券

给TA打赏
共{{data.count}}人
人已打赏
Google SEO

Google Trends趋势数据时间差异逻辑的解读

2022-3-6 13:18:08

wordpress建站教程

Nginx Wordpress给图片开启Webp自动转换兼容方案

2019-7-2 23:53:04

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索
Download
Aicomce-阿里国际站运营必备软件
数据优化,市场分析,选品辅助,黑科技项
x