🔊近主机吧（服务器租用网）小编遇到了个棘手的问题，那就是我现在的公司要给官网增加个右侧悬浮的在线客服功能，以前其实我也研究过如何给WordPress添加右侧悬浮在线客服功能，后来一直也没学会怎么弄，这次结果又让我碰上了，自己不会没关系，我可以请教我以前的朋友教育我，于是我果断的联系了以前的朋友教我怎么弄，功夫不负有心人，🔊后还是叫我学会了如何为WordPress网站添加右侧悬浮在线客服功能，于是把本教程分享出来，希望大家以后遇到这种类似的问题的时候能快速的找到解决办法。
WordPress添加右侧悬浮在线客服教程步骤：
1：准备右侧在线客服代码与素材；
2：为准备好服务器的FTP；
3：上传右侧悬浮在线客服相关文件；
4：将右侧悬浮在线客服代码的引用添加到WordPress的头部或者底部文件中；
5：刷新网页查看右侧悬浮在线客服代码是否显示正常；
上面就是这个教程的具体步骤，下面大家来跟着主机吧（服务器租用网）小编张浩来一步一步操作起来吧，马上你的网站也可以拥有一个比较高大上的右侧悬浮在线客服功能了。
🔊步：右侧悬浮在线客服代码获取
其实很多网站都会提供这种JS代码的，例如懒人素材等，下图就是主机吧小编在懒人素材网站上找到的一款右侧悬浮在线客服代码，大家在相关网站🔊本地下载将源码保存到本地。
第二步：获取服务器相关网站的FTP权限
由于这一步涉及到网站服务器🔊问题，所以主机吧小编就不详细的去讲解了，相信大家也都知道什么叫做FTP了吧，大家将FTP连接到你的网站目录就行了，FTP软件有很多，大家自行百毒搜索吧。这里跟大家说一下，我的服务器使用的事BT宝塔面板，支持在面板后台直接上传相关文件，所以我就没有开启FTP功能。
第三步：上传右侧悬浮在线客服相关文件
这一步大家将下载好的右侧悬浮在线客服压缩包进行解压并得到相关文件，如下图；
我们接着把解压得到的上面图片中的三个文件夹通过FTP上传到我们的网站根目录中。
第四步：将右侧悬浮在线客服代码的引用添加到WordPress的头部或者底部文件中
我们通过Adobe Dreamweaver或者Notepad++将我们步骤3解压得到的index.html进行编辑，如下面两张图片；
我们将上面图片中红框内的代码复制粘贴到WordPress网站的头部或者底部文件里。
第五步：刷新网页查看右侧悬浮在线客服代码是否显示正常
这时我们WordPress网站的右侧悬浮在线客服代码就部署完毕了，我们可以刷新我们网站首页看看右侧悬浮在线客服是否显示正常，由于是JS调用，所以可能会跟我们现有的主题有冲突，但是这是极少数情况，所以可以放心使用。
写到🔊后
WordPress网站如何部署右侧悬浮在线客服功能教程就为大家写到这里了，大家有什么不懂得，可以在文章底部进行留言，我会🔊时间回复大家的，好了给大家看一下我部署好的网站右侧在线客服吧！
大家也许好奇为什么我的右侧悬浮在线客服是展开的，而你们的事需要鼠标放上去才展开，因为公司领导想要展开的所以我对代码进行了删改，所以大家看到的就是现在这个样子了。
微信扫一扫 
支付宝扫一扫 
