用wordpress搭建独立站,很多时候我们希望在它的侧边添加上一个在线的联系方式,比如这里可以会加上我们的whatsapp或者是我们的Facebook的一个联系方式,那么怎么样去加这样的一个组件?好,这里我们需要使用到我们准备好的一个插件,Chaty Pro,那么这个插件我们已经把它下载好了,现在我们给大家去演示一下怎么样去安装和配置它。

1、Chaty Pro安装激活;

首先我们先进入我们的后台,然后找到plugins,然后点击安装新的插件。好打开以后我们上传我们的插件安装包,找到我们已经下载好的Chaty Pro这个插件,然后点击打开安装,安装成功以后我们直接进行激活。

现在这个插件就已经安装成功了,安装成功以后在我们的侧边就会多出一个设置项,我们直接进入设置项,默认它会给我们去添加一个模块,那么这个插件它可以设置多个模块列表,每一个列表都可以设置不同的联系方式,然后我们再通过一些设置,让它在不同的页面或者是针对不同的人群显示出来,我们现在使用默认的,然后直接点击编辑。

2、Chaty Pro插件设置演示;

2.1、添加联系方式;

可以看到这个插件它总共分为三个步骤的设置:

第一个就是选择你的联系方式,这里包含很多的联系方式,当然这个名称你也可以随意去修改,它在前台不会显示出来,比如说我们可以直接添加whatsapp,或者是Facebook的一个Messenger,或者是我们的电话邮箱等等,我们这里随便去添加几个就可以了。

比如说我们添加一个whatsapp,它在下面就可以有一个地方,你在这里就输入你的APP的账号,一般是我们的手机号码,我们同时也可以加上一个Facebook,那么同样的我们也去添加一下我们的Facebook的联系地址,那么 Facebook的联系地址,它的格式是前面要加上:

https://m.me/xuejianzhan/

其中的xuejianzhan修改为你自己的Facebook昵称就可以。

然后下面我们可以添加我们的电话,现在我们也可以加上我们的微信,当然在国外叫wechat,那么加完以后你在这里去填写你的账号ID什么的就可以了。我们这里只是给大家去演示几个,好,设置完了以后我们可以看到在右边它会有个预览,在这个预览当中我们可以看到我们的手机端以及我们的电脑端它的一个显示格式。

当然除了这些上面,我们看到的这些已经设置好的模块之外,你也可以去添加更多的新出现的一些内容,也是可以的。好设置完以后,然后我们把他的信息都填写好,填写好以后,然后我们就进入下一步。

2.2、设置在线客服显示样式;

下一步就是我们图标的显示的方式,它有两种显示方式,第一种就是折叠起来,第二种就是我们经常见到的,在右侧边它会有多个按钮,我们默认选择第一个,然后下面就是联系图标它的一个风格,这个风格你可以使用默认的,你也可以在它的图标库里面去选择你喜欢的图标,甚至你也可以去添加一个图片,你设置好一个图片,然后在这里添加也是可以的。

下面针对它的样式做一些修改,比如说它的背景,颜色就是图标的背景颜色,要和你的主题进行风格统一,比如说我们现在这个主题的颜色是红色,我们就选择红色,不够红,上面的字我们选择为白色,它就会显示这种风格。

下面还有一些比如说它显示的位置在左边还是在右边,或者是你给它设置一个自定义的位置,我们现在先默认下面是它的打开方式,包括它的尺寸大小都是一些简单的设置,你可以看一下,如果你不知道怎么设置,你默认也是可以的,然后我们进入下一步。

2.3、激活并设置显示规则;

下一步就是我们需要去激活联系的模块,下面还有一些规则,比如说我在哪些页面上面去显示出来,我们也可以去添加一些rule,甚至它显示的日期,比如说我们有的时候可能需要休息,比如说周一到周六,那么这6天我们显示周日的时候就不显示这样的一个联系方式也是可以的,包括我们每哪一天去显示我们的时间,一天24小时你都可以去设置。下面我们也可以针对这个模块去添加一些CSS样式,如果你不会设置的话,你就默认就可以了。

好设置完以后,然后我们点击保存模块,因为这个模块我们已经把它激活了,所以我们现在打开我们的首页去刷新,好在我们的右下角它就会直接显示出来这样的一个联系方式,我们点击它就会展开,比如说上面就是我们的摩擦,Facebook还有我们的手机号码,那么客户他也可以进行隐藏,我们看到这个位置和我们下面的回到顶部的按钮重叠了,所以这个时候我们就需要去设置一下它的样式。

好,这就是我们使用Chaty Pro这样的一个插件,为我们的独立站去添加了一个在线联系的方式。

声明:本站分享的WordPress主题/插件均遵循 GPLv2 许可协议(免费开源),相关介绍资料仅供学习参考,实际版本可能会因版本迭代或开发者调整而产生变化,如程序中涉及有第三方原创图像、设计模板、远程服务等内容,应获得作者授权后方可使用。本站不提供该程序/软件的产品授权与技术服务,亦不收取相关费用。