# 橱窗卡片以及快捷回复

## 橱窗卡片

橱窗卡片是Facebook Messenger中提供的支持内容最丰富的交互形式，并且支持在一组可以左右滑动的橱窗卡片。

橱窗卡片中，包含了图片、标题、子标题、图片点击后跳转的网址，以及下方的按钮&快捷回复这些交互元素。

![橱窗卡片设置页面](https://3545383198-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LBxiFMKIFEMsz8J7IuU%2F-LC8dvnGNtGZ5fXLk3AF%2F-LC8eN9EHL-HHmujBkdj%2Fp2f4p401.jpg?alt=media\&token=2ad9a6f3-8185-4e77-8923-9d9690c00b77)

橱窗卡片中，包含了图片，标题，子标题，图片点击后跳转的网址，以及下方的按钮，以及快捷回复这些交互元素。

![](https://3545383198-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LBxiFMKIFEMsz8J7IuU%2F-LC8dvnGNtGZ5fXLk3AF%2F-LC8eVs2plH8vXsHkaO4%2Fp2f4p402.jpg?alt=media\&token=f58d0482-e4a8-476f-a406-8c2e421a5145)

在用户端显示的效果如下

![](https://3545383198-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LBxiFMKIFEMsz8J7IuU%2F-LC8dvnGNtGZ5fXLk3AF%2F-LC8ee9lZN59HQnIZjfk%2Fp2f4p403.jpg?alt=media\&token=c36ca952-46ea-455e-b45f-3c011e8c0b04)

如果你设定了点击跳转后的网址，点击橱窗卡片的图片，会通过Facebook Messenger内嵌的浏览器访问对应的网址。

之前在菜单卡片中，我们还遗留了**分享按钮**没有介绍，分享按钮使得用户可以直接将当前的卡片在Facebook Messenger中分享给其它用户，在移动端，点击分享，你会看到如下的效果。

![](https://3545383198-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LBxiFMKIFEMsz8J7IuU%2F-LC8dvnGNtGZ5fXLk3AF%2F-LC8fZRXQJjWRig9P6tK%2Fp2f4p404.jpg?alt=media\&token=18e3098a-ed3c-481f-8ceb-0b236a3f44b2)

其它的网址，回调，电话等按钮的效果和菜单卡片是一样的。

## 快捷回复

除了菜单卡片和橱窗卡片中的按钮之外，Facebook Messenger还提供了一类可以快速点选的元素，叫做快捷回复(Quick Reply)。快捷回复可以用在文本，图片，视频，以及橱窗卡片下面，用户让用户进行快捷的回复。

快捷回复分成两种，一种是普通的快捷回复，另一种是让用户邮箱/手机号码。最多一组设置10个快捷消息供用户选择。

邮箱/手机号码快捷回复让你能够快速收集到用户Facebook账号绑定的真实信息。和普通快捷回复一样，用户点击按钮即发送了消息，Bot可以自动回复内容。

![](https://3545383198-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LBxiFMKIFEMsz8J7IuU%2F-LlAmTjKI7XyS_-oeh6v%2F-LlAnjrYMG9oBoXIhH-C%2Fimage.png?alt=media\&token=57827748-2c24-4e31-9184-d15f21198f61)

![](https://3545383198-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LBxiFMKIFEMsz8J7IuU%2F-LlAoCMta9SZw3FbuBog%2F-LlAoDJxNcBGGycfiASj%2Fimage.png?alt=media\&token=f7071c8a-f530-4c14-9070-411da6311422)