小程序客服聊天发送商品详情,快捷发送链接和图文消息,附代码和流程

今天有个新需求,需要做一个客服聊天的功能,翻看小程序的官方文档,其实很容易实现

先在小程序后台做一个配置,添加客服

 

首先先用button按钮这个组件,属性设置上一个open-type = "contact"的属性,点击这个按钮,就会自动打开一个新的页面,就是客服聊天的界面

聊天界面里面需要加入快捷发送商品详情要怎么做,其实文档上给出了几个属性

<button  bindcontact="handleContact"
	open-type="contact"//客服聊天属性
	:send-message-title="service.title"//名字
	:send-message-path="service.path"//要跳转的路径,例如/pages/index/index
	:send-message-img="service.img"//展示的图片
	:show-message-card="true"//是否快速发送链接,true是开启,默认是false
	:session-from="service.content"
	>文字客服
</button>

将这几个属性设置好,就可以,接下来是展示图,直接点击就可以发送出来

好了,现在就可以点击发送图文链接消息了,客服后台配置里面还可以设置自动回复功能

  • 1
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 4
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值