🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
<br> [**点此进入芝麻小客服官网**](https://xiaokefu.com.cn/?source=kanyun_t_mia ) # PC客服如何自定义客服入口 接入PC客服插件时,网站上会默认显示联系客服按钮。默认按钮是这样的: ![](https://img.kancloud.cn/34/2f/342fa89e55b7e46ea798c2d44af8fc22_234x118.png) 那么,如果想要自定义按钮样式要怎么做呢?目前芝麻客服提供两种方式可以修改客服按钮样式。 ## 方法一:后台直接设置图标 在芝麻客服后台,H5云客服-样式设置中,支持自定义图标样式。设计好图标,在这里上传就可以了。还可以设置图标显示在网站的左侧还是右侧,以及图标透明度。 ![](https://img.kancloud.cn/e5/d2/e5d26f2aafe17f5aeadb8ea813158efe_1523x668.png) ## 方法二:通过代码自己实现客服入口 如果方法一还是不能满足需求的话,比如希望能够实现客服图片可以在网页上任意拖动,则可以自己开发客服入口。具体步骤是: - 第一步:在嵌入的代码中增加参数customer,将参数值赋值为1. 即可隐藏默认的图标。 复制以下代码插入到原有的网站渠道代码中即可(注意,参数值要设置为1,如果为0则会显示默认图标。另外,如果放在两个参数之间,则要用英文逗号分隔): ``` customer:1 ``` ![](https://img.kancloud.cn/66/a6/66a6d61c61f800867ec7e200845c3955_1033x456.png) - 第二步:在网站中自己去实现客服入口,图标样式,交互都可以自己开发。芝麻客服提供了两个方法来开启和关闭PC客服弹窗: - 打开客服弹窗: ZM.open() - 关闭客服弹窗: ZM.close() 在前端JS代码中可以直接调用这两个方法,实现打开和关闭客服弹窗的功能。这样就可以实现,用户点击时打开客服弹窗,必要时关闭客服弹窗。 <br> [**点此进入芝麻小客服官网**](https://xiaokefu.com.cn/?source=kanyun_b_mia ) 您有问题需要咨询的话,可以扫描下方二维码: </h> ![](https://img.kancloud.cn/04/a1/04a1fd65b5f5cfbc32ad431a32fabd2a_200x199.png) </h> </h>