• 服务器租用:建站教程、SEO优化文章、网站模板、服务器软件、云服务器国外服务器香港服务器虚拟主机域名注册、服务器相关知识。
  • 主机吧永久网址为:https://www.fuwuqizuyong.cc
  • 如您无法通过百度搜索到本站时,请更换搜索引擎,或者直接在浏览器地址栏输入 www.fuwuqizuyong.cc 即可回到本站
  • 浏览更多精彩内容,请 Ctrl+D 将本站加入浏览器收藏夹。

WordPress网站添加右侧悬浮在线客服功能教程

网站建设 服务器租用 3周前 (06-01) 76次浏览 0个评论 扫描二维码

最近主机吧(服务器租用网)小编遇到了个棘手的问题,那就是我现在的公司要给官网增加个右侧悬浮的在线客服功能,以前其实我也研究过如何给WordPress添加右侧悬浮在线客服功能,后来一直也没学会怎么弄,这次结果又让我碰上了,自己不会没关系,我可以请教我以前的朋友教育我,于是我果断的联系了以前的朋友教我怎么弄,功夫不负有心人,最后还是叫我学会了如何为WordPress网站添加右侧悬浮在线客服功能,于是把本教程分享出来,希望大家以后遇到这种类似的问题的时候能快速的找到解决办法。

WordPress网站添加右侧悬浮在线客服功能教程

WordPress添加右侧悬浮在线客服教程步骤:

1:准备右侧在线客服代码与素材;

2:为准备好服务器的FTP;

3:上传右侧悬浮在线客服相关文件;

4:将右侧悬浮在线客服代码的引用添加到WordPress的头部或者底部文件中;

5:刷新网页查看右侧悬浮在线客服代码是否显示正常;

上面就是这个教程的具体步骤,下面大家来跟着主机吧(服务器租用网)小编张浩来一步一步操作起来吧,马上你的网站也可以拥有一个比较高大上的右侧悬浮在线客服功能了。

第一步:右侧悬浮在线客服代码获取

其实很多网站都会提供这种JS代码的,例如懒人素材等,下图就是主机吧小编在懒人素材网站上找到的一款右侧悬浮在线客服代码,大家在相关网站点击本地下载将源码保存到本地。

WordPress网站添加右侧悬浮在线客服功能教程

第二步:获取服务器相关网站的FTP权限

由于这一步涉及到网站服务器安全问题,所以主机吧小编就不详细的去讲解了,相信大家也都知道什么叫做FTP了吧,大家将FTP连接到你的网站目录就行了,FTP软件有很多,大家自行百度搜索吧。这里跟大家说一下,我的服务器使用的事BT宝塔面板,支持在面板后台直接上传相关文件,所以我就没有开启FTP功能。

WordPress网站添加右侧悬浮在线客服功能教程

第三步:上传右侧悬浮在线客服相关文件

这一步大家将下载好的右侧悬浮在线客服压缩包进行解压并得到相关文件,如下图;

WordPress网站添加右侧悬浮在线客服功能教程

我们接着把解压得到的上面图片中的三个文件夹通过FTP上传到我们的网站根目录中。

第四步:将右侧悬浮在线客服代码的引用添加到WordPress的头部或者底部文件中

我们通过Adobe Dreamweaver或者Notepad++将我们步骤3解压得到的index.html进行编辑,如下面两张图片;

WordPress网站添加右侧悬浮在线客服功能教程

WordPress网站添加右侧悬浮在线客服功能教程

我们将上面图片中红框内的代码复制粘贴到WordPress网站的头部或者底部文件里。

第五步:刷新网页查看右侧悬浮在线客服代码是否显示正常

这时我们WordPress网站的右侧悬浮在线客服代码就部署完毕了,我们可以刷新我们网站首页看看右侧悬浮在线客服是否显示正常,由于是JS调用,所以可能会跟我们现有的主题有冲突,但是这是极少数情况,所以可以放心使用。

写到最后

WordPress网站如何部署右侧悬浮在线客服功能教程就为大家写到这里了,大家有什么不懂得,可以在文章底部进行留言,我会第一时间回复大家的,好了给大家看一下我部署好的网站右侧在线客服吧!

WordPress网站添加右侧悬浮在线客服功能教程

大家也许好奇为什么我的右侧悬浮在线客服是展开的,而你们的事需要鼠标放上去才展开,因为公司领导想要展开的所以我对代码进行了删改,所以大家看到的就是现在这个样子了。


服务器租用(www.fuwuqizuyong.cc) , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权 , 转载请注明:WordPress网站添加右侧悬浮在线客服功能教程
服务器租用
喜欢 (1)
[]
分享 (0)
服务器租用
关于作者:
服务器租用专注为广大站长与网友朋友分享建站教程、SEO优化文章、网站模板资源、服务器软件(Web环境、建站程序)等,另外为大家推荐各种国内外服务器、香港服务器、虚拟主机、域名购买优惠信息与服务器相关知识。
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到