Creating an outcome-based WordPress quiz form in WS Form PRO is a great way to engage your audience and provide personalized results based on their answers. Whether you’re looking to create a fun personality quiz, an assessment tool, or a product recommendation engine, WS Form offers all the features you need to build a dynamic and interactive quiz. Here’s a step-by-step guide on how to build an outcome quiz using WS Form that determines
Demo
Tutorial
Designing the Quiz
Questions
The quiz will ask four questions:
- What is your living space like?
- Small (Apartment)
- Medium (House with small yard)
- Large (House with large yard)
- How active are you?
- Low
- Medium
- High
- How much time can you commit to your pet daily?
- Low (Less than 1 hour)
- Medium (1-2 hours)
- High (More than 2 hours)
- Do you have any pet allergies?
- Yes
- No
Outcomes
The quiz will have four possible outcomes:
- Fish
- Cat
- Dog
- Bird
Conditions
The pseudo logic for each outcome will be as follows:
Fish
- Pet Allergies = Yes
- Pet Allergies = No AND Living Space = Small AND Time = Low
Cat
- Pet Allergies = No AND Living Space = Small AND Time != Low
- Pet Allergies = No AND Living Space = Medium AND Active = Low
Dog
- Pet Allergies = No AND Living Space = Medium AND Active != Low
- Pet Allergies = No AND Living Space = Large AND Active = High
Bird
- Pet Allergies = No AND Living Space = Large AND Active != High
Building the Form
We are going to use Radio fields for each question. Radio fields allow the user to pick one choice, unlike a Checkbox field where a user can pick multiple options. To add the Radio field to the form:
- Click the Radio field type from the Fields tab of the Toolbox.
- Enter a Label for the Radio field. The label will be the Question being asked. You can type the label as soon as the field is added to the form, or you can use the Label setting in the Basic tab of the field settings.
- Click the settings icon of the field to access the field settings, then click the Radios tab. This will show a data grid into which we can enter the Answers. Each row in the data grid represents one radio option show on the form.
- Click Save & Close and then add three more radio fields to the form for the other three questions. When finished your form should look like this:
- Next we need to add an field for showing the Outcome. Let’s use a Text Editor field for this which will allow us to show text to the user. We’ll name this field Outcome.
- You can use the responsive tools of WS Form to make the form fully responsive if you wish. The final form looks as follows:
Building the Conditional Logic
Lets take the Cat logic as an example.
The pseudo logic is:
- Pet Allergies = No AND Living Space = Small AND Time != Low
- Pet Allergies = No AND Living Space = Medium AND Active = Low
The IF Condition
The IF condition for this pseudo logic would be represented in WS Form conditional logic as follows:
As you can see there are two IF groups, one for each condition in the pseudo logic we designed. The two IF groups are separated by an OR operator. If either IF group evaluates to TRUE then the THEN statement will run.
The THEN Statement
The THEN statement runs when the IF condition is TRUE. In this case, we want to show the user that we would recommend they get a cat!
Once this condition has been added, we then add three more Conditions for the other pseudo logic we designed earlier.
And that’s it! The form will now show a suggested outcome according to the conditional logic implement.
Feel free to download the above demo and import it into WS Form to review the completed conditional logic.
Conclusion
Building an outcome-based quiz in WS Form is a straightforward process that allows you to create interactive and engaging content for your audience. With the flexibility and powerful features of WS Form, you can design quizzes that provide personalized results and enhance user experience.