> For the complete documentation index, see [llms.txt](https://mamba-dongdong.gitbook.io/pc-im/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://mamba-dongdong.gitbook.io/pc-im/you-hui-quan/you-hui-quan-zhan-shi.md).

# 优惠券展示

此文档，介绍PC IM端正确展示优惠券信息。

![聊天框展示优惠券信息](https://282911269-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LqzbYBBheC1K-0TNJCp%2F-Lr7qbz688jVckt93TBE%2F-Lr7rFAuP6QUrvtOCGxl%2FA%20%E9%A6%96%E9%A1%B5%20%E8%AE%BE%E7%BD%AE%20%E5%95%86%E5%93%81.png?alt=media\&token=3ee44c36-6baa-48a5-9b22-47ef06bc96ac)

 前提：目前店主可以通过管理后台发送优惠券给用户，而PC IM没有进行适配展示，所以显示为“自定义消息”。

 期望：PC IM进行适配展示，展示效果分为**收到优惠券**和**发送优惠券**（图中优惠券UI样式）2种。

 自定义优惠券消息如下：

```
{
    customizeMessageType = coupon;
    title = '优惠券到账提醒';
    subTitle = '手工客赠送您的优惠券，请笑纳~';
    pic = "http://imgs.shougongker.com/systemMsgPic/system_group_coupon.jpg";
    extra = "{\"type\":\"couponList\"}";
}
```

 **收到优惠券展示形式**：\[你收到了一张优惠券，请在手机App上查看]；

 **发送优惠券展示形式**：参考UI图“80元全场通用券”；