WordPressフォームで条件付きロジックを使用する6つの方法（主なユースケース）

詳細な WordPress フォームを作成したのに、完了率が低下した経験はありませんか？訪問者は長い質問リストを見て、離脱します。特にその情報が必要な場合は、イライラします。

そこに条件付きロジックが登場します。💡

これは、以前の回答に基づいて関連する質問のみを表示するのに役立ち、ユーザーのエンゲージメントを維持し、データの質を向上させます。

この1つの機能がフォームのパフォーマンスを劇的に向上させることができるのを私たちは直接見てきました。そしてこのガイドでは、WordPressフォームで条件付きロジックを使用する最も効果的な6つの方法を共有します。これにより、人々が実際に完了したいと思う、よりスマートでパーソナライズされたフォームを作成できます。

フォームにおける条件付きロジックとは何か、そしてなぜそれが重要なのか？

条件付きロジックは、ユーザーの回答に基づいてフィールドを表示または非表示にできる強力なフォーム作成機能です。すべての訪問者に同じ質問セットで圧倒するのではなく、関連するものだけを表示するようにフォームをカスタマイズできます。

これにより、よりクリーンでパーソナライズされたエクスペリエンスが作成され、WordPressフォームの完了が容易になります。

たとえば、ウェブサイトに顧客満足度調査フォームがあるとします。

このタイプのフォームでは、すべてのユーザーにすべての可能なフォローアップ質問を表示したくありません。代わりに、スター評価での回答に基づいてフォローアップ質問を表示できます。

条件付きロジックが実際にどのように機能するかを以下に示します。

ユーザーが低い評価（1 ～ 2 つ星）を付けた場合、「問題の詳細を教えてください」や「どのように改善できますか？」のようなフォローアップフィールドを表示できます。しかし、高い評価（4 ～ 5 つ星）を付けた場合は、「最も気に入った点は何ですか？」と尋ねることもできます。

ユーザーが自分に関連する質問のみを表示する場合、エンゲージメントを維持し、フォームを完了する可能性が高くなります。これにより、より多くの送信と、より質の高いデータを取得できます。

よりクリーンな入力により、フォローアップ、パーソナライズされた推奨事項、またはターゲットを絞ったメールをよりスマートに送信できます。すべて、ユーザーがフォームとどのようにやり取りしたかに基づいています。

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

次のセクションでは、WordPressフォームを改善するための6つの条件付きロジックのユースケースを共有します。プロセスを実証するために、WPFormsとFormidable Formsを使用します。

WPFormsは、AIツールとドラッグ＆ドロップ機能を備えた、最高で最も初心者向けのフォームビルダーです。2,000以上のテンプレートがあり、数分で任意のフォームを作成するのに役立ちます。

さらに、WPBeginnerのウェブサイトでもWPFormsを実際に使用しています。お問い合わせフォーム、年次ユーザーアンケート、サイト移行フォームなどにこのツールを活用しています。当社の経験に関する詳細については、当社の包括的なWPFormsレビューをご覧ください。

一方、Formidable Formsプラグインはより高度なオプションです。計算機やクイズを含む複雑なフォームの作成に最適です。詳細については、Formidable Formsのレビューをお読みください。

したがって、開始する前に、これらのプラグインを最初にインストールしておくとよいでしょう。詳細については、WordPressプラグインのインストール方法に関する詳細ガイドをご覧ください。

この記事で取り上げるユースケースの簡単な概要を以下に示します。

準備はいいですか？始めましょう。

ユースケース1：アンケートフォームで追加情報を求める

条件付きロジックを使用すると、より洞察力のあるアンケートフォームを作成できます。

たとえば、ユーザーがあなたのウェブサイトのユーザーエクスペリエンスについて否定的なフィードバックを残したとしましょう。それを改善するために、さらに詳しく知りたいと思うかもしれません。

この最初のユースケースでは、WPFormsとその「アンケートおよび投票アドオン」を使用して条件付きロジックでアンケートフォームを作成する方法を説明します。ただし、アンケートおよび投票アドオンを使用するには、少なくともWPForms Proプランが必要であることに注意してください。

アンケートフォームの作成を開始するには、まずWordPressダッシュボードからWPForms » 新規追加に移動する必要があります。

これにより、WPFormsのセットアップページにリダイレクトされ、フォームの名前を付けたり、フォームの作成方法を選択したりできます。

WPFormsを使用すると、ゼロから開始したり、既製のテンプレートをカスタマイズしたり、AIフォームジェネレーターを使用したりできます。AIフォームビルダーを使用したい場合は、必要なフォームの種類を説明する短いプロンプトを入力するだけで、フォームが作成されます。

このクイックガイドでは、「アンケートフォーム」テンプレートを使用します。検索ボックスを使用してテンプレートをフィルタリングできます。

見つけたら、「アンケートフォーム」テンプレートオプションにカーソルを合わせ、「テンプレートを使用」をクリックします。

テンプレートを選択した後、ポップアップウィンドウが表示される場合があります。

そこには、「アンケートフォーム」テンプレートを使用するには「アンケートおよび投票アドオン」が必要であるというメッセージが表示されます。

「インストールして有効化」をクリックしてください。

完了すると、フォームビルダーに移動します。

ライブプレビューでは、あらかじめ用意されたすべてのフィールドが表示されます。たとえば、「どのように改善できますか？」フィールドをクリックしてカスタマイズしてください。

次に、フィールド設定の「スマートロジック」タブを開きます。WPFormsが条件付きロジックを既に有効にして設定していることに気づくでしょう。

事前に設定された条件付きロジック設定は、ユーザーが「あなたの経験」フィールドに1つまたは2つ星の評価を送信した場合にのみ、「改善点はありますか？」フィールドを表示するようにフォームに指示します。これらの設定は、いじって変更することもできます。

他のすべてが問題ない場合は、「保存」をクリックして進捗を失わないようにしてください。

これで完了です！条件付きロジックを使用したアンケートフォームを正常に作成しました。次のようになります。

手順については、WordPressでアンケートを作成する方法に関するガイドを参照してください。

ユースケース2：イベントRSVPフォームでオプションを表示または非表示にする

RSVPフォームでは、回答に基づいてユーザーを異なるパスに誘導するために条件付きロジックを使用できます。

たとえば、ユーザーがイベントへの参加に「はい」と答えた場合、追加の人を連れて行きたいかどうかを尋ねることができます。もし「いいえ」と答えた場合、それらの質問をスキップして、次の関連セクションに進むことができます。

これにより、各回答者にとってアンケートが短く簡潔になり、フォームの完了率を向上させることができます。

WPFormsでは、「パーティー招待状RSVPフォーム」テンプレートを使用して、RSVPフォームを簡単に設定できます。WordPressダッシュボードから、WPForms » 新規追加に移動しましょう。

セットアップページでは、開催したいイベントに基づいてフォームに名前を付けることができます。ここでは例として「パーティーRSVPフォーム」を使用します。

次に、画面を下にスクロールして「パーティー招待状RSVPフォーム」テンプレートを見つけます。見つけたら、テンプレートにカーソルを合わせて「テンプレートを使用」をクリックします。

次の画面で、ドラッグアンドドロップのフォームビルダーが表示されます。

左側にはすべてのカスタマイズ設定があり、右側にはフォームのライブプレビューが表示されます。

カスタマイズを開始するには、フィールドをクリックするだけです。

次に、WPFormsはフィールドを編集するために「一般」タブを表示します。

ここで、ラベルを編集したり、新しい選択肢を追加したり、「参加しますか？」フィールドの説明を記述したりできます。

さて、条件付きロジックを設定する時間です。

基本的に、「出席しますか？」で「はい」を選択した場合にのみ、「追加で何名ゲストを連れて行きますか？」フィールドを表示するようにします。

フィールドを表示または非表示にするには、まず「追加で何名のお客様をお連れになりますか？」フィールドをクリックする必要があります。

左側で「スマートロジック」タブに移動できます。次に、「条件付きロジックを有効にする」オプションをオンにします。

次に、設定を構成するためのドロップダウンメニューが表示されます。

• 表示または非表示。このドロップダウンを使用すると、「追加で何人のゲストを連れてきますか？」フィールドを表示または非表示にできます。
• フィールドを選択。 このドロップダウンで、フォーム内の他のフィールドから条件の件名として設定するものを1つ選択します。
• 「次とその他」オプション。 このドロップダウンのデフォルト設定は「次」です。ただし、「次でない」、「空」、「含む」、「から始まる」など、さまざまなオプションを見つけることができます。
• 選択肢を選択します。最後のこのステップでは、選択したフィールドからオプションを選択します。

これで、完全な設定は、「出席しますか」が「はい」である場合にこのフィールドを「表示」することになります。

完了したら、「保存」をクリックして進捗を保存することを忘れないでください。

これで完了です！条件付きロジックを使用してフィールドを表示または非表示にすることに成功しました。フォームはWordPressウェブサイトで次のように表示される可能性があります。

完全なガイドについては、WordPressでRSVPフォームを作成する方法をご覧ください。

ユースケース3：求人応募フォームで異なるフィールドを表示する

応募を受け付けている場合、条件付きロジックを使用して、応募者が応募している職種に基づいて異なるフィールドを表示できます。

たとえば、応募者が「ソフトウェア開発者」の役職を選択した場合、「プログラミング言語の知識」のような追加フィールドを表示できます。

そして、もし彼らが「グラフィックデザイナー」を選択した場合、「デザインソフトウェアスキル」フィールドが表示されます。

WordPressダッシュボードから WPForms » 新規追加 に移動し、条件付きロジックを使用して求人応募フォームの作成を開始しましょう。

「設定」ページに入ったら、まずフォームに名前を付けます。その後、テンプレートを選択するために下にスクロールします。

WPFormsには多くの求人応募フォームテンプレートがあります。

この例では、「求人応募アップロードフォーム」を使用します。テンプレートを見つけたら、カーソルを合わせて「テンプレートを使用」をクリックします。

WPForms のビルダーインターフェイスに到着したら、左側のパネルにあるツールを使用してテンプレートのカスタマイズを開始できます。

右側のパネルにはライブプレビューがあります。このセクションを探索して、テンプレートで利用可能なフィールドを確認できます。

応募フォームでは、利用可能な職種用のドロップダウンフィールドと、必須スキル用のチェックボックスフィールドを追加したい場合があります。その後、利用可能な職種ドロップダウンでの候補者の選択に基づいて条件付きロジックを設定できます。

「どのポジションに応募していますか？」フィールドを作成するには、左側にある「ドロップダウン」をクリックするだけです。

その後、新しいドロップダウンフィールドを「このポジションについてどのように知りましたか？」フィールドの上にドラッグアンドドロップして、すべてを整理できます。

次に、ドロップダウンフィールドをクリックして詳細を編集しましょう。「フィールドオプション」タブが開きます。そこで、以下の項目を編集できます。

• ラベル。これは名前のようなものです。「ドロップダウン」の代わりに、「応募する役職は何ですか？」に変更できます。
• 選択肢。 このフィールドには、利用可能な役職を単純に入力してください。たとえば、「ソフトウェア開発者」と「グラフィックデザイナー」を使用します。いくつでも入力できます。
• 説明。必要に応じて、フィールドの簡単な説明を与えることができます。そうすると、ドロップダウンメニューのすぐ下に表示されます。
• 「必須」スイッチ。 候補者がこのステップをスキップしないように、「必須」スイッチをオンにすることをお勧めします。

詳細を入力したら、次のようになります。

次のステップは、候補者が応募している職位への入力をフォローアップするためのチェックボックスフィールドを準備することです。

「フィールド」タブに戻り、「チェックボックス」をクリックします。次に、もう一度行うと、2つのチェックボックスフィールドができます。

フィールドを追加したら、「応募する職種」の下にドラッグアンドドロップできます。

チェックボックスフィールドをクリックすると、その詳細を編集できます。「フィールドオプション」パネルでは、以下を編集できます。

• ラベル。「プログラミング言語の知識」に変更できます。2番目のチェックボックスは「デザインソフトウェアスキル」とラベル付けできます。
• 選択肢。ソフトウェア開発者の職種に対する選択肢は、C++、Python、JavaScript、GO、Rubyなどです。グラフィックデザイナーに必要なスキルには、Figma、Photoshop、Adobe Illustrator、Procreate、GIMPなどが含まれます。
• 説明。 このフィールドでは、候補者が複数のオプションを選択できることを知らせるのが良いでしょう。
• トグル。 チェックボックスのフィールドオプションパネルには、いくつかのスイッチがあります。「画像選択を使用する」トグルを使用すると、各利用可能なオプションに画像を追加できます。また、「アイコン選択を使用する」フィールドを使用すると、各利用可能なオプションにアイコンを使用できます。次に、「必須」トグルにより、候補者がフィールドに入力することを保証します。

フィールドの詳細をカスタマイズした後、最終的な外観は次のようになります。

これで、条件付きロジックを設定する準備が整いました。

まず、「プログラミング言語の知識」フィールドをクリックします。次に、「スマートロジック」タブに移動して条件付きロジックを有効にします。

次に、「条件付きロジックを有効にする」トグルをオンにします。その後、候補者が「ソフトウェア開発者」の職を選択した場合にのみフィールドを表示するように設定できます。

完全な設定は次のようになります。「ソフトウェアデベロッパー」の「応募職種？」が「次の場合」「このフィールドを表示」。

次に、グラフィックデザイナー職に応募する候補者に対して、もう一度手順を繰り返しましょう。

まず、「デザインソフトウェアのスキル」フィールドをクリックします。次に、「スマートロジック」タブから条件付きロジックを有効にします。

それが完了したら、設定を構成できます。

このフィールドの完全な設定は、「応募している役職は？」が「グラフィックデザイナー」である場合に、「この」フィールドを「表示」することです。

この時点で、「保存」をクリックできます。

おめでとうございます – 条件付きロジックを使用して求人応募フォームを正常に作成しました。ウェブサイトでは次のようになります。

詳細については、WordPressで求人応募フォームを作成する方法に関するガイドをご覧ください。

ユースケース4：パーソナライズされたお礼メッセージ

条件付きロジックを使用すると、WordPressフォーム内のユーザーの選択に基づいて、異なるサンキューメッセージを送信することができます。パーソナライズされたサンキューメッセージは、ユーザーに価値のある具体的な情報を提供し、エンゲージメントを向上させることができます。

たとえば、ユーザーがサポートフォーム内で「テクニカルサポート問い合わせ」を選択した場合、感謝メッセージには次のステップに関する情報とサポートリソースへのリンクを含めることができます。

「営業問い合わせ」を選択した場合、メッセージには製品情報とデモまたはコンサルテーションのスケジュール設定へのリンクを含めることができます。

WPForms では、通知設定エリアでさまざまな感謝メッセージを設定できます。

しかし、まずサポートフォームを作成しましょう。これは、WPForms » 新規追加に移動することで実行できます。

次の画面で、フォームに名前を付けます。この名前は参照用ですので、好きな名前を使用できます。

次に、画面を下にスクロールしてテンプレートを選択します。検索バーを使用して、サポートフォームテンプレートをより迅速に見つけることができます。

使用したいアンケートフォームテンプレートを見つけたら、カーソルを合わせるだけで「テンプレートを使用」をクリックできます。この例では、「テクニカルサポートフォーム」テンプレートを使用しています。

これにより、WPFormsビルダーインターフェイスにリダイレクトされます。

ここから、設定 » 確認 に移動します。次に、「新規確認を追加」をクリックできます。

ボタンをクリックすると、ポップアップウィンドウが表示されます。

このポップアップで、新しい確認名を入力ボックスに入力します。ここでは、「テクニカルサポート問い合わせ確認」と名付けています。

次に、「OK」をクリックして設定エリアに進みます。

「確認タイプ」フィールドで、「メッセージ」を選択します。

これによりテキストボックスが開かれ、ユーザーがテクニカルサポートの問い合わせを送信したときにカスタム確認メッセージを書き込むことができます。例を次に示します。

完了したら、条件付きロジックを設定します。

まず、セクションを下にスクロールして「条件付きロジックを有効にする」トグルを見つけます。これをオンにする必要があります。

次に、ドロップダウンメニューを通じて設定を構成できるようになります。

• 使用または不使用。このフィールドでは、確認メッセージを使用するタイミングを指定できます。「使用」に設定します。
• 選択フィールド。次のドロップダウンメニューで、「今日のヘルプは何ですか？」を選択して件名として使用してください。
• Is およびその他のオプション。 ここでは、デフォルト設定が「is」になっていることがわかります。このままにしておいてください。
• 選択肢を選択。 最後に、ユーザーが技術的なヘルプを求めている場合にこの確認メッセージを使用したいので、「テクニカルサポート問い合わせ」オプションを選択します。

設定が完了すると、以下のようになります。

すべてが完了したら、「保存」をクリックして進捗を保存します。次に、これらの手順を繰り返して、代わりに販売問い合わせを送信するユーザー向けの確認メッセージを設定します。

これで、条件付きロジックを使用して感謝のメッセージをパーソナライズする方法を習得しました。

ユースケース 5: 複数の通知受信者の設定

このユースケースは、ランディングページやリード獲得を目的としたポップアップにフォームがある場合に最適です。

複数の受信者を設定することで、すべてのリードがすぐに適切なチームに誘導されるようになります。

お客様や見込み客は、応答時間の短縮を高く評価するでしょう。これにより、カスタマーサービスのリード獲得プロセスをより効率的かつ効果的にすることができます。

前の方法と同じサポートフォームを使用して、テクニカルサポートチームと営業チームに通知を作成してみましょう。

まず、WPForms » すべてのフォームに移動し、テクニカルサポートフォームの下にある「編集」をクリックする必要があります。

次に、設定 » 通知に移動して通知の設定を開始できます。

ここから、「新しい通知を追加」をクリックしてください。

ポップアップウィンドウが表示されます。新しい通知に名前を付けるだけです。ここでは、「新しいテクニカルサポート問い合わせ」と名付けます。

次に、「OK」をクリックして次のステップに進みます。

ログインしたら、まず最初に、テクニカルサポートチームの正しいメールアドレスを「送信先メールアドレス」フィールドに入力します。

{admin_email}スマートタグは削除しても保持しても構いません。保持する場合は、テクニカルサポートチームのメールアドレスを入力する際にコンマを使用してください。

次に、セクションを下にスクロールして「条件付きロジックを有効にする」トグルを見つけます。

そのトグルをオンにしてください。

トグルスイッチの下に、条件付きロジックを設定するためのドロップダウンメニューがあります。

• 送信または不送信。このドロップダウンでは、通知を送信するかどうかを選択できます。「送信」を選択しましょう。
• フィールドを選択。 このフィールドでは、「今日、どのようなお手伝いができますか？」を選択します。これにより、次のドロップダウンメニューの件名が設定されます。
• ですおよびその他のオプション。デフォルトの設定は「です」であり、そのままにします。
• オプションを選択します。 この最後のフィールドでは、「テクニカルサポート問い合わせ」オプションを選択します。

設定後の条件付きロジックは次のようになります。

それが完了したら、「保存」をクリックして進捗を失わないようにしてください。

次に、新しい通知の追加から「保存」をクリックするまでの手順を繰り返し、営業チーム向けの通知を作成します。

これで完了です！適切な通知受信者を設定するために条件付きロジックを使用する方法を学びました。

ユースケース6：連鎖クイズを作成する

条件付きロジックを使用する最も楽しい方法の1つは、連鎖する回答と応答を持つWordPressでクイズを作成することです。

チェーンクイズでは、ユーザーの以前の回答に基づいて質問を表示できます。そのため、各ユーザーのクイズの進め方が異なる可能性があるため、よりパーソナライズされたインタラクティブな体験になります。

たとえば、健康とウェルネスのウェブサイトでは、連鎖クイズを使用してパーソナライズされたフィットネスプランを推奨できます。

最初の質問では、減量、筋肉増強、または一般的な健康状態など、ユーザーの主なフィットネス目標について尋ねる場合があります。

ユーザーの回答に応じて、次の質問では現在の運動習慣や食事の好みについて尋ねることができ、より具体的な推奨につながります。

この最終的なユースケースでは、Formidable Forms を使用します。これは、クイズ作成のための 最高の WordPress 条件付きロジックプラグイン の 1 つです。さらに、クイズとともに採点システムを作成することもできます。

開始するには、無料の Formidable Forms プラグインをインストールしましょう。詳細な手順については、WordPress プラグインのインストール方法のステップバイステップガイドを参照してください。

有効化したら、Formidable Forms » グローバル設定 に移動してプロバージョンにアップグレードします。次に、「アカウントに接続」ボタンをクリックするだけです。

新しいページにリダイレクトされます。

このページでは、Formidable Formsへのサインアップに使用したメールアドレスを確認できます。すべて問題がなければ、「Connect and Install Formidable Forms Pro」をクリックしてください。

ボタンは「お待ちください…」に変わり、あとはプロセスが完了するのを待つだけです。

完了したら、Formidable Forms » Forms » + Add New に移動しましょう。

次のステップはテンプレートの選択です。

「フォームテンプレート」パネルでは、Formidable Formsが300以上のテンプレートを提供していることがわかります。クイズテンプレートをより早く見つけるには、検索バーに「quiz」と入力できます。

次に、「クイズ」テンプレートにカーソルを合わせ、「テンプレートを使用」をクリックします。また、「デモを表示」ボタンをクリックして、テンプレートをプレビューすることもできます。

「テンプレートを使用」ボタンをクリックすると、Formidable Formsビルダーにリダイレクトされます。

左側で、すべてのカスタマイズツールにアクセスできます。右側はフォームのライブプレビューが表示される場所です。

このフォームテンプレートには、あらかじめ設定された質問があることがわかります。

質問を追加するには、各フィールドをクリックします。次に、左側のカスタマイズパネルで記述されているコピーを調整するだけです。

このガイドでは、例として健康とウェルネスのチェーンクイズを作成します。

ここでは、最初の質問を「これらの中で一つだけ違うものはどれですか？」から「あなたの主なフィットネスの目標は何ですか？」に変更しています。

次に、「必須」チェックボックスをオンにして、ユーザーがこの質問をスキップしないようにしましょう。

必要であれば、ラジオボタンのスタイルを変更できます。ここでは「シンプル」を使用しますが、画像を使用したり、「ボタン」アドオンをインストールしたりして、他のボタンのスタイルにアクセスすることもできます。

次に、カスタマイズパネルを下にスクロールして、この質問のオプションを変更します。

オプションを「減量」、「筋肉増強」、「一般的な健康」に調整します。デフォルトでは、フォームテンプレートには4つのオプションがあります。そのため、これも変更するようにします。

オプションを削除するには、オプションフィールドの右側にある「-」ボタンをクリックするだけです。

「-」ボタンをクリックすると、ライブプレビューでFormidable Formsがオプションを削除したことがわかります。

次に、3つのオプションのいずれかを選択した場合に条件付きロジックを設定するため、各オプションに関連する質問を作成します。

このプロセスを繰り返して、質問を追加できます。「減量」オプションの追加の質問は次のようになります。

「筋肉増強」の選択肢については、ユーザーの食事の好みを尋ねたい場合があります。

食事の好みには数十のオプションがあるため、最も人気のあるものをいくつか追加し、ユーザーが好みを入力できる「その他」フィールドを追加できます。

オプションセクションの最後にある「その他を追加」をクリックするだけです。

それが完了すると、「その他」のラジオボタンと簡単なテキストボックスが追加されます。まだ行っていない場合は、「D」オプションの「-」ボタンをクリックしても構いません。

そして、それがどのようになるかの例を次に示します。

必要以上のフィールドがある場合は、残りを削除できます。

これを行うには、まずフィールドをクリックする必要があります。次に、右上隅にある3つのドットボタンをクリックしてください。

メニューが展開したら、「削除」をクリックするだけです。

さて、条件付きロジックを設定する時間です。

まず、ユーザーが週にどのくらいの頻度で運動するつもりかについての2番目の質問に進みます。フィールドをクリックしてください。

その後、カスタマイズパネルを下にスクロールし、「条件付きロジック」メニュー項目を展開します。

「条件付きロジック」セクションでは、いくつかのドロップダウンメニューを設定できます。

ユーザーが「減量」オプションを選択した場合に、「週に何日運動しますか？」フィールドを表示させたい場合。必要な設定は次のとおりです。

• このフィールドを表示または非表示にします。 ここで「週に何日運動しますか？」フィールドを表示または非表示にできます。「このフィールドを表示」のままにしておくことができます。
• すべてまたは一部。このドロップダウンでは、条件のすべてまたは一部を満たす必要があるかを設定できます。「いずれか」のままにしておきましょう。
• フィールドを選択します。ここでは、フォーム内の他のフィールドから1つを選択して、条件の件名を設定します。「あなたの主な目標は何ですか？」を選択しましょう。
• 等しいおよびその他のオプション。デフォルトでは、設定は「等しい」です。そのままにしておくことができます。
• オプションを選択してください。 この最後のフィールドでは、この質問をオプションを選択したユーザーに表示したいので、「減量」を選択します。

条件を1つだけ設定したい場合は、「-」ボタンをクリックするか、そのままにしておくことができます。

そして、最終的な設定は次のようになります。

次に、「自宅とジムのどちらの運動を好みますか？」フィールドに条件付きロジックを設定しましょう。このガイドでは、ユーザーが「週に何日運動しますか？」フィールドから他のオプションを選択した場合に質問を表示するように試みます。

次に、「自宅とジムのどちらの運動を好みますか？」フィールドをクリックして、条件付きロジック設定にアクセスしてください。

条件付きロジック設定に入ったら、2つの条件を設定します。

• 「週に何日運動しますか？」 「次のいずれかに等しい」 「週に1〜2回」
• 「週に何日運動しますか？」 「次のいずれかに等しい」 「週に3〜4回」

これらの設定により、「週に1回」を選択したユーザーに対して、「自宅での運動とジムでの運動、どちらを好みますか？」という項目を非表示にすることができます。これらのユーザーには、自宅での運動をすぐに推奨できます。

他のすべてのフィールドについてもこれらのプロセスを繰り返すことができます。完了したら、「更新」ボタンをクリックしてください。

これで、クイズフォームをWordPressウェブサイトに埋め込むことができるようになりました。フォームビルダーの上部にある「埋め込み」ボタンをクリックするだけです。

埋め込みオプションが異なるポップアップが表示されます。

たとえば、既存のページを選択したり、新しいページを作成したり、ショートコードを使用してフォームを手動で挿入したりできます。

さて、チェーンクイズフォームがウェブサイトでどのように表示されるかをお見せします。

ユーザーがフィットネス目標として「減量」を選択し、運動計画として「週に 1 回」を選択した場合のプレビューを以下に示します。

上記のスクリーンショットから、「自宅とジムのどちらの運動を好みますか？」フィールドが正常に非表示になっていることがわかります。

そして、ユーザーが「減量」と「週に3〜4回」を選択した場合、次のようになります。

スクリーンショットでわかるように、「自宅とジムのどちらの運動を好みますか」というオプションは、「週に3〜4回」を選択したユーザーに表示されます。

では、ユーザーが「筋力アップ」オプションを選択した場合にフィールドがどのように変化するかを見てみましょう。

おめでとうございます！これで、条件付きロジックで連鎖するクイズの作成方法を学びました。

フォーム送信後にユーザーをパーソナライズされたフィットネスプランページにリダイレクトする

これで、ユーザーはフォームを送信した後にパーソナライズされたフィットネスプランを受け取れるようになります。これを実現する最も簡単な方法は、ユーザーをそれぞれのパーソナライズされたフィットネスプランのページにリダイレクトすることです。

まず、フィットネスプランのページを作成しましょう。WordPressダッシュボードからページ » 新規追加に移動できます。

コンテンツエディタで、条件付きロジックフォームのすべての可能な組み合わせに対して、パーソナライズされたフィットネスプランの作成を開始できます。このチュートリアルでは、次を選択したユーザーをリダイレクトする方法を示します。

• 「あなたの主なフィットネスの目標は何ですか？」という質問に対する「減量」。
• 「週に何日運動しますか？」という質問に対して「週に 3 ～ 4 回」。
• 「自宅とジムのどちらの運動を好みますか？」という質問に対する「ジム」。

こちらがドラフトの外観です：

完了したら、「公開」ボタンを押し、確認パネルでもう一度押します。

公開が完了したら、「ページを表示」リンクをクリックできます。後でページのURLが必要になるため、これを新しいタブで開いたままにしておくことを忘れないでください。

さて、Formidable Forms のフィットネスプランフォームに戻りましょう。

Formidable Forms » Forms に移動できます。次に、作成したフィットネスプランフォームにカーソルを合わせ、「編集」をクリックします。

フォームビルダーに入ったら、「設定」タブに切り替えることができます。

次に、アクション & 通知 » 確認 に移動します。

「確認」セクションで、確認タイプを「URLにリダイレクト」に変更します。

これにより「リダイレクトURL」テキストフィールドが開くので、作成したフィットネスプランへのページのリンクを入力してください。

ページを新しいタブで開くアクション設定もあります。スイッチを切り替えて設定を有効にできますが、ここでは無効のままにしておきます。

次のステップは、このリダイレクトのための条件付きロジックを追加することです。

これを行うには、「条件付きロジック」リンクをクリックしてルールを設定する必要があります。条件を追加するには、ドロップダウンフィールドの右側にある「+」ボタンをクリックできます。

これで「更新」をクリックして変更を保存できます。

条件付きロジックが機能するかどうかを確認するために、テスト送信を行いたい場合があります。テストウェブサイトでは、このリダイレクトのために設定したルールを使用してフォームに入力しようとしました。

これで完了です！

それぞれのページに正常にリダイレクトされました。

ボーナスのヒント：フォーム放棄を追跡し、削減する

条件付きロジックを使用すると、フォームをよりスマートで魅力的なものにすることができますが、最高のフォームでさえ、一般的な問題であるフォーム放棄から免れることはできません。これは、誰かがフォームの入力を開始したが、送信せずに離れてしまう場合に発生します。

これはすべての種類のフォームの問題です。WooCommerceのチェックアウトフォーム、お問い合わせフォーム、あるいはニュースレターのサインアップフォームでも発生する可能性があります。フォームが長すぎたり、分かりにくかったり、手間がかかるように感じられることがあります。そうなると、人々は離れていきます。

フォームの放棄は大きな問題です。なぜなら、フォームはウェブサイトを成長させるための鍵だからです。それらは、より多くのリードを獲得し、売上を伸ばし、ビジネスを成長させるのに役立ちます。

さらに、ここが問題です。調査によると、オンラインショッパーの77%以上がチェックアウトフォームを放棄しています。これは多くの機会損失です。

フォームを最大限に活用するには、放棄率に注意を払い、改善できる点を見つけることが重要です。そのための最良のツールの1つは、WordPressのMonsterInsightsであり、WordPressユーザー向けの最高の分析ソリューションです。

詳細については、フォーム放棄の追跡と削減方法に関するガイドを確認してください。

条件付きロジックに関するよくある質問 (FAQ)

WordPress フォームで条件付きロジックを使用することに関するよくある質問をいくつかご紹介します。

条件付きロジックを備えた最高のWordPressフォームプラグインは何ですか？

WPFormsとFormidable Formsは、条件付きロジックを追加するための最高のフォームプラグインの2つです。WPFormsは使いやすいビルダーで初心者向けに最適化されており、Formidable Formsは複雑で高度なフォームの作成に優れています。

無料フォームプラグインで条件付きロジックを使用できますか？

ほとんどの無料フォームプラグインは、条件付きロジック機能が非常に限定的であるか、まったく提供していません。この強力なツールを完全に利用するには、通常、WPForms Pro のようなプレミアムバージョンが必要になります。

条件付きロジックは本当にフォームのコンバージョンを改善するのか？

はい、それは大きな違いを生む可能性があります。関連するフィールドのみを表示することで、フォームが短く、威圧感のないものになります。これにより、フォームの放棄が減り、より多くの人が完了することを奨励できます。

条件付きロジックの設定はどのくらい複雑ですか？

適切なプラグインを使えば、驚くほど簡単です。WPFormsのような最新のツールは、コーディング不要で、ドロップダウンメニューを使用して「もし〜ならば〜」というルールを作成できる直感的なインターフェースを提供します。

WordPressフォームをマスターするための追加リソース

この記事が条件付きロジックの新しい使い方を発見するのに役立ったことを願っています。フォームをさらに改善するために、これらの役立つガイドを確認することをお勧めします。

• WordPressフォーム使用の究極ガイド
• 最適なWordPressフォームビルダープラグイン比較
• WordPressでコンタクトフォームを作成する方法
• 支払いオプション付きWordPressフォームの作成方法
• WordPressでフローティングお問い合わせフォームを表示する方法
• WordPressフォームのカスタマイズとスタイリング方法
• WordPressでフォームの放棄を追跡および削減する方法
• WordPressフォームが機能しない：トラブルシューティングのヒント

この記事が気に入ったら、WordPressのビデオチュートリアルについては、YouTubeチャンネルを購読してください。 TwitterやFacebookでもフォローできます。