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
| Setting | Description |
|---|---|
| Loading message | Custom text shown during the transition (e.g., "Preparing your next step...") |
| Duration | Minimum display time in seconds before the next page appears |
| Spinner style | Visual indicator type (spinner, progress bar, dots) |
| Background | Background color or image behind the loading screen |
How to add
- Open your form in the canvas editor
- Place the Loading Screen node between two form sections
- Connect it in the flow -- the previous section leads into the loading screen, which then leads to the next section
- 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
Keep loading messages short and specific. "Preparing your quote..." is better than "Loading..." because it tells the respondent what to expect next.