Transition responders to different places depending on their multiple choice selection.

How it works

Formli has a few different transition options (next, go-to, redirect, and submit). With a Multiple Choice or Yes/No Block, you can use conditional transitions to have multiple unique transitions contingent upon responders' selections. This guide will show the setup of a Multiple Choice Block with four transitions.

<aside> 👉🏽 For more information on transitions in Formli, see here

</aside>

Setup Guide

Step 1 - Create a Multiple Choice Block

  1. Click + New Formli button on the home page, or + Add New Block on the Formli builder

    Welcome! You have signed up successfully. copy.png

  2. Select Multiple Choice in the “Block Type” drop-down

    Conditional Transitions 1.png

Step 2 - Fill in Block details

  1. Enter the Multiple Choice options. For this example, the options are explicit about what transition should be applied to each option: 'Next', 'Go To', 'Redirect', and 'Submit'.

    Screen Shot 2022-07-12 at 12.26.14 AM.png

    <aside> 👉 Note! be sure to leave the check OFF for "Allow more than one selection". Allowing multiple selections will disable the conditional transition.

    Screen Shot 2022-07-12 at 12.27.15 AM.png

    </aside>

Step 3 - Save the Block

  1. Press Save Changes

    Screen Shot 2022-07-12 at 12.28.25 AM.png

  2. While it’s possible to use conditional transitions for just one Block, we’ve added a Yes/No Block so that the "Next" and "Submit" options will have different functionality

    Screen Shot 2022-07-12 at 12.31.03 AM.png

Step 4 - Designate the conditional transitions

  1. Click Next at the bottom of the Block. You can also do this on the Formli overview page.

    Screen Shot 2022-07-12 at 12.42.15 AM.png

    Screen Shot 2022-07-12 at 12.43.35 AM.png

  2. Select Conditions from the drop down menu

    Screen Shot 2022-07-12 at 12.42.15 AM.png

  3. Select the specific transition for each multiple choice option: Next, Redirect, Go To and Submit. By default, conditionals are set to "Next".

    Screen Shot 2022-07-12 at 12.48.52 AM.png

    Screen Shot 2022-07-12 at 1.02.45 AM.png

  4. Click Save Changes

    Screen Shot 2022-07-12 at 1.07.45 AM.png