Commonly used form logic

In this chapter, we’ll explore commonly used form logic such as Jump question, Skip page, Branch question, Set value, Caculations, and more. Learn how to create personalized and flexible forms that precisely match your requirements.

Before you begin

Before you dive into form logic, it’s important to understand how to add fields and access the panel for setting logic:

• To add fields, refer to the Add form fields section.
• To access the logic panel, refer to the Set logic for your form section.

Jump question

Description	Scenario
Allows your form to skip irrelevant questions for users.	Imagine you’re designing a customer purchase form. If customers have a discount code, they must enter it for validation. Without a code, they can proceed to the next steps directly.

Set the logic

Follow these steps to set up the form logic:

1. Add the fields:
   

   • Add a Choice field (#1 Do you have a discount code?) and set it as a single-choice field with options “Yes” and “No.”
   • Add a Text Field (#2 Enter you discount code).
     
     Note

     For the field #2, you can select a Text Input type, like Number, and configure the validation, such as limiting it to less than 8 digits, according to your needs.

2. Apply the following logic to the fields:

• Set condition: If #1 is equal to Yes
• Set action: then Show #2

Preview

When the user clicks “Yes”, the #2 field appears, and they can fill in the discount code.

Skip page

Description	Scenario
Allows your form to skip irrelevant pages for users.	Imagine you’re creating an event registration form. If the user selects “Speaker,” they’ll be directed to a page with speaker-specific questions. If they choose “Participant,” they’ll skip to a different page tailored for participants.

Set the logic

Here’s how you can set it up:

1. Add a Choice field (#1 Your Role) to capture the user’s role, and set it as a single-choice field with options such as “Speaker” and “Participant”.
   

2. Add Break fields and set them to page break, so you can separate pages for each role-specific set of questions, such as “Speaker Information” and “Participant Details”.
   

3. Apply the following logic to the fields:

   

   • Set condition: If #1 Your Role is equal to Speaker.
   • Set action: then skip to page #2 Speaker Information, hide #2 Participant Information.

4. Click on Duplicate to copy the logic and then adjust it for the skip page logic for “Participant”.

Preview

When the user selects “Speaker” in the “My Role” field, the form automatically skips to Page 2 (Speaker Information) to gather relevant details. Similarly, if the user selects “Participant”, the form skips to Page 3 (Participant Information). This way, users only see and complete the pages relevant to their role, creating a more efficient and personalized form experience.

Branch question

Description	Scenario
Ensures that questions asked later are relevant to earlier responses.	Imagine you’re creating an event registration form. If participants express interest in workshops (answering “yes”), the form will inquire about their reasons. If not (answering “no”), the form will skip ahead to ask why they’re not interested.

Set the logic

Here’s how you can set it up:

1. Add the fields:
   

   • Add a Choice Field (#1 Are you interested in attending the workshop?) and set it as a single-choice field with options such as “Yes” and “No”.
   • Add a Dropdown Field (#2 Why are you interested in attending the workshop?).
   • Add a Dropdown Field (#3 Why are you not interested in attending the workshop?).
     
     Note

     You can configure the Dropdown fields to allow for multiple options.

2. Apply the following logic to the fields:

   

   • Set condition: If #1 is equal to Yes.
   • Set action: then enable # 2, hide # 3.

3. Click on Duplicate to copy the logic and then adjust it for the branch question logic for “No”.

Preview

When the user selects “Yes”, the form enables the #2 and hide #3. Similarly, if the user selects “No”, the form enables the #2 and hide #3. This logic tailors the form to user responses, making it more engaging and efficient.

Set value

Description	Scenario
Allows you assign values to form fields based on conditions or calculations. It automatically fills fields without needing user input.	Imagine you’re designing a registration form for an event with an early-bird discount. You can use “set value” logic to automatically calculate and assign the discounted fee based on the registration date. If the date is before 10/01/2023, the fee is $100; otherwise, it’s $120.

Set the logic

Here’s how you can set it up:

1. Add the fields:
   

   • Add a Text Field (#1 Registration Date) and set the text type as Date.
   • Add a Text Field (#2 Registration Fee) and set the text type as Number.
   Note

   Make sure to set #2 Registration Fee to Disable to prevent users from editing the price.

2. Apply the following logic to the fields:

   

   • Set condition: If #1 <= less than and equal to 10/01/2023.
   • Set action:
     • then set value #2 to 100.
     • else set value #2 to 120.

Preview

When user selects a “Registration Date” before the early-bird deadline (10/01/2023), the set value logic will automatically determine and assign the “Registration Fee” to the early-bird fee ($100); Otherwise, assign value of “Registration Fee” to the regular fee ($120).

Clear value

Description	Scenario
Allows you to automatically erase the content in a field based on specific conditions.	In an online shopping form, if a customer enters a promo code, you can automatically clear any discount amounts to avoid applying two different discounts.

Set the logic

Here’s how you can set it up:

1. Add the fields:
   

   • A Number field (#1 Number) where customers can enter a purchase.
   • A Number field (#3 Discount Amount) where it shows the discount amount (like 10% off if more than 10 pieces).
   • A Text field (#2 Promotion Code) where customers can enter a promo code.

2. Apply the following logic to the fields:

   

   • Set condition: If #2 is answer.
   • Set action: then clear value #3.

Preview

Discount Amounts field is automatically cleared when the user enters the Promotion Code.

Calculations

Description	Scenario
Empower forms to perform mathematical operations based on predefined rules.	Imagine you’re creating a bakery order form. Customers pick pastries and quantities. The form auto-calculates total cost from their choices.

Set the logic

Here’s how you can set it up:

1. Create the fields:
   

   • Add a Choice field (#1 Pastry Type) and set it as a single-choice field with options “Croissant ($2)”, “Muffin ($3)”, “Danish ($4)”.
   • Add a Text Field (#2 Quantity) and set the text type as Number.
   • Add a Text Field (#3 Total Cost) and set the text type as Number (this field will be calculated).
     
     Note

     Make sure to set #3 Total Cost to Disable so that users cannot edit the price.

2. Apply the following logic to the fields:

   

   • Set condition: If #Pastry Type is equal to Croissant.
   • Set action: then caculate 2 X #2 Quantity set to #3 Total Cost.

3. Click on Duplicate to copy the logic and then adjust the parameters for the calculation of “Muffin” and “Danish”.

Preview

When a user selects the pastry type and enters the quantity, the “Total Cost” field will automatically display the calculated amount based on the chosen pastry and quantity.