A logic map is a visual overview of how your form’s logic works behind the scenes. It shows the conditions, actions, and connections between different fields or pages, so you can clearly see how responses affect what users see or where they’re taken next.
Why you should use the logic map?
The logic map makes it easy to manage complex forms. It helps you visualize all logic paths, quickly spot issues like missing or conflicting rules, and optimize the user flow by showing only relevant questions and guiding users to the right outcome.
📝 What are basic and advanced logics with Formaloo?
Basic logic in Formaloo allows you to control the flow of your form while it's being filled out. You can set up simple if/else conditions like showing or hiding fields based on previous answers to make sure users only see the questions that are relevant to them.
Advanced logic goes a step further. It lets you automate actions after a form is submitted or updated. You can create complex, multi-condition rules that send custom emails, generate PDFs, assign tasks, trigger webhooks, and more, turning your form into a powerful workflow tool.
How does the logic map work?
The logic map gives you a visual overview of how your form’s logic is structured.
It shows field conditions such as “If the answer is X, show question Y” as well as Go To actions, variable updates, and redirect paths to ending pages.
Each rule or trigger is represented as a box, with arrows showing how the logic flows from one step to the next. This makes it easy to understand how user input affects the rest of the form, especially in more complex setups.
How to access logic map?
Once you open the form editor, you'll see the logic map tab in the right side-bar. Click on that button.
👀 Examples of the logic map in action
Example 1: BMI calculator
In this example, the logic map visualizes how the BMI (Body Mass Index) calculation is triggered based on the user's weight and height inputs.
The map shows how different BMI value ranges (calculated from user input) redirect the user to different ending pages based on the outcome of the BMI calculation.
For example:
Condition: If the BMI value is greater than or equal to 25 and less than or equal to 29.9, the user is classified as Overweight.
Action: After submitting the form, the user is redirected to an Overweight ending page.
In the logic map, you can clearly see the branching structure:
For BMI values in the range of 25 to 29.9, users are redirected to the Overweight page.
For other BMI values, such as those corresponding to Underweight, Normal weight, Obese, etc., the map shows which ending page the user will be sent to.
This setup ensures that users will see the most relevant feedback based on their BMI category, improving the user experience.
Example 2: Personality quiz
For a personality quiz, the logic map is used to categorize users into different personality types based on their responses.
The map visualizes how the user's answers to various personality-related questions impact their total score and determine their dominant personality trait.
For example:
Condition: If the user selects "A thrilling adventure story" in question #7, they earn points towards the "Socializer" personality.
Action: Based on their accumulated score, the user is redirected to an ending page that describes their personality type (e.g., Socializer).
The map shows how logic conditions determine which result page to display, depending on the highest score.
Example 3: Branding questionnaire
In this example, the logic map is used for a branding questionnaire where the user is asked about existing brand elements.
If the user selects "No" for having existing brand elements, they are immediately skipped to the next relevant question without having to answer a redundant question.
Example:
Condition: If the user answers "No" to "Do you have any existing brand elements (logo, colors, fonts)?"
Action: The logic jumps the user to the next relevant question, skipping the "Upload Logo" step.
This Jump action helps streamline the process by skipping unnecessary fields and ensuring a smoother user flow, especially when the information being asked for is not relevant to the user.
If the answer is "Yes," the user will proceed to the "Please upload your logo here" step.
If the answer is "No," the logic skips the logo upload question and goes directly to the "What kind of visual style resonates with your brand?" question.
By using Jump logic, the form is optimized for the user, making it more efficient and reducing unnecessary steps based on previous responses.
🔑 Key actions in logic mapping
Show/Hide fields: Control which fields are visible based on the user’s previous input in classic forms.
Jump to fields: Skip over irrelevant sections or fields to enhance the user experience in multi-step forms.
Set values automatically: Assign specific values to fields based on conditions, making the form dynamic.
Redirect to ending page: Direct users to a custom success page after form submission.