Multistage Form

Create a form split into multiple steps.

Code Level

Beginner

Published

 

Example Description

This example demonstrates creating a form split into multiple steps.

Example Code

How We Built It

​This example demonstrates how to use a slideshow element to create a form with a multistep layout. Each step in the form has its own dedicated slide in the slideshow. We also display a list of all the steps at the top of the page so users can go back, or skip a step. This list is not part of the slideshow.

 

To use the slideshow for splitting a form into steps, you need to turn off its autoplay feature (in Settings). Additionally, turn off the navigation arrows and slide buttons (in Layout).

Next Steps

  1. Open this example in the Editor to work with the template.

  2. Publish the site.

  3. Learn how to work with examples in Corvid.

APIs We Used

Related Articles

Related Examples

Add to Cart Gallery

Let customers to add products to their cart

INTERMEDIATE

Hide and Show Elements

Hide and show elements in response to user interactions

BEGGINER

Hide and Show Elements

Hide and show elements in response to user interactions

BEGGINER