Skip to main content

How to use show/hide logic in classic forms

Learn how to add show/hide logic to your single-step form to display fields dynamically based on user selections.

Updated yesterday

Show/Hide logic allows you to conditionally display or hide specific fields in your form based on the user's previous answers. It helps create smarter, more personalized forms, only showing questions that are relevant to each individual user.

What You'll Learn in This Guide

In this tutorial, you’ll learn how to use the Show/Hide logic feature in classic forms. We’ll walk through:

  • What Show/Hide logic does and why it matters

  • How to configure logic rules step-by-step

  • How to preview and test your logic

  • Using tools like the Logic Map to visualize complex flows

By the end, you'll know how to build smarter forms that respond to each user’s input in real time, making your forms feel more like guided conversations than static questionnaires.

💡 Form Types & Logic Overview:
Formaloo supports different logic types based on the form layout you choose:

  • Classic (Single-step) Forms: All questions appear on one page. Use Show/Hide logic to dynamically display fields based on user input.

  • One Question at a Time Forms: Each question is shown on its own page. Use Go To (Jump) logic to direct users to specific next steps based on their answers.


Step 1: Create Your Form

Begin by creating your form in the Formaloo dashboard. You can either build a new form from scratch or use one of our pre-built templates as a starting point. In this step, your focus should be on structuring the questions, logic will be configured in the next phase.

Use case: Customer Satisfaction (CSAT) Survey

Suppose you want to gather user feedback using a CSAT form and follow up based on how likely someone is to recommend your product. Here’s how to structure your form:

  1. In the form editor, click on + New Field from the top-left menu.

  2. Add the following fields to your form:

    • How likely are you to recommend us to a friend or colleague?
      Use the Net Promoter Score (NPS) field type to collect a 0–10 rating.

    • What makes our product worthy of recommendation?
      Add a Long Text field to collect positive feedback.

    • What factors prevent you from recommending our product to others?
      Add another Long Text field to gather constructive input.

This layout gives you the foundation for adding conditional logic in the next step, where follow-up questions will be shown based on the user’s NPS score.

🧩 Use a Template

To save time, you can start with the ready-made Customer Satisfaction Survey (CSAT) template. It comes pre-filled with the necessary fields and is designed for easy customization.


Step 2: Add Show/Hide Logic to Your Questions

With your form structure in place, it’s time to apply conditional logic so your follow-up questions appear based on how users rate their experience.

In this example, we’ll set logic based on the Net Promoter Score (NPS) question:
“How likely are you to recommend us to a friend or colleague?”

We want to:

  • Show a positive feedback question if the user scores 5 or above.

  • Show a constructive feedback question if the user scores 4 or below.

How to configure the logic:

  1. Click the Settings icon at the top.

  2. In the left-hand panel, select Advanced Logic.

  3. Scroll to the field:
    “How likely are you to recommend us to a friend or colleague?”

Now, set up two logic rules as follows:

  • Rule 1:
    If “How likely are you to recommend us...”
    is greater than or equal to 5,
    then show: “What makes our product worthy of recommendation?”

  • Rule 2:
    If “How likely are you to recommend us...”
    is less than or equal to 4,
    then show: “What factors prevent you from recommending our product to others?”

Once both rules are added, click Save.

You now have a smart, dynamic form that responds to user feedback in real time, no coding needed.

💡 Pro Tip: You only need to define when a field should be shown. If a condition isn't met, the field stays hidden automatically, no separate “hide” rule required.


Step 3: Preview and Test Your Form

Once your logic is in place, it’s important to test the form to make sure everything functions as expected.

Click the Preview button in the top bar of the form editor and go through the form as a user would.

What to check:

  • If you select a score of 5 or higher in the NPS question:

    • The field “What makes our product worthy of recommendation?” should appear.

    • The negative feedback field should remain hidden.

  • If you select a score of 4 or lower:

    • The field “What factors prevent you from recommending our product to others?” should appear.

    • The positive feedback field should remain hidden.


Visualizing Your Logic with the Logic Map

Once you’ve set up your show/hide conditions, like showing different follow-up questions based on a user's NPS score, the Logic Map helps you visually confirm how everything connects.

logic map options

In forms where logic plays a key role in branching paths (such as showing different questions for high vs. low scores), the Logic Map makes it easy to ensure your conditions are set up correctly and won’t result in logic conflicts or dead ends.

How to Access the Logic Map

  1. Select Logic Map from the view options on the left.

  2. Review the full layout of your form logic:

    • Check that each rule triggers the correct follow-up.

    • Make sure logic tied to NPS scores behaves as expected.

    • Confirm that logic doesn’t jump across pages inappropriately.

Using the Logic Map for your CSAT form ensures every user sees only what’s relevant, keeping your feedback flow clean, intentional, and free from hidden errors.

💡 Pro Tip:
Complex forms with multiple variables can quickly become hard to manage or debug. Use the Logic Map to visually trace how your variables connect and ensure your form behaves exactly as intended.

Did this answer your question?