Multi Step Form

This is a multi step contact form. Currently, it has the following pages:

• image radio button (page 1)
• image checkboxes (page 2)
• image radio button (page 3)
• two input fields on (page 4)

For the form to work, you need the free Caldera Forms plugin.

The big heading and title of the images can be styled with the Divi Builder. The rest is styled with CSS.

The form is fully customizable in the Caldera Forms settings.

You can use radio buttons, checkboxes or input fields and all the other options Caldera Forms has, like sliders or text areas.

Installation

Install Caldera Forms

Install Caldera Forms.

Import form

1. Go to Caldera Forms
2. Click on “Import”
3. Go to the “Import” tab
4. Input a Form name e.g. Multi Step Form
5. Choose File (multi-step-form-caldera-forms.json)
6. Check “Trusted Source”
7. Click “Import Form”

Import layout

1. Create a new page with Divi
2. Click on “Portability” (the two arrow icon)
3. Go to the “Import” tab
4. Drag or select Json (multi-step-form.json) file
5. Check “Import Presets”
6. Click “Import Divi Builder Layout”