阿里国际站代运营:国际站托管代运营服务方案
亚马逊市场调研工具:挖掘你的亚马逊利基产品

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

分类: wordpress建站教程 作者: 为主的祥助 1330次浏览 0评论
        随着阿里巴巴国际站以及其他电商平台的白热化竞争,自有品牌建设的意识的提高,目前做独立站来打造自有品牌或优质趋势的产品,是一个必然的趋势
添加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,也就能直接看到聊天窗口
因此这个方式适合外贸独立站,不适合添加到国内网站。

为主的祥助的知识星球
版权申明:跨境E站,版权所有丨如未注明,均为原创丨本网站采用BY-NC-SA协议进行授权
          转载请注明本文作者和原文链接: https://www.yunglobe.com/facebook-messenger.html

转载请注明:跨境E站 » 官网独立站添加Facebook在线聊天窗口功能

微信 OR 支付宝 扫描二维码
请站长 喝杯星巴克
pay_weixinpay_weixin微信公众号
知识付费,金额随意 小主的支持是本站运营的动力!~
喜欢 (3)or分享 (0)
发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
QQ群
  • 阿里巴巴国际站数据化运营 阿里巴巴国际站数据化运营
  • Wordpress外贸建站交流群 Wordpress外贸建站交流群
微信号
  • 备注外贸建站或阿里国际站,拉你进对应的微信群
QQ咨询
  • 为主的祥助 点击这里给我发消息