Conditional Forms (Soon)

Learn how to build a conditional form.

Conditional Forms include all the features of Basic Forms but are enhanced with advanced functionalities like Step Logic and Section Logic. These features enable the forms to adapt in real time to the attributes or input of your form users, creating a tailored form-filling experience.

Building a Conditional Form

Setting up a Conditional Form involves the same initial steps as setting up a Basic Form. Here’s a quick recap:

  1. Add a form block preset: From your Softr app, add a new form block to your page.
  1. Select a destination: A destination can be a data source, email or a tool like Zapier or Make.
  1. Add questions: Add and map the required fields into your form such as Name, Email, Message, etc.

Step logic

Step logic allows you to guide users through specific steps of a form based on their inputs or predefined user attributes. Here’s how to implement it:

  1. Add steps: Break your form into multiple steps or pages.
  1. Set conditions for paths after a step: Specify conditions under which a user should be directed to a particular step. For example, if a user selects "Yes" to needing additional services, you can set the form to navigate to a step that gathers more detailed information about their requirements.
  1. Test step logic using preview mode: Ensure that each pathway functions as intended by testing each conditional route to catch any errors or logical inconsistencies.

Section logic

Section logic enhances the adaptability of forms within individual steps:

  1. Add sections: Divide your form into sections within a single step, grouping related fields together.
  1. Apply conditions to sections: Configure each section to show or hide based on user responses or attributes. For example, a section asking for payment information can be hidden unless the user selects a paid service.
  1. Dynamic sections: You can make sections dynamically appear as more information is required or certain conditions are met, improving form engagement and preventing information overload.
Did this answer your question?
😞
😐
🤩

Last updated on May 3, 2024