---
title: "WhatsApp 按钮与列表消息：该用哪种交互类型"
description: "梳理 WhatsApp 回复按钮、列表消息、CTA URL 按钮、轮播卡片和商品消息各自的适用场景、Meta 官方限制、交互设计要点与实际案例，帮助团队让客户点一点就能完成沟通，而不必再手动输入文字。，并附带汽车服务中心的实际案例和设计检查清单"
canonical: "https://omnichannels.ai/zh/blog/whatsapp-interactive-messages-buttons-lists/"
language: "zh"
updated: "2026-10-10"
publisher: "BroadNet Technologies"
brand: "OmniChannels.ai"
category: "whatsapp"
primaryQuery: "whatsapp interactive messages buttons lists"
keywords: ["WhatsApp 回复按钮", "WhatsApp 列表消息", "WhatsApp CTA URL 按钮", "WhatsApp 多商品消息", "WhatsApp 媒体轮播", "WhatsApp 按钮限制", "WhatsApp 快速回复"]
published: "2026-10-10"
author: "OmniChannels.ai Editorial Team"
reviewer: "BroadNet Messaging Solutions Team"
readingMinutes: 8
answer: "最多三个快速选项用回复按钮，最多十个选项用列表消息，想让客户跳转网页又不想露出原始链接就用 CTA URL 按钮，对比少量项目用媒体轮播，从已关联的商品目录销售则用商品消息。交互消息只能在24小时客服窗口内发送；窗口之外需要使用已获批准的模板，模板可以自带按钮。"
takeaways: ["据 Meta 的参考文档，回复按钮最多3个，每个按钮的文字最长20个字符。", "列表消息最多可有10个分区共10行，行标题最长24个字符。", "CTA URL 按钮把链接映射到一个最长20个字符的按钮文字上，客户不会看到冗长的原始 URL。", "媒体轮播需要2至10张卡片，每张卡片带图片或视频头部，且各卡片的按钮类型保持一致。", "多商品消息最多展示30个目录商品，并反映您目录中的最新价格和库存。"]
faq: 
  - q: "不使用模板，可以发送 WhatsApp 按钮吗？"
    a: "可以，但只限24小时客服窗口内。回复按钮、列表、CTA URL 按钮、轮播和商品消息都是无需事先审核的会话消息。窗口关闭后，您必须发送已获批准的模板；模板可以包含快速回复、URL、电话和复制验证码按钮，这些按钮在创建并审核模板时就已定义。"
  - q: "一条 WhatsApp 消息最多可以有几个按钮？"
    a: "交互式回复按钮消息最多支持三个按钮，每个按钮的文字最长20个字符。如果需要更多选项，请使用最多支持十行的列表消息。模板有自己的按钮规则，在创建模板时设定，当前限制请查看 Meta 的模板文档。"
  - q: "回复按钮和列表消息有什么区别？"
    a: "回复按钮直接显示在消息下方，适合“确认”或“改期”这样的两三个选项。列表消息显示一个按钮，点开后是最多十行的菜单，每行有标题和可选说明，适合分店、部门或时间段这类菜单。两者都会在 webhook 中返回所选项的 ID。"
  - q: "交互消息在 WhatsApp Web 和桌面端能用吗？"
    a: "Meta 为各类 WhatsApp 客户端设计交互消息，但手机、桌面和网页版的渲染效果可能不同，很旧的应用版本也可能无法显示较新的类型。请务必写足正文，使消息即使在组件显示异常时仍然说得通，并在上线前于客户使用的设备上测试每种消息类型。"
  - q: "如何读取客户点击了什么？"
    a: "您的 webhook 会收到来自用户的交互消息，其中包含类型（如 button_reply 或 list_reply），以及所选项的 ID 和标题。请设计稳定的 ID（例如 resched_tomorrow），而不要依赖显示的标题，这样您可以修改措辞或把标签翻译成阿拉伯语，而不会破坏自动化流程。"
sources: 
  - title: "交互式回复按钮消息 — Meta for Developers"
    url: "https://developers.facebook.com/documentation/business-messaging/whatsapp/messages/interactive-reply-buttons-messages"
  - title: "交互式列表消息 — Meta for Developers"
    url: "https://developers.facebook.com/documentation/business-messaging/whatsapp/messages/interactive-list-messages"
  - title: "交互式 CTA URL 按钮消息 — Meta for Developers"
    url: "https://developers.facebook.com/documentation/business-messaging/whatsapp/messages/interactive-cta-url-messages"
  - title: "交互式媒体轮播消息 — Meta for Developers"
    url: "https://developers.facebook.com/documentation/business-messaging/whatsapp/messages/interactive-media-carousel-messages"
  - title: "多商品消息 — Meta for Developers"
    url: "https://developers.facebook.com/documentation/business-messaging/whatsapp/catalogs/multi-product-messages"
---

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

Canonical: https://omnichannels.ai/zh/blog/whatsapp-interactive-messages-buttons-lists/
Language: zh
Publisher: OmniChannels.ai by BroadNet Technologies

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

## 什么是 WhatsApp 交互消息？

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

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

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

根据选项数量和您想要的操作来选择。下表总结了 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](/blog/whatsapp-flows-guide/)。它们不在本指南的范围内，但遵循同样的会话窗口逻辑。

## 什么时候使用回复按钮？

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

适合的用法：

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

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

## 什么时候使用列表消息？

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

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

## 什么时候使用 CTA URL 按钮？

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

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

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

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

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

## 如何设计好用的按钮流程？

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

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

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

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

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

## 常见错误与局限

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

## OmniChannels.ai 如何提供帮助

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