跳转到正文
OmniChannels.ai

WhatsApp 按钮与列表消息:该用哪种交互类型

梳理 WhatsApp 回复按钮、列表消息、CTA URL 按钮、轮播卡片和商品消息各自的适用场景、Meta 官方限制、交互设计要点与实际案例,帮助团队让客户点一点就能完成沟通,而不必再手动输入文字。,并附带汽车服务中心的实际案例和设计检查清单

更新于 8 分钟阅读

作者: OmniChannels.ai Editorial Team · 审阅: BroadNet Messaging Solutions Team

WhatsApp

简短回答

最多三个快速选项用回复按钮,最多十个选项用列表消息,想让客户跳转网页又不想露出原始链接就用 CTA URL 按钮,对比少量项目用媒体轮播,从已关联的商品目录销售则用商品消息。交互消息只能在24小时客服窗口内发送;窗口之外需要使用已获批准的模板,模板可以自带按钮。

本页内容
  1. 什么是 WhatsApp 交互消息?
  2. 应该使用哪种交互消息类型?
  3. 什么时候使用回复按钮?
  4. 什么时候使用列表消息?
  5. 什么时候使用 CTA URL 按钮?
  6. 什么时候使用轮播和商品消息?
  7. 如何设计好用的按钮流程?
  8. 实际案例:吉达的一家汽车服务中心
  9. 常见错误与局限
  10. OmniChannels.ai 如何提供帮助

要点速览

  • 据 Meta 的参考文档,回复按钮最多3个,每个按钮的文字最长20个字符。
  • 列表消息最多可有10个分区共10行,行标题最长24个字符。
  • CTA URL 按钮把链接映射到一个最长20个字符的按钮文字上,客户不会看到冗长的原始 URL。
  • 媒体轮播需要2至10张卡片,每张卡片带图片或视频头部,且各卡片的按钮类型保持一致。
  • 多商品消息最多展示30个目录商品,并反映您目录中的最新价格和库存。

本指南面向设计 WhatsApp 客户旅程、希望客户用点击代替输入的产品、客户体验和营销团队。您将了解每种交互消息类型适合处理什么任务、Meta 设定的限制、能让对话保持简短的设计模式,以及让按钮令人沮丧的常见错误。

什么是 WhatsApp 交互消息?

交互消息是结构化的会话消息,客户只需点一下就能回应:一个按钮、一行菜单、一个链接或一件商品。它们能减少输入错误,让回复可被机器读取,并缩短对话。

它们与模板有一个重要区别。交互消息无需事先审核,但属于自由格式的会话消息,因此只能在客户给您发消息后开启的24小时客服窗口内发送。要发起对话,或者在窗口关闭后回复,您需要发送已获批准的模板,模板可以自带按钮。参见模板类别与审核。

应该使用哪种交互消息类型?

根据选项数量和您想要的操作来选择。下表总结了 Meta 在撰写时于其开发者参考文档中公布的限制。

类型 最适合 主要限制(据 Meta)
回复按钮 2至3个快速选项:确认、改期、联系客服 最多3个按钮;按钮文字最长20个字符;正文最长1,024个字符;可选的文本、图片、视频或文档头部
列表消息 4至10个选项的菜单:分店、主题、时间段 最多10个分区共10行;行标题24个字符,说明72个字符;菜单按钮文字20个字符;正文最长4,096个字符
CTA URL 按钮 引导到网页:付款、追踪、预订 按钮文字最长20个字符;正文最长1,024个字符;原始 URL 保持隐藏
媒体轮播 直观对比少量项目 2至10张卡片;每张都有图片或视频头部;卡片文字最长160个字符;每张卡片的按钮类型和数量相同
单商品消息 展示一个目录商品 需要已关联的商品目录;显示图片、标题、价格和“查看”按钮
多商品消息 目录中精选的一部分商品 按分区组织,最多30件商品;客户可加入购物车并提交订单

Meta 还提供其他类型,例如位置请求,以及用于多屏表单的 WhatsApp Flows。它们不在本指南的范围内,但遵循同样的会话窗口逻辑。

什么时候使用回复按钮?

当客户有两三个明确的选项,而您希望立刻得到答复时,使用回复按钮。由于每个选项无需打开菜单就能看到,它是信号最强的形式。

适合的用法:

  • “确认预约” / “改期” / “联系我们”
  • “是的,明天送货” / “选择其他日期”
  • 聊天开始时作为语言选择器的“English” / “العربية”

按钮文字要简短、以动词开头。20个字符很容易用完,在阿拉伯语中尤其如此,因为有些单词很长;请在真实手机上测试两种语言。

什么时候使用列表消息?

当选项多于三个但不超过十个时,使用列表。客户点一个按钮,就会看到菜单,聊天界面因此保持整洁。

如果有助于浏览,请把行分到不同分区,例如“迪拜”和“阿布扎比”两个分店。用72个字符的说明写出有助于选择的细节,例如营业时间或“最近时段下午4点”。如果选项超过十个,请先用回复按钮或列表缩小范围,再展示第二个列表。

什么时候使用 CTA URL 按钮?

当任务更适合在网页上完成时使用:支付发票、追踪货件、填写长表单。Meta 指出,客户可能不愿点击冗长或难以辨认的 URL,而 CTA 按钮用一个清晰的文字取代了这个链接。

使用您自己的域名,让按钮文字说明目的地(“支付发票”“追踪订单”),并确保网页适配手机,在移动网络下加载迅速。

什么时候使用轮播和商品消息?

用媒体轮播直观对比少量选项,例如三种房型或四种套餐。每张卡片必须使用相同的按钮配置,所以请把卡片作为一个整体来设计。

当您从关联到 WhatsApp 账户的商品目录销售时,使用商品消息。Meta 将多商品消息描述为最适合引导客户前往相关的子集,而不是整个目录,比如再次订购之前的商品或展示某个分类。由于它们读取实时目录数据,价格和库存保持最新。您的目录必须准确;如果没有任何商品与您的目录匹配,Meta 会返回错误,且不会发送任何内容。完整的电商流程请参阅面向电商的 WhatsApp。

如何设计好用的按钮流程?

把每条消息当作一次决策。一份简短的检查清单:

  1. 每条消息只问一个问题。 不要在同一步里同时询问日期和分店。
  2. 始终提供退出口。 加入“联系人工客服”或“其他问题”,让客户永远不会被困住。
  3. 使用稳定的 ID。 webhook 会返回您设置的 ID;像 branch_jbr 这样的 ID 不受措辞和翻译变化的影响。
  4. 也要接受键入的回复。 有些客户会输入“是”而不是点击。请处理常见的文字答复。
  5. 处理过期的点击。 客户可能在数小时后点击旧按钮;采取行动之前,先检查该选项是否仍然有效。
  6. 匹配语言。 给说阿拉伯语的客户发阿拉伯语按钮;多种语言混杂的按钮显得草率。
  7. 确认结果。 点击之后回复发生了什么:“已预约:周二10:30,Marina 分店。”

实际案例:吉达的一家汽车服务中心

这是一个虚构示例。“Corniche Auto”在保养预约的前一天发送一条已获批准的实用型(Utility)模板,带有“确认”和“改期”两个快速回复按钮。

当客户点击“改期”时,窗口已开启,因此系统发送一条标题为“选择新的时间段”的列表消息,包含“明天”和“本周”两个分区,共八个时间段。客户选定一个后,一条回复按钮消息请其确认。车辆准备好时,一个文字为“支付发票”的 CTA URL 按钮会打开付款页面。每一步都提供“联系顾问”,可把聊天转给真人。客户只需点几下就能重新预约,而不必以各种格式输入日期。

常见错误与局限

  • 在窗口之外发送交互消息。 它们会失败;请使用模板。
  • 选项过多。 十行列表是上限,而不是目标。
  • 按钮文字被截断。 超过字符限制的文字无法通过校验,接近上限的文字也可能显得拥挤。请为小屏幕撰写。
  • 没有为旧版应用或桌面端准备备选。 请写好正文,使组件显示异常时消息仍然说得通。
  • 把按钮点击当作同意。 点击“是的,请给我发送优惠”是一个选择的证据,但请连同时间戳一起保存,作为您的 opt-in 记录的一部分。
  • 限制会变。 Meta 会更新字符和条目数限制;上线之前请查看参考文档。

OmniChannels.ai 如何提供帮助

OmniChannels.ai 由 BroadNet Technologies 提供技术支持,团队可以创建带变量、媒体和按钮的 WhatsApp 模板,在手机预览中检查,并跟踪审核进度。平台支持交互消息、WhatsApp Flows 和商品目录,已获批准的模板可通过群发活动发送,支持 Excel 或 CSV 上传、定时发送和重复联系人过滤,客服也可在 Omni Inbox 中发送模板、媒体和附件。支持阿拉伯语和英语,带 CSV 导出的送达报告展示每次发送的表现。公开的 REST API 可将交互消息接入您自己的系统。

常见问题

不使用模板,可以发送 WhatsApp 按钮吗?

可以,但只限24小时客服窗口内。回复按钮、列表、CTA URL 按钮、轮播和商品消息都是无需事先审核的会话消息。窗口关闭后,您必须发送已获批准的模板;模板可以包含快速回复、URL、电话和复制验证码按钮,这些按钮在创建并审核模板时就已定义。

一条 WhatsApp 消息最多可以有几个按钮?

交互式回复按钮消息最多支持三个按钮,每个按钮的文字最长20个字符。如果需要更多选项,请使用最多支持十行的列表消息。模板有自己的按钮规则,在创建模板时设定,当前限制请查看 Meta 的模板文档。

回复按钮和列表消息有什么区别?

回复按钮直接显示在消息下方,适合“确认”或“改期”这样的两三个选项。列表消息显示一个按钮,点开后是最多十行的菜单,每行有标题和可选说明,适合分店、部门或时间段这类菜单。两者都会在 webhook 中返回所选项的 ID。

交互消息在 WhatsApp Web 和桌面端能用吗?

Meta 为各类 WhatsApp 客户端设计交互消息,但手机、桌面和网页版的渲染效果可能不同,很旧的应用版本也可能无法显示较新的类型。请务必写足正文,使消息即使在组件显示异常时仍然说得通,并在上线前于客户使用的设备上测试每种消息类型。

如何读取客户点击了什么?

您的 webhook 会收到来自用户的交互消息,其中包含类型(如 button_reply 或 list_reply),以及所选项的 ID 和标题。请设计稳定的 ID(例如 resched_tomorrow),而不要依赖显示的标题,这样您可以修改措辞或把标签翻译成阿拉伯语,而不会破坏自动化流程。

资料来源

  1. 交互式回复按钮消息 — Meta for Developers
  2. 交互式列表消息 — Meta for Developers
  3. 交互式 CTA URL 按钮消息 — Meta for Developers
  4. 交互式媒体轮播消息 — Meta for Developers
  5. 多商品消息 — Meta for Developers