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

2019年6月4日10:42:31 发表评论 177 views
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解压得到的进行编辑,如下面两张图片;

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

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

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

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

写到最后

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

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

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: