UDesk 沃丰客服

官方文档

点击打开 (opens new window)

安装 UDesk

import Vue from 'vue';
// 按需引入
import { UDesk } from '@polyv/polyv-ui';
Vue.use(UDesk, {
  // 配置信息
});

// 全局引入
import PolyvUI from '@polyv/polyv-ui';
Vue.use(PolyvUI, {
  UDesk: {
    // 配置信息
  }
});

初始化 UDesk

import { UDesk } from '@polyv/polyv-ui';

// 第一步：设置用户信息
UDesk.setCustomerInfo({
  name: 'xxx', // 用户名称
  email: 'xxx', // 用户邮箱
  phone: 'xxx', // 用户手机号码
  desc: 'xxx', // 用户描述信息
  c_cf_qq: 'xxx', // QQ
});

// 第二步：创建 UDesk
UDesk.init();

TIP

注意：init 必须要在 setCustomerInfo 之后执行。

自定义入口

import { UDesk } from '@polyv/polyv-ui';

Vue.use(UDesk, {
  hideServiceBtn: true, // 隐藏默认按钮
});

<!--示例代码-->
<plv-button @click="show">客服入口</plv-button>

<script>
export default {
  methods: {
    show() {
      this.$UDesk.show();
    }
  },
  mounted() {
    this.$UDesk.init({
      hideServiceBtn: true, // 隐藏默认按钮
    });
  }
};
</script>

Methods

方法名	说明	参数
setCustomerInfo	设置客户信息	CustomerInfo
init	初始化客服按钮	-
show	打开客服面板	-
hide	关闭客服面板	-

CustomerInfo Attributes

参数	说明	类型	可选值	默认值
name	名称	String	-	-
email	email 客户邮箱(唯一标识) email > phone	String	-	-
phone	phone 客户电话(唯一标识)	String	-	-
vip	客户vip识别	String	-	-
org	所属公司	String	-	-
desc	客户描述	String	-	-