Signup
 

Logic Map

Logic is a feature that helps responders follow the path most relevant to them while completing a typeform. With a Logic Map you can visualize these different paths while designing and editing your typeforms.

Note: Logic isn't available on our mobile builder just yet. Edit your typeform on desktop to get the full power of Logic!

Logic Map lets you see a graph of the Logic and overall structure of your typeform. This feature can come in handy when you’re trying to organize several logical rules in a typeform, or while troubleshooting Logic issues.

Take a look at these guides on Logic:

To open the Logic Map of your typeform, go to the Logic panel. You’ll see the Logic Map in the center of the screen.

logicmap1.png

HC_Warning_ilu_cropped.png
Warning! The Logic Map has a loading limit of 500 Logic rules or 500 questions. The map won't show if your typeform has more rules or questions.

If you’ve already added Logic to your typeform, you’ll see a green tick next to the type(s) of Logic you’ve used on the right side of the screen. The Logic Map also shows colored icons for the different question types in your typeform.

logicmap2.png

Click the icons to zoom in (+), zoom out (-), or fit to screen. You can also drag and drop your questions to rearrange the flowchart.

HC_Note_ilu_cropped.png
Note! You can't change the Logic path of a typeform by moving the questions around in its Logic Map. To update your Logic, go to the type of Logic you've set - indicated by the green tick -, and edit it there.

If you’ve added Logic to Hidden Fields, you’ll see a dotted line in your Logic Map. You can read this article to see how adding Logic to Hidden Fields works.

logicmap3.png

Here is an example of a simple Outcome quiz with different Endings.

logicmap4.png

Here is a multi-branching typeform with multiple selection enabled. You can read more about how this typeform was built here.

logicmap5.png

This is the Logic Map of an order form with Branching and calculations. You can read more about this typeform here.

logicmap6.png

Here’s a Logic Map that uses both Branching and calculations and Outcome quiz. Read how the typeform was created here.

orderinglogic2.png

Here’s the Logic Map of a Score quiz with different Endings based on score ranges. Read how it was created here.

logicmap7.png

Logic Map troubleshooting

You can also use the Logic Map to identify errors in your Logic flow.

Screen_Shot_2021-09-15_at_4.36.14_PM.png

If your Logic has an error, you’ll see a clickable warning sign, and you can update your Logic by clicking Edit.

Screen_Shot_2021-09-15_at_4.37.36_PM.png

Below are some articles to help fix some of the most common Logic-related errors.

- Logic not working? Here are 5 ways to fix it

- Ordering Logic

- How to use "reverse logic" with blank fields

Now that you have a better understanding of how you can visualize the structure of your typeform, you can also check out how other Typeform users created some inspiring content here and here.

Tap into our community knowledge