With 123FormBuilder, form branching and conditional logic are very easy to set up. Go to the Rules section → Field Rules tab and click on Add Rule.
In the first dropdown list, choose the field that will affect your form’s behavior. Here you will find all your form fields.
Then specify the criteria it needs to meet to trigger changes and decide if it is going to show or hide another field (that will be designated in the last dropdown list).
Depending on the field type selected previously, there are different conditions. For Email field, for example, you have various conditions: is not, contains, does not contain, etc. Another example could be related to age restriction: If age is less than 21, then don’t show the list of alcoholic beverages on the form.
For choice fields, you can use the conditions is checked or is not checked.
If you want to create multiple rules, click on the grey plus sign to create a new condition. It is connected to the previous condition with one of the available connectors: OR and AND.
It is connected to the previous condition with one of the available connectors: OR and AND. Use this button if you want to set multiple conditions within the same rule. You can always remove the second condition by clicking on the Remove button.
Next, hit Continue and select one of the two existing actions: Show or Hide. In the end, select the field or fields you want to show or hide after the condition has been met on the form.
When hovering over the conditions, you will notice some additional options: Delete, Edit, Subrule. You can edit or delete a condition by clicking on the appropriate buttons.
If you want to add a subrule (an additional layer of rule), click on Subrule button. In the below case, for the second condition, we have added an additional rule with a conditional operator: AND/OR.
Once the subrule has been added, it will look like below:
Preview your form at all times and delete the rules that you don’t want to use anymore. You can do this by hovering over the rule and selecting it. From there you can Delete the rule or even Duplicate the rule.
Each field rule can have multiple conditions and show/hide multiple fields. By setting up a single rule that affects multiple fields instead of repeating that rule for each affected field, you save a lot of time.
The first half of the rule represents the condition. By selecting the plus button on the right, you can add a new condition linked to the previous one. Use the connectors AND or OR to link the two conditions.
The second half of the rule represents the result. Check the fields that will respond to the conditions set or use the option Check all to select all fields. Finish setting up the rule by clicking Save.
You can use any field type within rules, including languages for multiple language forms, or even form buttons (Submit, Calculate, Next Page). Add any field on your form and set the rules you want for it, according to your needs. Feel free to get creative with the conditional logic feature and make your online form look as professional as you want.
Important NoteYou cannot Show/Hide the same fields in multiple rules. This will create a conflict and your rules will no longer work properly. You can duplicate your existing fields to show or hide them in multiple rules.
Too many form fields could decrease the conversion of your online form. Having field rules set up the right way could avoid this problem by giving your form users a dynamic form to submit. Field rules are the perfect solution for complex order forms, photo contest forms, event registration forms, and many more.
Some options may be irrelevant for your form users if they have selected others instead. Take for example a food delivery order form. If a customer selects macaroni and cheese, two radio buttons will appear under the field with the options ‘more macaroni’ and ‘more cheese’. If the same customer selects another menu, then the two options will no longer be displayed on the form. Less content might just prove to be more engaging.