AI摘要

本文介绍了如何利用WordPress子比主题内置的私信功能添加客服在线聊天悬浮按钮，包括获取并修改私信接口设置接收用户ID、在后台添加按钮代码，以及通过修改PHP和CSS代码解决未登录用户无法调用私信而隐藏悬浮按钮的问题。

有时候网站需要一个客服功能，但用第三方的好多人又不会，就更不用说自己二开了，这里就简单利用子比主题的私信功能做客服（目前有点小问题是没登录的是无法调用，有兴趣的自己研究）

首先，我们得知道子比是如何调用私信的：

  1. F12打开控制台，查看网络（network）点击任意一个人的私信按钮找到调用私信的接口。
  2. 按照下图找到找到接口链接

  • 改掉 receive_user 的值：默认用户ID是1，你也可以改为其他的ID，列如：3

增加按钮

路径：zibll主题设置>>全局&功能>>悬浮按钮>>更多按钮>>添加按钮，粘贴以下代码到悬浮内容输入框即可

[hidecontent type="reply"] 
<div style="text-align: center;line-height: 20px;padding: 6px">
                    <div style="font-size: 16px;font-weight: 600;margin-bottom: 6px">
                        <div><img style="height: 18px;width: 18px" data-src="https://www.huliku.com/images/kefu.png" class="lazyload" src="">
                            私信站长</div>
                    </div>
                    <div>工作日：18:00-24:00</div>
                    <div>周末：10:00-24:00</div> <a data-remote="https://beicb.top/wp-admin/admin-ajax.php?action=private_window_modal&receive_user=1" href=";" data-toggle="RefreshModal" style="color: #fff">
                        <div style="line-height: 32px;border-radius: 30px;font-size: 12px;background: #6b74e6;width: 130px;margin: 0 auto;margin-top: 10px">
                            立即私信</div>
                    </a>
                </div>
[/hidecontent]

注意：将代码中接口连接换成你自己的

更新不登录无法调用

不登录的情况不显示，（缺点：不登录所有自定义的悬浮按钮被隐藏）

前面所有步骤不变，找到主题下的 inc>>functions>>zib-footer.php 文件

找到 more 并在下方添加如下代码

$userxin = wp_get_current_user();
                        if($userxin->exists() !==''){
                            $displ ='float-btn more-btn';
                        }
                        if($userxin->exists() ==''){
                            $displ ='more-btn';
                        }

将 $class 的值改成 $displ，最后将如下 CSS 代码放入后台自定义代码

[hidecontent type="payshow"] 
.more-btn{display: none;}
[/hidecontent]