Loading Screen

The Loading Screen is a transition element that displays between form sections or pages. It shows a spinner or custom message while the next section loads, giving respondents visual feedback during page transitions.

When it appears

The loading screen shows automatically when the form transitions between pages or sections. This is especially useful in multi-step forms where the next page may need to load conditional content, fetch data from an API, or process logic before displaying the next set of questions.

Configuration

SettingDescription
Loading messageCustom text shown during the transition (e.g., "Preparing your next step...")
DurationMinimum display time in seconds before the next page appears
Spinner styleVisual indicator type (spinner, progress bar, dots)
BackgroundBackground color or image behind the loading screen

How to add

  1. Open your form in the canvas editor
  2. Place the Loading Screen node between two form sections
  3. Connect it in the flow -- the previous section leads into the loading screen, which then leads to the next section
  4. Configure the message and duration in the node settings

Customizing the message

The loading message gives respondents context about what is happening. Use short, reassuring text:

  • "Finding the best options for you..."
  • "Processing your information..."
  • "Almost there..."
  • "Loading your personalized questions..."

Duration settings

Set a minimum display time to prevent the loading screen from flashing too briefly. A duration of 1-2 seconds feels natural. If the next section loads faster than the minimum duration, the loading screen stays visible until the timer completes.

Common uses

  • Between long form sections -- give respondents a visual break
  • Before conditional pages -- show a transition while logic determines the next page
  • After data-heavy inputs -- signal that the form is processing before continuing
  • Branded transitions -- add personality to multi-step flows with custom messages
Tip

Keep loading messages short and specific. "Preparing your quote..." is better than "Loading..." because it tells the respondent what to expect next.