Architecting Your Form
Setting Up Conditional Branching
Hi there, it's Nevrie, the co-founder of WonderForm.
In this article, I’ll show you how to move beyond simple linear forms and start building intelligent journeys using Conditional Branching.
Branching allows your form to adapt in real-time, asking only the questions that matter based on a user's previous answers. Let's look at how to map these paths.
1. Login
To start, you'll need to login to your WonderForm account. You can do so by clicking on the following link: Login.
2. Access the Schema Builder
Navigate to the form you are working on and enter the Schema Builder. This is the visual workspace where your tree lives.
3. Adding a Condition
In WonderForm, a condition is started from the side of a node rather than the bottom.
To create a conditional path:
- Find the question node you want to branch from.
- Click the plus (+) icon located on the right side of that node.
This action tells WonderForm that the next step is a condition based on the user's specific response.
4. Configuring the "Match" Node
Once you click the right-side plus icon, a new Match node will appear.
In your schema, you can see these as nodes that act as filters (e.g., Match "New Project"). You simply define which specific answer choice triggers this path. If a user's answer matches your criteria, they follow this branch; if not, they move to the next logical step in the tree.
5. Visualizing the Journey
The best part about Visual Logic is that you can see exactly where your users go.
- Linear Paths: Vertical lines represent the standard flow.
- Conditional Paths: Horizontal lines leading to Match nodes represent your custom logic branches.
This clear visualization ensures you never leave a user stuck in a dead-end or ask an irrelevant question.
That's it!
Conditional branching turns a simple form into a powerful data-gathering machine.
Start mapping those branches and see how much your completion rates improve! 🚀