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

2019-06-0410:42:31网站建设与开发1 12,315 views1字数 934阅读模式
WordPress网站添加右侧悬浮在线客服功能教程 怎么弄?

WordPress添加右侧悬浮在线客服教程步骤:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/13349.html

1:准备右侧在线客服代码与素材;文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/13349.html

2:为准备好服务器的FTP;文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/13349.html

3:上传右侧悬浮在线客服相关文件;文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/13349.html

4:将右侧悬浮在线客服代码的引用添加到WordPress的头部或者底部文件中;文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/13349.html

5:刷新网页查看右侧悬浮在线客服代码是否显示正常;文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/13349.html

上面就是这个教程的具体步骤,下面大家来跟着主机吧(服务器租用网)小编张浩来一步一步操作起来吧,马上你的网站也可以拥有一个比较高大上的右侧悬浮在线客服功能了。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/13349.html

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

其实很多网站都会提供这种JS代码的,例如懒人素材等,下图就是主机吧小编在懒人素材网站上找到的一款右侧悬浮在线客服代码,大家在相关网站点击本地下载将源码保存到本地。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/13349.html

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

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

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

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

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

这一步大家将下载好的右侧悬浮在线客服压缩包进行解压并得到相关文件,如下图;文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/13349.html

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

我们接着把解压得到的上面图片中的三个文件夹通过FTP上传到我们的网站根目录中。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/13349.html

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

我们通过Adobe Dreamweaver或者Notepad++将我们步骤3解压得到的进行编辑,如下面两张图片;文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/13349.html

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

我们将上面图片中红框内的代码复制粘贴到WordPress网站的头部或者底部文件里。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/13349.html

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

这时我们WordPress网站的右侧悬浮在线客服代码就部署完毕了,我们可以刷新我们网站首页看看右侧悬浮在线客服是否显示正常,由于是JS调用,所以可能会跟我们现有的主题有冲突,但是这是极少数情况,所以可以放心使用。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/13349.html

写到最后

WordPress网站如何部署右侧悬浮在线客服功能教程就为大家写到这里了,大家有什么不懂得,可以在文章底部进行留言,我会第一时间回复大家的,好了给大家看一下我部署好的网站右侧在线客服吧!文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/13349.html

WordPress网站添加右侧悬浮在线客服功能教程 怎么弄?
文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/13349.html
  • 本站内容整理自互联网,仅提供信息存储空间服务,以方便学习之用。如对文章、图片、字体等版权有疑问,请在下方留言,管理员看到后,将第一时间进行处理。
  • 转载请务必保留本文链接:https://www.cainiaoxueyuan.com/cms/13349.html
Comments  1  访客  1
    • 初学者 0

      wordpress中有三个文件夹,具体上传到哪一个

    Comment

    匿名网友 填写信息

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

    确定