強力なフォームを作成するために条件付きロジックを使用する最良の方法

条件付きロジックを使用して強力なフォームを作成する7つの方法

条件付きロジックを備えたフォームビルダーの力を活用しませんか?

条件付きロジックを使用すると、ユーザーの選択や入力に基づいてフォームの動作を制御するルールを設定できます。これにより、必要に応じてフィールドを表示・非表示したり、異なる確認メッセージやメール通知を送信したりするなど、さまざまなことが可能になります。

この記事では、ユーザーエクスペリエンスを向上させるために、ロジックを使用したフォームのさまざまな活用方法を見ていきます。

WordPressフォームに条件付きロジックを追加する

条件付きロジックフォームとは?

条件付きロジックフォームとは、ユーザーの入力に基づいて動的に変化するフォームのことです。例えば、アンケートフォームでは、以前の回答に基づいてユーザーごとに異なる質問を表示するために条件付きロジックを使用することがあります。

正しく使用された場合、条件付きロジックは、ユーザーに関連性の高いフォームフィールドのみを表示することで、ユーザーエクスペリエンスを向上させる強力なツールとなります。

強力なフォームを作成するための条件付きロジックの活用方法

WPFormsは、エキサイティングな条件付きロジック機能を備えたドラッグ&ドロップ式のフォームビルダーです。WordPressウェブサイトで強力なスマートフォームを作成するためにその活用方法を学びたい場合は、早速始めましょう。

1. 最も関連性の高い情報のみを表示する

条件付きロジックで大きな効果を上げる簡単な方法は、最も関連性の高い情報を表示するために使用することです。これにより、不必要に長いフォームを回避できます。

ここでは、応募者が最初に応募する職種を選択する求人応募フォームの例を示します。

職務を選択

フォームの残りの部分は非常に基本的なものですが、これらの職種のいずれかを選択して応募するとどうなるか見てみましょう。

コンテンツライターの求人詳細

その職種に固有の簡単な職務内容と要件が表示されます。フォームの下部には、応募者が応募するために回答する必要のある職種固有の質問があります。

職務固有の質問

これはどのように実現されるのでしょうか?条件付きロジックを使用すると、採用プロセスを大幅に強化できます。仕組みを確認するために、このフォームの設定を見てみましょう。

フォームビルダーでは、どの職種に興味があるかを尋ねる質問が選択式フィールドであることがわかります。次に、コンテンツフィールドを使用して、各職種に関する追加情報を提供します。

選択した職種の説明が表示されるようにコンテンツフィールドを表示するには、フィールドをクリックしてフィールドオプションに入り、スマートロジックタブを選択します。そこから、条件付きロジックを有効にし、選択式フィールドを使用して特定の職種が選択されたときに適切なコンテンツフィールドを表示するルールを作成できます。

求人応募フォームの条件付きロジック設定

コンテンツフィールドのインスタンスを複数挿入し、上記と同じプロセスを繰り返すことで、各職種に固有の説明を追加できます。

2. アンケートで追加のフィードバックを収集する

WPFormsを使用して非常にシンプルな顧客アンケートを作成したとしましょう。これは、顧客が1分未満で完了できるものです。

顧客アンケート

しかし、ユーザーがどのような評価を下すかによって、もう少し情報が欲しい場合もあります。ユーザーが低い評価であれ高い評価であれ、修正すべき点とうまくいっている点を把握することは価値のある情報となります。

このフィードバックフォームを設定することで、条件付きロジックを使用して、ある回答をした場合には質問セットをトリガーし、別の回答をした場合には別の質問セットをトリガーすることができます。

それを設定するには、フォームビルダーに入り、質問したいフォローアップ質問とともに段落フィールドを追加します。

条件付きロジックのフォローアップ質問

これは低いスコアを得た場合に尋ねる質問なので、条件付きフィールドとして設定します。

その質問のフィールド設定を開いた状態で、左側のフィールド設定にあるスマートロジックタブをクリックします。

次に、トグルを使用して条件付きロジックを有効にし、ルールを設定します。ルールは、評価フィールドが3つ星未満(つまり1つまたは2つ星)のスコアを受け取った場合に、「改善のために何ができますか?」という質問が表示されるように設定します。

低い評価の条件付きロジック

次に、2つ星より高い評価に対する同様のルールを設定します。

条件付きロジックの肯定的な回答

肯定的なフィードバックのために、回答者がビジネスの特定の側面についてどの程度満足しているかを尋ねるためにリッカート尺度を作成しました。リッカート尺度のフィールド設定で、上部にある スマートロジックタブを選択しました。

今回は、評価が2より大きい場合にこのオプションを表示するようにルールを設定しました。これは、3〜5の評価が肯定的と見なされ、そのユーザーは評価を入力するとすぐにリッカート尺度の質問が表示されることを意味します。

条件付きロジックオプションに満足したら、アンケートを公開できます。

ここでは、3つ星以上の評価をした人がリッカート尺度を見ることがわかります。

条件付きロジック 2より大きい

2つ星以下の評価をした人は、代わりに改善に関する質問を見ることになります。

条件付きロジック 2以下

アンケートはまだ非常にシンプルですが、条件付きロジックにより、ユーザーは自分に最も関連性の高い情報のみが表示されるようになります。

3. 代替の確認メッセージを設定する

WPFormsで作成するすべてのフォームには、デフォルトの確認応答を設定できます。フォーム送信後、ユーザーはその応答を受け取ります。

しかし、ユーザーがフォームで提供した情報に基づいて異なる確認応答を使用したい場合はどうでしょうか?

その場合は、条件付きロジックを使用して代替の確認応答を設定できます。使いやすいオンラインフォームビルダーで簡単に実行できます。

ここでは、請求に関する質問があることを示したユーザーにのみ送信される代替確認応答を作成する例を見ていきましょう。

WPFormsフォームビルダーでフォームを開き、左側のメニューで設定 » 確認をクリックします。上部にある 新しい確認を追加 ボタンをクリックします。

新しい確認を追加

次に、新しい確認に応答の名前を付ける必要があります。ユーザーはこの名前を見ることはありません。内部ワークフローを合理化するだけです。

確認の名前を入力

確認の名前を付けて確認すると、デフォルトの上に新しい確認が表示されます。この例では、フォームで請求に関する質問があることを示したユーザーのために、新しい請求確認を作成しました。

請求確認メッセージ

フォームを送信した後に顧客が何を期待できるかを知らせるように、メッセージを調整したことがわかります。

次に、条件付きロジックを設定します。これを行うには、オプションの横にあるトグルボタンを「条件付きロジックを有効にする」に設定する必要があります。

条件付きロジックを有効にする

それを実行すると、この特定の確認をいつ送信するかについてのオプションが表示されます。表示されるフィールドタイプは、フォームにあるものによって異なります。

この確認は、対応する連絡フォームで質問が請求に関するものであることを示したユーザーに送信したいと思います。

条件付きロジック確認完了

これで完了です!フォームを保存すると、設定した条件付きロジックの基準を満たすすべての人に、この確認メッセージが送信されます。必要に応じて、確認と条件をいくつでも追加できます。

4. マルチコンタクトフォームを作成する

前の例を基に、通知が常に適切な人に届くようにフォームを設定できるとしたらどうでしょうか?すべてのメッセージを受信する1つの受信トレイの代わりに、請求に関する質問は請求に、営業に関する質問は営業に送信できます。

すべての部署に新しいフォームを作成するのではなく、条件付きロジックでそれを実現できます。

まず、フォームに、 ユーザーが質問の送信先を示せるフィールドがあることを確認する必要があります。これを実現する簡単な方法は、ドロップダウンリストを使用することです。

複数連絡先フォーム

このフィールドは、条件付きロジック設定の基盤となり、各メッセージをどこに送信するかをフォームに指示します。

WPFormsフォームビルダーでフォームを開き、左側のメニューで 設定 » 通知 をクリックします。一番上にある 新しい通知を追加 ボタンをクリックします。それを実行すると、通知の名前を入力するプロンプトが表示されます。

この場合、請求に関する質問があるときに請求部門に通知したいので、そのように呼びます。名前は組織化のためだけで、公開されるものではありません。

新規請求通知

新しい通知が設定されたら、最初にできることは、その通知のメールアドレスを入力することです。この例では、請求に関する質問のため、請求用メールアドレスを使用しました。

必要に応じて、他のフォームフィールドを調整することもできます。

請求通知設定

メールメッセージの最後の通知フィールドの下には、条件付きロジックを有効にするためのトグルスイッチがあります。それを実行すると、条件を設定できます。

この例では、連絡フォームで請求に関する質問があることを示したときに、請求部門に通知したいと思います。

問い合わせの内容に合わせて、メールメッセージをカスタマイズすることもできます。

条件付きロジックが有効です

これで完了です。連絡フォームに対応する各部門に新しい確認メッセージを追加し、条件付きロジックを使用して、適切なチームが常にメッセージを受け取るようにすることができます。

5. リードルーティングを設定する

上記のマルチコンタクトフォーム設定と同様のプロセスを使用して、条件付きロジックでリードルーティングを設定することもできます。

たとえば、サイトのランディングページやポップアップでリード情報を取得するために使用するフォームがあるとします。

ルーティング用のリードキャプチャフォーム

回答に基づいて、適切なチームがリードを受け取るようにしたいと考えています。開始するには、前の例のマルチコンタクトフォームの手順に従ってください。設定 » 通知に移動し、新しい通知を追加をクリックします。

このフォームの場合、リードをルーティングするために3つの通知が必要になります。まず営業から始めましょう。

販売通知設定

送信先メールアドレスフィールドに、営業チームのメールアドレスが含まれていることを確認してください。

次に、新しい通知の下部で条件付きロジックを有効にします。

通知条件付きロジックを有効にする

フォームの各リードタイプについてこれらの手順を繰り返し、メッセージが常に適切なチームに届くようにしてください。顧客や見込み客は、応答時間の短縮を喜ぶでしょう!

6. 特定の確認ページにユーザーを誘導する

ユーザーがあなたの組織への参加や詳細情報の取得に関心があるかどうかを示せるアンケートフォームがあるとします。

会員登録への関心を示すチェックボックス

その場合、特定のお礼ページで、さらに詳しい情報やリソースに誘導できます。

ここでも、フォーム設定の設定 » 確認 » 新しい確認を追加に移動して開始します。新しい確認に名前を付けます。

新しい確認名を入力する

デフォルトの確認はメッセージですが、ユーザーを特定ページに送信したい場合は、その確認タイプの Сettings を変更する必要があります。

ページ表示オプション

確認タイプを「ページを表示」に変更すると、確認ページとして使用したいWordPressサイトのページを選択できるようになります。

条件付きロジックを有効にした後、設定を構成できます。この例では、フォームのチェックボックスで「メンバーになることにもっと興味がある」を選択した後、ユーザーがこの確認ページに着地するようにしたいと考えています。

ページ表示条件付きロジック

これらの設定を保存すると、もっと知りたいと思っているすべてのユーザーは、次に何が起こるかを知らせるランディングページにリダイレクトされます。

確認ページ

7. 年齢に応じたフォームフィールドを表示する

フォームの回答オプションのすべてが、回答する可能性のあるすべての人にとって年齢に適しているとは限らない場合があります。検討できるユースケースの1つは、読書プログラムのブックログフォームテンプレートです。

子供と大人で本について異なる質問をするため、異なる質問を設定する必要がありました。そのうちの1つは、特定の Сontent を読む前に、人に警告できる Сontent があったかどうかでした。

それは子供には適用されない、または意味をなさない質問なので、条件付きロジックを適用して、ティーンまたはアダルトプログラムのいずれかを選択した場合にのみ表示されるようにすることができます。

CLの設定

フォームが公開されると、子供向けプログラムが選択された場合、フォームは非常にシンプルで、保護者が子供に簡単に質問して記入できることがわかります。

子供向けフォームの例

しかし、アダルトプログラムが選択されると、フォームはより複雑になります。

大人向けプログラムアンケートの例

これで完了です!さまざまな方法で条件付きロジックを使用する方法がわかったので、ユーザーのために優れた動的フォームを作成する準備ができました。

次に、アンケートをGoogleスプレッドシートに接続する

これで、条件付きロジックを使用して適切な情報を適切なタイミングで収集する方法がわかったので、WPFormsの連携機能を使用して情報を整理できます。

WPFormsのGoogle Sheetsアドオンを使用して、フォームをGoogle Sheetsに接続し、アンケート結果から収集したデータでそれらのスプレッドシートを自動的に入力します。

さらに多くの機能が必要な場合は、Uncanny Automatorを使用してWPFormsをさまざまなサードパーティアプリに接続できます。

WordPressフォームに条件付きロジックを追加する

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

もしこの記事がお役に立ったなら、WordPressの無料チュートリアルやガイドをもっと知るために、FacebookTwitterでフォローしてください。

開示:当社のコンテンツは読者によってサポートされています。これは、一部のリンクをクリックすると、手数料が発生する可能性があることを意味します。WPFormsがどのように資金調達されているか、なぜそれが重要なのか、そしてどのように私たちをサポートできるかをご覧ください

レニー・デコスキー

レニー・デコスキーは2001年からブログを書き、2007年からWordPressを使用しています。WordPressプラグインについて書くとき以外は、本を読んで過ごしたり、ロータリーで楽しんだりしています。もっと詳しく

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

簡単、高速、安全。WPFormsを信頼する600万人以上のウェブサイト所有者に加わりましょう。

コメントを追加

コメントを残していただきありがとうございます。コメントはすべて、当社のプライバシーポリシーに従ってモデレーションされます。また、すべてのリンクはnofollowとなります。名前フィールドにキーワードを使用しないでください。個人的で有意義な会話をしましょう。

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