Online registration forms are sometimes long and tiring. Never-ending form fields with zero personal touch are lead killers.
According to research, 83% of internet users prefer to stay on websites that display content that is personally relevant to them. This applies to the registration forms too.
Pie Register is a WordPress registration plugin that lets you build smart and personalized registration forms, displaying fields based on the user’s input. By using its Conditional Logic feature, you can easily create interactive forms and collect user data without compromising on the user experience.
What is Conditional Logic and How does it Work in Pie Register?
Conditional Logic is a premium feature of Pie Register. It helps you create advanced registration flows based on user input and roles, thus improving the way a user sees and experiences the website.
Conditional Logic allows you to gain control over your registration process by showing or hiding fields based on the user’s input or other field values.
How to Use Conditional Logic with Pie Register?
In this tutorial, we will explain with an example how to add conditional logic in your Pie Register form.
If you are new to Pie Register, you may want to take a look at How to create your first Registration Form using Pie Register.
Step 1:
Let’s say you are building a simple form that requires the user to enter their profession. We will add a drop-down field labeled ‘Choose your profession’ from the Standard Fields tab. This field will have four options.
Step 2:
Next, we will add a text field to the form for the License number that is to be displayed only if the user chooses ‘Doctor’ as his profession. For this to happen, Conditional Logic will do the magic.
To enable conditional logic, we will select YES from the drop-down option in the edit fields section.
Step 3:
Once the conditional logic is enabled, we will see a few dropdowns to set rules for when the condition is true or false.
Here, we will have to choose the following set of rules:
- Show/Hide: Whether to show or hide the field when the condition is true?
- Select Field: On which field should the logic depend?
- Select Comparison: The comparison operator for the logic. Options include: equal, not equal, empty, not empty, greater than, less than, contains, starts with, ends with,and range.
- Define Value: The value the field should contain for the condition to be true.
We will set the text field to Show if the field ‘Choose the Profession’ equals to the value doctor. With this, the text field for License number will only be displayed if the user selects ‘Doctor’ as his profession.
Step 4:
Save the settings and let’s test.
Our conditional logic has been applied successfully.
Let’s add another field:
Following the above steps, let’s add another text field that will only be displayed if the user chooses his profession as Other. We have added a text field and enabled conditional logic on it.
From the set of rules, we will now set the field to Hide, if the field ‘Choose your profession’ is not equal to the value other.
Let’s save the settings and check if both our conditions are working.
We can see now that the fields are displayed based on the option the user chooses.
Important Notes:
- Conditional logic is a premium feature of Pie Register, it will only work with the Premium Version.
- Conditional logic if applied will automatically set Field Visibility based on the rules defined in the logic.
- Conditional logic can only be applied to the following fields: Text Field, Text Area, Checkbox, Multiselect, Radio, Address, Date, Time, File Upload, Profile Picture, Custom User Role, Dropdown, Number, Phone, and Invitation Codes.
- Conditional logic can also be enabled for verification. It will set the verification to be dependent on the value entered by the user in the selected field.
Are you still using Pie Register basic? Upgrade to Premium Now and enjoy all the premium features and add-ons.
Conclusion:
We hope that this article helped you learn how to add Conditional Logic to your registration forms with Pie Register. It’s simple and easy, yet there is a lot one can do using this feature to create smart forms, with personalized user experience.