よく使われるフォームロジック

この章では、ジャンプ質問、ページスキップ、ブランチ質問、値設定、計算など、よく使われるフォームロジックを探ります。あなたの要件に正確にマッチするパーソナライズされた柔軟なフォームを作成する方法を学びましょう。

始める前に

フォームロジックに進む前に、フィールドを追加し、ロジック設定パネルにアクセスする方法を理解することが重要です：

• フィールドを追加するには、フォームフィールドを追加するセクションを参照してください。
• ロジックパネルにアクセスするには、フォームのロジックを設定するセクションを参照してください。

ジャンプ質問

説明	シナリオ
フォームがユーザーにとって無関係な質問をスキップできるようにします。	顧客購入フォームを設計していると想像してください。顧客が割引コードを持っている場合、それを入力して検証する必要があります。コードがない場合は、直接次のステップに進むことができます。

ロジックを設定する

フォームロジックを設定するための手順は次のとおりです：

1. フィールドを追加します：
   

   • 選択フィールド（#1 割引コードをお持ちですか？）を追加し、単一選択フィールドとして「はい」と「いいえ」のオプションを設定します。
   • テキストフィールド（#2 割引コードを入力）を追加します。
     
     Note

     フィールド#2では、数値のようなテキスト入力タイプを選択し、8桁未満に制限するなど、必要に応じて検証を設定できます。

2. フィールドに次のロジックを適用します：

• 条件を設定：#1 が はい に等しい 場合
• アクションを設定：その場合、#2 を表示

プレビュー

ユーザーが「はい」をクリックすると、#2フィールドが表示され、割引コードを入力できます。

ページスキップ

説明	シナリオ
フォームがユーザーにとって無関係なページをスキップできるようにします。	イベント登録フォームを作成していると想像してください。ユーザーが「スピーカー」を選択した場合、スピーカー専用の質問があるページに移動します。「参加者」を選択した場合、参加者専用のページにスキップします。

ロジックを設定する

設定方法は次のとおりです：

1. ユーザーの役割をキャプチャするために選択フィールド（#1 あなたの役割）を追加し、「スピーカー」や「参加者」などのオプションを持つ単一選択フィールドとして設定します。
   

2. ブレイクフィールドを追加し、ページブレイクに設定して、各役割専用の質問セットを分離できるようにします。「スピーカー情報」や「参加者詳細」などです。
   

3. フィールドに次のロジックを適用します：

   

   • 条件を設定：#1 あなたの役割 が スピーカー に等しい 場合。
   • アクションを設定：その場合、ページ**#2 スピーカー情報にスキップし、#2 参加者情報**を非表示にします。

4. 複製をクリックしてロジックをコピーし、「参加者」のページスキップロジックに調整します。

プレビュー

ユーザーが「スピーカー」を「私の役割」フィールドで選択すると、フォームは自動的にページ2（スピーカー情報）にスキップして関連する詳細を収集します。同様に、ユーザーが「参加者」を選択すると、フォームはページ3（参加者情報）にスキップします。このようにして、ユーザーは自分の役割に関連するページのみを見て完了することができ、より効率的でパーソナライズされたフォーム体験を提供します。

ブランチ質問

説明	シナリオ
後の質問が以前の回答に関連することを保証します。	イベント登録フォームを作成していると想像してください。参加者がワークショップに興味を示した場合（「はい」と答える）、フォームはその理由を尋ねます。興味がない場合（「いいえ」と答える）、フォームはなぜ興味がないのかを尋ねます。

ロジックを設定する

設定方法は次のとおりです：

1. フィールドを追加します：
   

   • 選択フィールド（#1 ワークショップに参加することに興味がありますか？）を追加し、「はい」と「いいえ」のオプションを持つ単一選択フィールドとして設定します。
   • ドロップダウンフィールド（#2 ワークショップに参加する理由は何ですか？）を追加します。
   • ドロップダウンフィールド（#3 ワークショップに参加しない理由は何ですか？）を追加します。
     
     Note

     ドロップダウンフィールドを複数のオプションを許可するように設定できます。

2. フィールドに次のロジックを適用します：

   

   • 条件を設定：#1 が はい に等しい 場合。
   • アクションを設定：その場合、#2 を有効化し、#3 を非表示にします。

3. 複製をクリックしてロジックをコピーし、「いいえ」のブランチ質問ロジックに調整します。

プレビュー

ユーザーが「はい」を選択すると、フォームは#2を有効化し、#3を非表示にします。同様に、ユーザーが「いいえ」を選択すると、フォームは#2を有効化し、#3を非表示にします。このロジックは、ユーザーの回答に合わせてフォームを調整し、より魅力的で効率的なものにします。

値設定

説明	シナリオ
条件や計算に基づいてフォームフィールドに値を割り当てることができます。ユーザー入力を必要とせずに自動的にフィールドを埋めます。	イベントの早期割引登録フォームを設計していると想像してください。「値設定」ロジックを使用して、登録日付に基づいて割引料金を自動的に計算して割り当てることができます。10/01/2023より前の日付の場合、料金は$100です。それ以外の場合は$120です。

ロジックを設定する

設定方法は次のとおりです：

1. フィールドを追加します：
   

   • テキストフィールド（#1 登録日）を追加し、テキストタイプを日付に設定します。
   • テキストフィールド（#2 登録料）を追加し、テキストタイプを数値に設定します。
   Note

   #2 登録料を無効化に設定して、ユーザーが価格を編集できないようにしてください。

2. フィールドに次のロジックを適用します：

   

   • 条件を設定：#1 <= 10/01/2023 以下 の場合。
   • アクションを設定：
     • その場合、#2 に値を設定 100。
     • それ以外の場合、#2 に値を設定 120。

プレビュー

ユーザーが早期割引期限（10/01/2023）前に「登録日」を選択すると、値設定ロジックは自動的に「登録料」を早期割引料金（$100）に設定します。それ以外の場合は、通常料金（$120）に設定します。

値クリア

説明	シナリオ
特定の条件に基づいてフィールドの内容を自動的に消去できます。	オンラインショッピングフォームで、顧客がプロモーションコードを入力すると、異なる割引を適用しないように割引額を自動的にクリアできます。

ロジックを設定する

設定方法は次のとおりです：

1. フィールドを追加します：
   

   • 顧客が購入を入力できる数値フィールド（#1 数量）。
   • 割引額を表示する数値フィールド（#3 割引額）（10個以上の場合10%オフなど）。
   • 顧客がプロモーションコードを入力できるテキストフィールド（#2 プロモーションコード）。

2. フィールドに次のロジックを適用します：

   

   • 条件を設定：#2 が回答の場合。
   • アクションを設定：その場合、#3 を値をクリア。

プレビュー

ユーザーがプロモーションコードを入力すると、割引額フィールドが自動的にクリアされます。

計算

説明	シナリオ
定義されたルールに基づいて数学的操作を実行するフォームを強化します。	ベーカリー注文フォームを作成していると想像してください。顧客はペストリーと数量を選択します。フォームは選択に基づいて合計コストを自動計算します。

ロジックを設定する

設定方法は次のとおりです：

1. フィールドを作成します：
   

   • 選択フィールド（#1 ペストリーの種類）を追加し、「クロワッサン（$2）」、「マフィン（$3）」、「デニッシュ（$4）」のオプションを持つ単一選択フィールドとして設定します。
   • テキストフィールド（#2 数量）を追加し、テキストタイプを数値に設定します。
   • テキストフィールド（#3 合計コスト）を追加し、テキストタイプを数値に設定します（このフィールドは計算されます）。
     
     Note

     #3 合計コストを無効化に設定して、ユーザーが価格を編集できないようにしてください。

2. フィールドに次のロジックを適用します：

   

   • 条件を設定：#ペストリーの種類 が クロワッサン に等しい 場合。
   • アクションを設定：その場合、2 X #2 数量 を計算し、#3 合計コスト に設定。

3. 複製をクリックしてロジックをコピーし、「マフィン」と「デニッシュ」の計算パラメータを調整します。

プレビュー

ユーザーがペストリーの種類を選択し、数量を入力すると、「合計コスト」フィールドが選択したペストリーと数量に基づいて計算された金額を自動的に表示します。