WhatsApp インタラクティブメッセージ:ボタン、リスト、Flows、カルーセルを例つきで解説
インタラクティブメッセージを使うと、お客様は入力せず、タップするだけで回答できます。WhatsApp Business API のすべての種類、Meta が定める制限、メッセージ例、適切なものの選び方を紹介します。
MonoChatチーム 更新日: 2 分で読めます
目次
WhatsApp のインタラクティブメッセージとは、タップできる要素を含む API メッセージです。返信ボタン、リストメニュー、リンクボタン、カードのカルーセル、商品メッセージ、そして WhatsApp Flows と呼ばれるチャット内フォームがあります。お客様は入力せずに選択肢をタップするだけで、システムはそこから、処理しやすい構造化された回答を受け取れます。24 時間のカスタマーサービスウィンドウ内であれば自由に送信でき、ウィンドウ外では、ボタン付きの承認済みテンプレートを使います。
これらが重要なのは、スマートフォンでの入力が手間だからです。「日程変更」をタップできるお客様はタスクを完了しますが、入力しなければならないお客様は、返信しないかもしれません。このガイドでは、WhatsApp Business Platform のすべてのインタラクティブな種類、Meta が定める制限、そのまま応用できるメッセージ例、選び方を解説します。
WhatsAppのインタラクティブメッセージにはどんな種類がありますか?
Meta のドキュメントには、開いているカスタマーサービスウィンドウ中に送信できる、いくつかのインタラクティブメッセージの種類が記載されています。並べて比較すると次のとおりです。
| 種類 | お客様に表示されるもの | 主な制限 | 最適な用途 |
|---|---|---|---|
| 返信ボタン | メッセージの下に最大 3 個のボタン | ボタンのタイトルは最大 20 文字 | はい/いいえ、確認/キャンセル、2~3 個の選択肢 |
| リストメッセージ | メニューを開く 1 つのボタン | 最大 10 セクションに最大 10 行。行のタイトルは 24 文字、説明は 72 文字 | メニュー、分岐、時間枠、トピック |
| CTA URL ボタン | リンクを開く 1 つのボタン | 1 メッセージにつき URL は 1 つ | 支払いリンク、追跡ページ、書類 |
| 位置情報のリクエスト | 位置情報の共有を開くボタン | 本文とボタン | 配達、最寄りの店舗、ロードサービス |
| メディアカルーセル | 画像または動画付きの、スワイプできる 2~10 枚のカード | すべてのカードで同じ種類・同じ数のボタン | 商品、パッケージ、客室、車 |
| 商品メッセージ | 1 つの商品、複数の商品、またはカタログ | 複数商品メッセージは最大 30 商品まで表示 | チャット内でのショッピング |
| Flow メッセージ | 複数画面のフォームを開くボタン | WhatsApp Flows で構築 | 予約、登録、申し込み、アンケート |
| 音声通話ボタン | WhatsApp 通話を開始するボタン | WhatsApp Business の通話機能が必要 | チャットから通話への移行 |
どの種類も、お客様の選択を、お客様が定義した ID とともに Webhook に返すため、ボット、ワークフロー、CRM は、テキストを解析しなくても、何が選ばれたかを正確に把握できます。
返信ボタン:最も速く回答を得る方法
返信ボタンは、最もシンプルなインタラクティブメッセージです。本文、任意のヘッダー(テキスト、画像、動画、ドキュメント)、任意のフッター、そして最大 3 個のボタンで構成されます。Meta は各ボタンのタイトルを 20 文字までに制限しており、1 つのメッセージ内でタイトルが重複してはいけません。
はっきりした回答が 2~3 個ある場合に使います。
田中様、Olive & Thyme での 4 名様のテーブルを、金曜日の午後 8 時にご予約いただきました。
[確認する] [時間を変更] [キャンセル]
返信ボタンを効果的にするコツです。
- 本文ではなく、ボタンにアクション自体を入れる。 「はい」より「確認する」のほうが優れています。
- 最も多い選択肢を最初に置く。 ほとんどの人は最初のボタンをタップします。
- 必ず担当者につながる手段を用意する。 どの選択肢も当てはまらないときに、「問い合わせる」があれば不満を防げます。
リストメッセージ:最大10個の選択肢を持つメニュー
リストメッセージは、「選択肢を見る」のような 1 つのボタンを表示し、それがメニューを開きます。Meta は、最大 10 セクションにまとめて合計最大 10 行まで認めています。各行には、最大 24 文字のタイトルと、最大 72 文字の任意の説明があります。ヘッダーを追加する場合は、テキストのみ使用できます。
ヘッダー:サービスを予約する
本文:ご予約のサービスをお選びください。料金には無料相談が含まれます。
ボタン:サービスを選ぶ
セクション:ヘア
- レディースカット | 45 分、$40 から
- メンズカット | 30 分、$25 から
セクション:カラー
- フルカラー | 2 時間、$90 から
- ハイライト | 2.5 時間、$120 から
リストは、メインメニュー、店舗や支店の選択、予約可能な時間枠、サポートのトピックに適しています。10 行を超える必要がある場合は、判断を 2 段階に分けるか(たとえば、日付を選んでから時間を選ぶ)、Flow に切り替えてください。
CTA URLボタンと位置情報のリクエスト
CTA URL ボタンメッセージは、1 つのボタンをリンクに対応させるため、お客様には長い URL ではなく、「今すぐ支払う」や「注文を追跡」と表示されます。
ご注文 #4821 を発送しました。木曜日にお届けの予定です。
[荷物を追跡する]
位置情報のリクエストメッセージは、本文と、WhatsApp の位置情報共有画面を開くボタンを表示します。お客様がピンを送ると、座標が返ってきます。配達先の住所、最寄りの支店の案内、適切な場所への救援の手配に役立ちます。
カルーセルと商品メッセージ
メディアカルーセルは、横にスクロールできる 2~10 枚のカードを持つ 1 つのメッセージです。各カードには、画像または動画のヘッダー、最大 160 文字の任意のカードテキスト、ボタンがあります。Meta は、すべてのカードで同じ種類・同じ数のボタンを使うことを求めており、ボタンのラベルは 20 文字までです。
本文:ご希望の日程(6 月 12 日~15 日)で、3 つの客室がまだ空いています。
カード 1:ガーデンダブル、朝食付き [この客室を予約]
カード 2:シービューダブル、バルコニー付き [この客室を予約]
カード 3:ファミリースイート、4 名まで宿泊可 [この客室を予約]
Meta のカタログで販売している場合は、商品メッセージでカタログから直接アイテムを取り込めます。単一商品メッセージは 1 つのアイテムを画像、タイトル、価格とともに表示し、複数商品メッセージは最大 30 商品をセクション別に表示し、カタログメッセージは WhatsApp 内でカタログ全体を開きます。
カルーセルは、サービスウィンドウ外でも、承認済みのカルーセルテンプレートとして送信できます。Meta は、メディアカードのカルーセルテンプレートをマーケティングテンプレートとして扱い、カードは 2~10 枚、1 枚あたりのボタンは最大 2 個です。簡単な定義は、カルーセルメッセージの用語集をご覧ください。
WhatsApp Flows:チャット内のフォーム
予約、申し込み、アンケートなど、1 つ以上の回答が必要なタスクには、WhatsApp Flow が適しています。お客様がボタンをタップすると、チャットの上に複数画面のフォームが開き、入力欄、ドロップダウン、日付ピッカー、チェックボックスを利用できます。送信されると、回答は 1 つの構造化されたペイロードとして返されます。
Flow は、次の 2 つの方法で送信できます。
- サービスウィンドウ内では、行動を促すボタンを付けたインタラクティブな Flow メッセージとして送信します。Meta は、そのボタンのテキストを 30 文字以内にするよう推奨しています。
- ウィンドウ外では、Flow ボタンを付けた承認済みテンプレートとして送信します。
Flows を送信するには、認証済みで、メッセージ品質が良好なビジネスであることが Meta から求められます。予約の完全な例は、WhatsApp での予約受付のガイドをご覧ください。
24時間のウィンドウ内と外でのインタラクティブメッセージ
多くのチームがつまずくのが、このルールです。Meta のドキュメントには明記されています。カスタマーサービスウィンドウが閉じると、送信できるのは承認済みのテンプレートメッセージだけです。自由形式のインタラクティブメッセージ(返信ボタン、リスト、カルーセル、Flow メッセージ)は、お客様が過去 24 時間以内に開始した会話のためのものです。
テンプレートには、独自のインタラクティブな選択肢があります。
| テンプレートのボタン | 制限と注意点 | 一般的な用途 |
|---|---|---|
| クイック返信 | 最大 10 個 | 「確認」「日程変更」「プロモーションを停止」 |
| URL | 最大 2 個 | 追跡ページ、支払いリンク |
| 電話番号 | 1 個 | 店舗に電話する |
| コードのコピー | 1 個 | 割引コードやクーポンコード |
| Flow | 公開済みの Flow を開く | 予約や登録のフォームを開く |
| 音声通話 | WhatsApp の通話機能と併用 | WhatsApp でビジネスに電話する |
Meta は、テンプレート 1 つにつき合計で最大 10 個のボタンを認めており、テンプレートのボタンのラベルは最大 25 文字です。テンプレートメッセージの例には、カテゴリーごとにそのまま応用できる文言を掲載しています。
適切なインタラクティブメッセージの選び方
シンプルな判断の流れです。
- 回答が 2~3 個ですか? 返信ボタンを使います。
- 選択肢が 4~10 個ですか? リストメッセージを使います。
- 次のステップがウェブページ上で行われますか? CTA URL ボタンを使います。
- お客様が視覚的に比較する必要がありますか? カルーセルまたは商品メッセージを使います。
- 複数の回答(名前、日付、住所)を一度に集める必要がありますか? WhatsApp Flow を使います。
- ウィンドウが閉じていますか? クイック返信、URL、Flow、カルーセルのボタンを付けたテンプレートを使います。
避けるべきよくある間違いです。
- ステップが多すぎる。 メニューが 3 回続くと、電話の自動音声のように感じられます。ステップをまとめるか、Flow を使います。
- 行き止まり。 すべてのインタラクティブメッセージは、担当者への経路も含め、どこかにつながっているべきです。
- 入力された回答の無視。 タップせずに「2 つ目のやつ」と入力するお客様もいます。チャットボットや AI アシスタントは、両方を理解できる必要があります。
- あいまいなラベル。 「選択肢 1」では、お客様には何も伝わりません。アクションや項目の名前を使います。
MonoChatでWhatsAppインタラクティブメッセージを送る方法
MonoChat では、API を呼び出すコードを書かずにインタラクティブなジャーニーを構築でき、すべての返信は同じ共有チーム受信トレイに届きます。
- ワークフローでのボタンと分岐。 ビジュアルなワークフロー自動化ビルダーでは、メッセージ、ボタンのタップ、フォームの送信からフローを開始し、お客様の選択に応じて分岐できます。「時間を変更」のタップで新しい時間枠の一覧を開いたり、「問い合わせる」で会話を担当者に引き継いだりできます。
- ライブデータを使う WhatsApp Flows。 MonoChat の WhatsApp Flows では、固定の入力欄、または自社のシステムから読み込む商品、時間枠、場所などのライブな選択肢を使って、フォーム、アンケート、予約のステップを設計できます。フローは、テンプレートメッセージ、チャットボットの返信、自動化から共有でき、MonoChat は各送信内容を CRM、ヘルプデスク、API に送ります。
- カタログからのカルーセル。 カルーセルメッセージでは、キャンペーン用の固定カードを使うことも、ストアや API から商品、パッケージ、価格、在庫状況を読み込むこともできます。AI アシスタントは、お客様の質問に合ったカードを選べ、各タップは、チェックアウト、支払いリンク、予約、担当者へと続きます。
- ボタン付きのテンプレート。 変数、メディア、ボタンを含むメッセージテンプレートを作成し、MonoChat から Meta に承認申請を行い、承認後は一斉送信や自動化で再利用できます。
- タップとテキストの両方を理解する AI チャットボット。 WhatsApp チャットボットは、タップせずに入力するお客様にも回答し、そのうえで同じジャーニーに戻すことができます。
無料の Basic プラン(エージェント 1 名、チャネル 1 つ)で app.monochat.ai からお始めいただけ、ほかのプランは料金ページで比較できます。
出典
- Meta for Developers: Sending messages (message types and the customer service window)
- Meta for Developers: Interactive reply buttons messages
- Meta for Developers: Interactive list messages
- Meta for Developers: Interactive media carousel messages
- Meta for Developers: Media card carousel templates
- Meta for Developers: Template components and buttons
- Meta for Developers: Share products with WhatsApp users
- Meta for Developers: Sending a WhatsApp Flow
MonoChatで実践する