<br> [**点此进入芝麻小客服官网**](https://xiaokefu.com.cn/?source=kanyun_t_mia ) ## H5图文模板 您可以通过图文模板功能,实现用户进入客服聊天页面时,带上正在查看的商品信息。支持用户手动发送给客服和自动发送给客服。 ### 适用产品 H5云客服(PC插件不支持) ### 适用场景 在商品信息界面添加联系客服,用户点击进入后带上商品信息 ### 在H5云客服中如何使用图文模板 1、新增图文模板 打开小客服后台,选择H5应用,点击基础设置-渠道管理-图文模板即可新增图文模板。注意,您可以在不同的渠道中添加不同的图文模板,添加后仅限该渠道使用。 ![](https://img.kancloud.cn/4f/98/4f9864c618baab7393d7c6d1f676eafc_1920x937.png) 点击添加模板,勾选需要显示的字段,填写默认值后提交即可。 字段说明: ~~~ - title:商品的标题 - description:商品的描述 - thumb:商品图片链接 - value:商品价格 - 跳转链接:商品的链接,注意需要带上http或https ~~~ ![](https://img.kancloud.cn/42/bb/42bbe4589a78e2070d125c47140f7b0b_1920x937.png) 2、使用图文模板 使用图文模板,需要在渠道链接之后拼接上如下参数。其中,tmpid必填。如果没有带上tmpid参数,系统将不会在聊天界面展示图文模板。 * tmpId :模板id,**必填**,后台新增模板后,会展示模板id,请务必填写正确的模板id,tmpId不填或者填写错误,将不会展示图文模板 * tmpTitle:商品标题,**非必填,不填则取后台设置的默认值,最多20个字,需要转义** * tmpDescription:商品描述,**非必填,不填则取后台设置的默认值,最多40个字,需要转义** * tmpThumb:商品图片链接,**非必填,不填则取后台设置的默认值,需要转义** * tmpValue:商品价格,**非必填,不填则取后台设置的默认值,只支持数字** * tmpUrl:商品链接,**非必填,不填则取后台设置的默认值,需要转义** * isauto:是否自动发送,**必须是0或1,非必填,不填或非法值则默认为0**,isauto=1时,才会自动发送商品链接给客服 \*\*请注意:参数值中不要带“#”,“&”,“=”,“/”、“?”、空格等特殊字符,否则可能产生异常。如果参数值中存在特殊字符,请务必对参数值进行转义。 使用样例 ~~~ https://xiaokefu.com.cn/api/mobileweb/home?channel\_id=11447&channel\_key=114475r9q&wechatapp\_id=209335&key=39230t552&tmpId=1&tmpTitle=%E8%8A%9D%E9%BA%BB%E5%AE%A2%E6%9C%8D&tmpDescription=%E6%8F%90%E4%BE%9B%E4%B8%93%E4%B8%9A%E7%9A%84%E5%B0%8F%E7%A8%8B%E5%BA%8F%E5%AE%A2%E6%9C%8D%E3%80%81%E5%85%AC%E4%BC%97%E5%8F%B7%E5%AE%A2%E6%9C%8D%E3%80%81%E4%BB%A5%E5%8F%8AH5%E5%AE%A2%E6%9C%8D&tmpThumb=https%3A%2F%2Fxiaokefu.com.cn%2Fstatic%2Fhome%2Fimg%2Flogo.png&tmpValue=4480&tmpUrl=https%3A%2F%2Fxiaokefu.com.cn%2Fvip%2Fprice&isauto=1 ~~~ </h> </h> <br> <br> <br> <br><br> [**点此进入芝麻小客服官网**](https://xiaokefu.com.cn/?source=kanyun_b_mia ) 您有问题需要咨询的话,可以扫描下方二维码: </h> ![](https://img.kancloud.cn/04/a1/04a1fd65b5f5cfbc32ad431a32fabd2a_200x199.png) </h> </h>