WhatsApp Flows
WhatsApp Flow は、WhatsApp のチャット内で開くフォームです。お客様はテキスト欄、選択肢、日付、写真などを含む画面に入力し、ボタンをタップして完了します。Flows を使えば、お客様をウェブサイトに誘導することなく、予約の受付、リードの収集、アンケートの実施、配送先住所の取得ができます。
MonoChat には Flows 用のビジュアルデザイナーがあるため、Flow JSON を書かずに作成できます。Flows は WhatsApp Business (Cloud) チャネルで利用できます。
このページでは WhatsApp Flows について説明します。自動化のフローは別の機能です。
flow を作成する
- 設定 › チャット › チャネル に移動します。
- WhatsApp Business (Cloud) チャネルの ⋮ メニューを開き、フロー を選択します。
- 作成 をクリックします。
- flow の 名前 と カテゴリ を入力します。
- テンプレートから開始 でテンプレートを選び、保存 をクリックします。flow がデザイナーで開きます。
| テンプレート | 内容 |
|---|---|
| 空白 | 空の画面が 1 つ。 |
| 予約 | サービス、日時、連絡先。 |
| リードフォーム | 連絡先とお客様の関心事項。 |
| NPS アンケート | 0～10 のスコアとコメント。 |
| 新規登録 | アカウント情報、同意、設定。 |
| フィードバック | 評価、コメント、写真。 |
| 配送先住所 | 住所と希望配送時間。 |
テンプレートを選ぶとそのカテゴリも選ばれ、後から変更できます。すべてのテンプレートの最後の画面は flow を終了し、flow のすべての回答を送信します。
flow をデザインする
デザイナーには 3 つのタブがあります。
デザイン
- 画面: 左側のリストです。画面を追加 で画面を追加し、画面の設定でタイトルと 画面 ID を変更したり、最後の画面 に設定したり、削除したりできます。
- コンポーネントを追加: パレットではコンポーネントが テキスト、テキスト入力、選択肢、日付、メディア、ボタンとリンク、ロジック にグループ化されています。
- キャンバス: 画面のスマートフォンプレビューです。コンポーネントをクリックするとプロパティパネルで編集でき、矢印、複製、削除 で移動、コピー、削除ができます。
- 問題: 上部のバッジに、flow が違反しているルールの数、または 問題なし と表示されます。問題をクリックすると該当のコンポーネントに移動します。
デザイナーが自動で行うこと:
- フィールドの フィールド名 はラベルから生成され、フィールド名を変更するとそのフィールドへのすべての参照が更新されます。
- すべての回答を送信 で flow を終了するボタンは、フィールドの追加、削除、名前変更に合わせて同期されます。
- 2 つの画面が同じフィールド名を使う場合、回答は
<screen>_<name>として送信されます。
プレビューは WhatsApp の表示に従います。任意のフィールドには （任意） と表示され、画面に必須フィールドがある間はボタンが淡色表示になり、${data.…} の参照には画面データで宣言された __example__ の値が表示されます。
JSON
Flow JSON をエディターに表示し、バリデーターのエラーを該当する行に表示します。ここでの変更はデザイナーに反映されます。JSON が無効な間は、プレビュー、保存、公開 は無効になります。
設定
- flow 名 と カテゴリ。
- Flow JSON バージョン: 新しいバージョンではコンポーネントや機能が追加されます。新規 flow に WhatsApp が受け付けなくなったバージョンには 送信のみ と表示されます。
- Endpoint: 空き時間枠など、画面にライブデータが必要な場合は endpoint を使用します。カスタム関数を接続し、Data API バージョン を選択して ルーティングモデル を設定します。ほとんどの flow では endpoint は不要です。
プレビュー、保存、公開
- 保存 は flow を WhatsApp に送信します。WhatsApp 独自の検証エラーは WhatsApp から次のエラーが報告されました の下に一覧表示されます。
- プレビュー は flow を保存し、WhatsApp のプレビューを新しいタブで開きます。タブが開かない場合は、MonoChat のポップアップを許可してください。
- 公開 すると flow が使用可能になります。公開済みの flow は編集できなくなり、デザイナーでは表示のみとなります。公開する前にすべての問題を修正してください。
未保存の変更がある状態でパンくずリストからデザイナーを離れようとすると、MonoChat が確認を求めます。
flow を複製する
公開済みの flow を変更するには、flow の一覧を開いて 複製 をクリックし、コピーに名前を付けてコピーを編集します。コピーには元の flow のカテゴリが引き継がれます。