WordPress フォームから WhatsApp に通知を送信

WordPress で WhatsApp フォームを作成する方法

WordPressフォームからWhatsAppへ通知を送信したいですか?

WhatsAppの通知は複雑そうに見えるかもしれないが、実はそれほど悪くはない。

WordPressフォームからWhatsAppへ通知を送信するために必要なものと方法をご説明します。あなたならできます。私はあなたを信じています!

WordPress フォームから WhatsApp に通知を送信する方法

始める前に、このチュートリアルに必要な道具を紹介しよう:

  • WPForms:あなたのウェブサイトにWPFormsプラグインを ダウンロードしてインストールする必要があります。WhatsAppの通知を簡単にするTwilioアドオンにアクセスするには、Plus プラン以上が必要です。
  • Twilioアカウント:Twilioアカウントの設定と電話番号の取得が必要です。これはTwilioとWPFormsを接続するために必要です。
  • Twilio アドオン:WPFormsにTwilioアドオンをインストールして有効にしてください。

WordPressフォームを今すぐ作成

これらについては追って説明する。とりあえず、概要を説明しよう:

基本的には、Twilioでいくつかの項目を設定・構成し、それをWPFormsアカウントに接続することで、フォーム送信に成功したユーザーに直接WhatsAppメッセージを送信できるようになります。

どのように組み合わされるのかを見てみよう。

SMSへの通知をお探しですか?

WhatsApp ではなく SMS で通知を送りたい場合も手順は同様です。詳しくはWordPressフォームにSMS通知を送る方法をご覧ください。

ステップ 1.Twilioでメッセージテンプレートを作成する

Twilioを使ってWhatsAppメッセージを送信するには、Twilioでメッセージテンプレートを作成する必要があります。後ほど、このテンプレートがWPFormsのフォームフィールドからどのように情報を取得するかを説明します。ここではその設定方法を説明します。

左サイドバーのナビゲーションから、メッセージング " コンテンツテンプレートビルダーに進みます。

TwilioでWhatsApp用のコンテンツテンプレートを作成する

次に、「Create your first content template」という青いボタンをクリックします。

Twilioコンテンツテンプレートビルダー

その後、いくつかの詳細を入力する必要があります。1つ目はテンプレート名、2つ目はテンプレート言語です。3つ目はコンテンツタイプです。ここで複数の選択肢から選ぶことができ、どの選択肢を選ぶかは、どのような通知メッセージを送りたいかによります。

例えば、テキストを送りたいだけなら、そのオプションを選ぶだろう。

選択したら、「作成」をクリックします。

Twilioでコンテンツテンプレートを作成する

次にテンプレートを設定する必要がある。

コンテンツ・セクションが見つかるまで下にスクロールします。本文」フィールドにメッセージテキストを入力します。文字数制限に注意してください。

Twilioに本文テキストメッセージを入力

また、+ Add Variableをクリックすると、名前、注文番号、その他のパーソナライズされた情報など、フォームフィールドから取り込む動的テキストを使用することができます。

メッセージに問題がなければ、[保存]をクリックし、[WhatsApp承認のために送信]をクリックします。

TwilioでWhatsAppの承認を保存して送信する

これを実行すると、サンプル値を提供するように求める画面が表示されるので、それらの変数が入力されたときにテキストがどのように見えるかを確認することができます。使用した変数フィールドにそれらを追加したら、Save with samplesをクリックします。

サンプルで保存

サンプルの値にこだわる必要はありません。WPFormsでフォームをTwilioに接続すると、変数を特定のフォームフィールドにマッピングできるようになります。今のところ、これはテスト機能のようなものだと思ってください。

Twilioに戻って情報を取得する必要があるので、このタブを開いたままにしておきます。別のタブを開き、次のステップのためにWordPressダッシュボードに移動します。

ステップ2.WPFormsをTwilioに接続する

さて、Twilioでのセットアップはお済みでしょうか?ここまではとても簡単だったと思う!それでは、WPFormsとTwilioの接続方法を紹介します。

WordPressのダッシュボードからWPForms " Settingsをクリックします。次に統合タブを選択します。

Twilioが見つかるまで下にスクロールします。新しいアカウントを追加]をクリックします。

Twilio を使って WordPress フォームから WhatsApp に通知を送信

アカウントを追加するには、いくつかの情報を提供する必要があることがわかります。

そこで、2つのタブを開いておくことが重要になる。2つのタブを切り替えて、アカウントに接続するために必要な情報を素早く得ることができれば、とても簡単です。

Twilio アカウントを WPForms に接続します。

Twilioアカウントを開いているタブに戻り、ダッシュボードに移動します。ダッシュボードにアカウント情報というセクションがあるはずです。これには、WPForms で追加する必要がある Account SID と Auth Token が含まれています。

Twilio アカウント情報ダッシュボード

情報をコピーし、WPFormsタブのそれぞれのフィールドに貼り付けます。

両方の数字を追加した後、最後のフィールドでTwilioアカウント名を入力します。これはニックネームのようなものです。これは社内でのみ使用するもので、複数のアカウントを持っている場合に、アカウントと接続を区別するのに役立ちます。

WPFormsをTwilioに接続する

すべての情報が揃ったら、Twilioに接続をクリックします。

接続が成功すれば、ステータスに反映される。

WPFormsに接続されたTwilio

さあ、すべてをまとめる時が来た!

ステップ3.WPFormsでフォームを作成する

この最終ステップでは、WordPressフォームからWhatsAppへ通知を送信する方法をご紹介します。まず最初に、WhatsApp通知のトリガーとなるフォームが必要です。

フォームを作成するか、WPFormsで利用可能な2,000以上のフォームテンプレートのいずれかを使用することができます。テンプレートを使用する場合は、カスタマイズして自分だけのフォームにすることができます。

WordPressフォームを今すぐ作成

フォームの準備ができ、WPForms フォームビルダーでフォームを表示したら、Marketing をクリックします。アドオンのリストが表示されるので、Twilio を選択します。新しい接続を追加]をクリックします。

ステップ2の最後にやったこととは違うので、心配しないでください。ここでは、このフォームに直接接続を追加しています。

WPFormsフォームビルダーにTwilioへの新しい接続を追加する

表示されるモーダルウィンドウで、接続名を入力します。これは内部で使用するもので、異なる接続がある場合に区別するのに役立ちます。

次に、接続するアカウントを選択します。ステップ2で1つのアカウントしか接続しなかった場合、ここに表示されるのはそのアカウントだけです。フォームに接続したいアカウントを選択します。

WPFormsフォームビルダーでTwilioアカウントを選択します。

最後のステップでTwilioアカウントとWPFormsを接続しました。このステップでは、さらにその接続をフォームに直接確立します。

アカウントを選択した後、SMSとして送信するかWhatsAppとして送信するかを選択します。このチュートリアルではWhatsAppを選択します。

次に、メッセージの送信に使用する電話番号を選択します。

送信元電話番号

次に、メッセージを受け取るべき人を指定します。

電話番号フィールドを選択すると、フォームの電話番号フィールドに入力された情報に基づいて、フォームを送信した人にメッセージが送信されます。この場合、ドロップダウンメニューが表示され、フォームの正しいフィールドを選択することができます。

電話番号

確認済みの電話番号]を選択すると、Twilioアカウントで確認済みのすべての電話番号がリストアップされたドロップダウンが表示されます。通知を受け取りたい特定の番号を選択します。

確認済みの電話番号を選択

最後に、WhatsAppとして送信を選択したため、メッセージテンプレートを選択するドロップダウンが表示されます。

WhatsApp通知用メッセージテンプレートの選択

上記のステップ1でTwilioにメッセージテンプレートを作成したときのことを思い出してください。作成したテンプレートは、このドロップダウンで選択できるようになっているはずです。

使用するテンプレートを選択します。

テンプレートを選択すると、フォームフィールドに変数をマッピングするオプションが表示されます。

メッセージテンプレート変数をフォームフィールドにマッピングする

すべてのピースがここに集まっているので、少し混乱するかもしれない。

WhatsApp通知用のメッセージテンプレートをTwilioで作成しました。そのメッセージテンプレートに、メッセージをパーソナライズするための番号変数を追加しました。

また、WPFormsを使用してフォームを作成しました。このフォームはユーザーが実際に入力するものです。

WordPress フォームから WhatsApp に通知を送信したい場合、メッセージテンプレートをフォームに接続する必要があります。

WPFormsフォームのフォームフィールドをTwilioメッセージテンプレート(WhatsAppメッセージとして送信)にマッピングすると、これらの変数フィールドにパーソナライズされた情報が入力されます。これで接続完了です。

WhatsAppメッセージにはWPFormsで作成したフォームから送信された情報が含まれます。

ここでの設定が終わったら、フォームビルダーの一番上にある「保存」をクリックします。

フォームを保存する

オプションサンドボックステストを有効にする

このステップは完全に任意だが、あなたがやっていることに適用できる情報であれば持っていてほしい。

WhatsApp Businessアカウントを取得し、WhatsAppの承認を得る前にWhatsAppメッセージをテストしたい場合、Twilioをご利用ください。Twilioのサンドボックス環境では、まずインテグレーションをテストすることができます。

電話番号をTwilio WhatsApp Sandboxに接続するだけで、簡単に設定できます。

まずTwilioアカウントにログインします。左のサイドバーナビゲーションで「メッセージング」をクリックし、サブメニューで「試してみる」をクリックします:

Twilio の Sandbox 環境で WhatsApp インテグレーションをテストしましょう。

WhatsAppメッセージの送信(前回選択)が表示されたら、下にスクロールしてWhatsAppサンドボックスに接続を選択。接続の詳細が表示されます。

TwilioのSandbox環境に参加するには、接続の詳細を使用します。

WhatsAppメッセージをTwilio番号に送るか、QRコードをスキャンするかを選択できます。

参加コードを送信したら、電話をチェックしてください。あなたの番号がサンドボックス環境に接続されていることを確認するメッセージが表示され、テストを開始できるはずです。

サンドボックス確認メッセージ

WordPressダッシュボードからWPFormsプラグインに移動し、WhatsAppメッセージ用フォームを開きます。

フォームビルダーでフォームを開いたら、左側のMarketingタブを選択し、Twilioを見つける。

これが見覚えのあるものであれば、ステップ3でTwilioの設定を行ったときにここに来たことがあるからです。

WhatsAppとして送信」を選択したドロップダウンメニューの下に、「サンドボックスモードを有効にする」のトグルスイッチがあります。

サンドボックス・モードを有効にする

サンドボックスモードを有効にすると、事前に承認されたメッセージテンプレートを使用する必要がなくなります。代わりに、テスト用に好きなテキストを作成できるメッセージフィールドが表示されます。

サンドボックスモードでテストするメッセージを入力

現在、WhatsApp Businessアカウントをお持ちでなくても、Twilioのテスト番号を使って統合をテストし、メッセージを送信することができます。

サンドボックス・モードでは3日間のテスト期間があります。3日間が過ぎると、Sandboxモードに再接続しない限り、テストメッセージは送信されません。

メッセージの設定が終わったら、フォームを保存して完了です。

次は、カンバセーショナル・マーケティングをもっと活用する方法を探る

WordPress フォームから WhatsApp に通知を送信する方法はお分かりいただけたと思います。会話とパーソナライゼーションで顧客を惹きつけ、エンゲージしたいのであれば、会話型マーケティングの事例と顧客エンゲージメントツールのガイドをご覧ください。

WordPressフォームを今すぐ作成

フォームを作る準備はできましたか?最も簡単なWordPressフォームビルダープラグインで今すぐ始めましょう。WPForms Proにはたくさんの無料テンプレートが含まれており、14日間の返金保証がついています。

この記事がお役に立ちましたら、Facebookや TwitterでWordPressの無料チュートリアルやガイドをフォローしてください。

情報開示私たちのコンテンツは読者支援型です。つまり、あなたが私たちのリンクをクリックした場合、私たちはコミッションを得る可能性があります。WPFormsがどのように資金を調達しているのか、なぜそれが重要なのか、そしてどのように私たちをサポートできるのかをご覧ください。

レニー・デコスキー

2001年からブログを始め、2007年からWordPressを使っています。WordPressプラグインについて書いていないときは、本を読んだり、ロータリーを楽しんだりしています。 もっと知る

最高のWordPressドラッグ&ドロップフォームビルダープラグイン

簡単、速い、安全。WPFormsを信頼する600万人以上のWebサイトオーナーの仲間入りをしてください。

このフォームを入力するには、ブラウザのJavaScriptを有効にしてください。

10 comments on "WordPressでWhatsAppフォームを作成する方法"

  1. 素晴らしい記事
    2つの質問
    1.この統合ではWPFormsのProサブスクリプションのみが動作しますか(PlusやBasicでは動作しません)?
    2.私たちは医療クリニックを経営しています。顧客とのコミュニケーションにWhatsAppを使用しています。もし説明されたように統合を使用すると、リードはWhatsAppアプリケーションに送信されます。以前WhatsAppでチャットしたことのある既存顧客からリードを受け取った場合、リードの電話番号をクリックすると既存のチャットが開かれるのでしょうか、それとも新規チャットが開かれるのでしょうか?
    ありがとうございます。

    1. Yonatan - WPFormsのベーシックプランとプラスプランを含むすべての有料バージョンは、Uncanny Automatorとシームレスに統合されています。

      2つ目のご質問ですが、このステップではWhatsappの指定された電話番号にのみフォーム送信エントリーを送信します。メッセージに電話番号の変数を追加した場合、前の会話を開くかどうかはコントロールできません。ほとんどのデバイスでは、電話番号をクリックするとポップアップが開き、ステップの選択を促します。お役に立てれば幸いです。ありがとうございました。

    1. リリー - もちろんです!WPForms固有のトークンを使って、選択したフィールドの値をトリガーセクションからWhatsAppに渡すことができます。以下スクリーンショットです。

      ありがとう。

  2. フォームに入力した後、顧客が私のwhatsapp DMにリダイレクトされ、先に入力されたフォームの入力を含む構造化されたメッセージが表示されるプロセスを自動化するために、これを使用できますか?

    もしそうなら、どうすればいいですか?

    1. もちろん可能です!WPForms固有のトークンを使って、選択したフィールドの値をトリガーセクションからWhatsAppに渡すことができます。以下スクリーンショットです。

      何か問題がある場合、またはさらにサポートが必要な場合は、こちらからサポートチケットをお送りください。

      ありがとう。

  3. メールとWhatsappの両方で、送信確認とお礼のテキストを自動送信したいのですが。
    可能ですか?

    1. こんにちは、スーリヤ。はい、フォーム送信時にWhatsAppとEメールの両方で自動確認を設定することができます。WhatsAppの場合はブログの記事に従ってください。Eメールの場合はWPFormsの組み込み通知機能を使用してください。

      メッセージのカスタマイズや通知の設定にお困りの場合は、サポートチケットをお送りください。

コメントを追加する

コメントをお寄せいただきありがとうございます。すべてのコメントはプライバシーポリシーに従って管理され、すべてのリンクはnofollowであることにご留意ください。名前欄にはキーワードを使用しないでください。個人的で有意義な会話をしましょう。

このフォームはCloudflare Turnstileによって保護されており、Cloudflareプライバシーポリシーおよび利用規約が適用されます。