logo竹子建站
如何设置网站手机端底部在线客服信息?
2020-02-12 16:29:58

之前给大家说了网站pc端右侧的在线客服设置,现在给大家说一下手机端的在线客服设置。手机端的在线客服支持在线拨打电话,发送短信。

进入网站设计,在网站左上角的下拉键打开网站编辑页面。

在网站管理里找到独立板块。添加一个独立板块“手机在线客服”。

 

编辑独立板块内容,点击蓝色加号,在弹出的左侧板块中添加“手机底部在线客服”板块;

 

 

这个板块是仅在手机端显示,所以在添加之后,不会显示(因为默认是在pc端编辑)所以在修改板块内容的时候,需要把模式切换到手机模式下。

点击文字就会弹出编辑栏,双击文字就可以修改显示的文字,点击齿轮就可以设置拨打电话或者发送短信的手机。

 

如果需要在文字上面添加图标,也可以选择设置齿轮,设置图片。

修改电话号码只需要修改”tel:“后面的数字就好了。

设置好之后,发布保持独立板块内容,回到编辑页面,在网站管理中,找到网站设置中的交互设置。

添加交互事件

事件选择载入--指网站页面加载就生效;

目标元素选择独立板块---刚刚使用独立板块做的手机在线客服内容;

选择板块”手机底部客服“--刚刚设置的客服内容;

动作选择显示。整个的设置意思就是:在加载进入网站的时候,手机底部客服这个独立板块就开始显示出现。

下面的尺寸设置为宽640px,高为auto;

位置设置为X: 50% Y:100%;

 

锚点选择中下位置;

遮罩设置关闭。

最后添加保存。最后一定要在这里选择保存,最后右上角发布。

之后就可以浏览一下网页,查看效果了。

可以看到在pc端,网站底部不会有刚刚设置的底部在线客服;

在手机端浏览的时候,就可以看到刚刚设置的手机端在线客服了。