AND-OR)スマート条件ロジックの使用

条件ロジックは基本機能

条件ロジックやその他の強力な機能を活用して、ビジネスを成長させましょう。

WPFormsベーシックを入手する

特定の条件が満たされない限り、いくつかのフォームフィールドを非表示または表示したいですか?WPFormsのスマートな条件ロジックを使えば、ユーザの選択または入力に基づいて各フィールドの可視性を決定できます。AND-ORロジックでは、複数の条件を作成することで、これをさらに一歩進めることができます。

このチュートリアルでは、フォームで AND-OR 条件ロジックを使用する方法を説明します。

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

条件付きロジックの初心者向けガイドについては、入門チュートリアルをぜひご覧ください。


始める前に、WPFormsがあなたのサイトにインストールされ、有効になっていることを確認してください。その後、新しいフォームを作成するか、既存のフォームを編集する必要があります。

条件ロジックの有効化

フォームビルダーで、プレビューエリアの任意のフィールドをクリックして、フィールドオプションパネルを開きます。次にスマートロジックタブをクリックします。

フィールドオプションパネルのスマートロジックタブをクリックする

次に、「条件ロジックを有効にする」と書かれたオプションをオンにする。

フィールドの条件付きロジックを有効にする

フィールドの条件ロジックをオンにすると、条件を追加できるようになります。ANDロジックとORロジックの両方の条件設定の詳細については、以下のセクションで説明します。

OR論理の使用

ORロジックでは、フィールドを非表示または表示する複数の条件を設定できます。少なくとも1つの条件が満たされる限り、ルールの設定方法に応じて、フィールドは表示または非表示になります。

条件付きロジック・ルールの作成についての詳細は、条件付きロジック入門チュートリアルをご覧ください。

このチュートリアルでは、評価フィールドを含むフォームを例にして説明します。ORロジックを示すために、ユーザーが4つ星か5つ星の評価をした場合にレビューを書くように求める複数選択フィールドを表示するルールを作成します。

はじめに、評価フィールドと複数選択フィールドをフォームに追加し、フィールドオプションをカスタマイズします。準備ができたら、複数選択フィールドの条件ロジックを有効にします。

まず、Ratingが4の場合にこのフィールドを表示するルールを作成します。

条件付き論理ルールの作成

次に「新しいグループを追加 」ボタンをクリックすると、別のドロップダウンが表示されるので、2つ目のルールを作成することができる。

OR条件論理ルールの追加

レーティングが5の場合、このフィールドを表示 します。

OR条件論理ルールの追加

このフォームが公開されると、ユーザーが4つ星または5つ星を選択した場合、"レビューを残しますか?"というラベルの付いた複数選択フィールドが表示されます。

フロントエンドのOR条件論理ルールの例

高度な条件付きロジック機能を紹介する、すぐに使えるアンケートフォームテンプレートをご覧ください。

ANDロジックの使用

ANDロジックの目的は、条件フィールドを表示または非表示にするために、ユーザーが同時に満たさなければならない2つ以上の条件を要求することです。

この例では、ユーザーが5つ星の評価をし、複数選択フィールドから「はい、レビューを残します」を選択した場合、Googleでレビューを共有するよう求めるHTMLフィールドを表示します。

フォームにテキストを追加する方法をもっと知りたいですか?WPFormsで追加テキストと説明を追加するチュートリアルをご覧ください。

次に、HTMLフィールドの条件ロジックを有効にし、最初のルールを設定します。

HTMLフィールドに条件付きロジック・ルールを追加する

2つ目のルールを追加するには、「And」ボタンをクリックする。

AND条件論理ルールの追加

これらを使って、「Would you like to leave a review?がYesの場合、このフィールドを表示する

2つ目のAND条件論理ルールの追加

このフォームが公開されると、ユーザーが5つ星評価を与え、レビューを書くことに同意した場合にのみ、Googleへのレビュー投稿リクエストが表示されます。

フォームを公開する前に必ずテストを行い、条件ロジックやその他の機能が正しく動作することを確認することをお勧めします。このプロセスのステップバイステップガイドは、フォームテストの完全なチェックリストをご覧ください。

以上です!これで、AND-OR条件ロジックを使ったカスタムフォームを作成できるようになりました。

次に、通知メールに条件付きロジックを追加したいですか?条件付き通知に関するチュートリアルをご覧いただき、ユーザーのフォーム選択や入力内容に応じて異なる通知を送信する方法を学んでください。

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

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

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