How to Create a Multi-Step Form in WordPress

Long, information‑heavy forms can feel intimidating, especially on mobile devices. In 2026, the best way to keep visitors engaged is to break those forms into bite‑size steps, show a progress indicator, and only ask for what’s needed at each stage. This guide shows you how to achieve a multi‑step form on a WordPress site using the Divine Smart Forms drag‑and‑drop builder together with a few proven WordPress techniques.

Why Multi‑Step Forms Improve Long Form Conversion

Reduced cognitive load: Users see only a few fields at a time, which lowers perceived effort.
Higher completion rates: A visible progress bar creates a sense of momentum.
Better data quality: When users aren’t overwhelmed, they’re more likely to enter accurate information.
Mobile‑friendly experience: Smaller screens benefit from stacked, single‑column steps rather than a long scrolling page.

What Divine Smart Forms Can Do Out‑of‑the‑Box

Divine Smart Forms (plugin slug divine-smart-forms) is a WordPress form builder that excels at visual drag‑and‑drop creation, responsive design, and built‑in spam protection (Honeypot, reCAPTCHA v2, Cloudflare Turnstile, hCaptcha). It also supports:

Name, Email, and International Phone fields
AJAX submission for a seamless user experience
File uploads, email notifications, and Google Sheets sync
Shortcode placement compatible with Gutenberg, Elementor, Divi, Beaver Builder and other page builders
Form‑style customizer for width, alignment, colors, and background opacity

While Divine Smart Forms does not include a built‑in multi‑step wizard, you can combine its strengths with native WordPress features (page redirects, hidden fields, and conditional shortcodes) to simulate a step‑by‑step flow without writing custom PHP.

Step‑by‑Step Walkthrough: Building a Multi‑Step Form

Install and Activate Divine Smart Forms
1. From your WordPress dashboard, go to Plugins → Add New.
2. Search for “Divine Smart Forms”.
3. Click Install Now and then Activate.
Create Individual Step Forms
Think of each step as its own form. For a typical 3‑step lead capture you might need:
- Step 1 – Contact basics (Name, Email)
- Step 2 – Details (Phone, Reason for enquiry)
- Step 3 – Confirmation (File upload, optional notes)
To create a step:
1. Navigate to Divine Forms → Add New Form.
2. Give the form a clear title, e.g., “Lead Capture – Step 1”.
3. Drag the required fields from the left panel onto the canvas.
4. In the Form Style Customizer set the width to 100% (or a max‑width of 600px) so the form looks good on mobile.
5. Enable AJAX submission under Form Settings → Advanced → AJAX.
6. Save the form and note the generated ID (e.g., 12).
Add a “Next” Button that Redirects
Divine Smart Forms lets you define a custom Redirect URL after a successful submission (see “Redirect After Form Submission” in the changelog). Use this to point the visitor to the next step’s page.
1. Create a new WordPress page for each step (e.g., “Step 2 – Details”).
2. Copy the URL of the next step page (e.g., https://example.com/step-2/).
3. In the form’s Settings → Post‑Submit → Redirect, paste that URL.
4. Optionally, add a hidden field named step with a static value (e.g., “1”) so you can track which step the user completed in the Entries table.
Place the Form Shortcode on Its Page
Each page needs the appropriate shortcode:
```
[divismfo_form id="12"]
```
Insert the shortcode into a Gutenberg “Shortcode” block, Elementor “HTML” widget, or any page‑builder that accepts shortcodes.
Collect Data Across Steps
Divine Smart Forms stores each submission in its own database table. To keep a single lead record across steps, use the same Email field as a natural key. After the final step, you can export entries to a CSV or sync them to Google Sheets (see the Google Sheets integration) for easy de‑duplication.
Show a Progress Indicator (Optional)
Because the plugin does not render a built‑in progress bar, add a small HTML snippet above each shortcode:
```
Step 1 of 3
```
Style it in your theme’s style.css (or via the Customizer) to match your brand. Example CSS:
```
.step-progress {
    font-size: 0.9rem;
    margin-bottom: 1rem;
    color: #555;
}
```
Fine‑Tune Spam Protection
Longer forms attract more bots. Enable a CAPTCHA provider (Google reCAPTCHA v2, Cloudflare Turnstile, or hCaptcha) in Divine Forms → Global Settings → CAPTCHA. Remember to add the API keys for the provider you choose.
Test the Full Flow
1. Open the first step in an incognito window.
2. Complete the fields and submit.
3. Verify you are redirected to the second step.
4. Complete each subsequent step and check the All Entries screen for a complete record.

Best Practices for Multi‑Step Forms in 2026

Keep each step focused. Ask for only the information that makes sense at that moment.
Show a visual cue. Even a simple “Step X of Y” text improves perceived progress.
Validate on the front end. Divine Smart Forms’ built‑in field validation (required, email format) runs before the redirect, preventing users from advancing with missing data.
Leverage AJAX. AJAX submissions keep the page from reloading, preserving scroll position and improving Core Web Vitals on mobile devices.
Minimize friction. Offer a single‑click social login or auto‑fill via the browser’s password manager only when you truly need it.
Use HTTPS everywhere. WordPress 6.0+ (the minimum for Divine Smart Forms) assumes a secure site; all form submissions are encrypted by default.
Back up entries. Export your form data weekly or sync to Google Sheets for redundancy.
Respect privacy. In 2026 GDPR‑like regulations are still enforced; add a concise consent checkbox if you collect personal data.

FAQ – Multi‑Step Forms & Divine Smart Forms

Can Divine Smart Forms create a multi‑step wizard natively?

No. The plugin’s current feature set (as of the 2026 release) does not include a built‑in step‑by‑step wizard or conditional logic. However, you can simulate a multi‑step flow by linking separate forms together with redirects, as described above.

Is there a way to preserve data entered on previous steps?

Each step saves its own submission to the WordPress database. To aggregate data, use the same Email address as a unique identifier and later merge rows in Google Sheets or a spreadsheet tool. The plugin does not yet support session‑based field persistence.

Will the CAPTCHA settings affect every step?

CAPTCHA is configured per‑form. If you want a consistent experience, enable the same provider (e.g., reCAPTCHA v2) on each step’s form settings. Global CAPTCHA credentials are stored under Divine Forms → Global Settings → CAPTCHA.

Can I use Elementor’s “Popup” feature to create a modal multi‑step form?

Yes. Place each step’s shortcode inside a separate Elementor popup and trigger the next popup via the “Redirect” URL set to the popup’s permalink. This approach works because the shortcode renders a fully functional form inside any content container.

Do file uploads work across steps?

File upload fields are independent per form. If you need users to attach files only in the final step, add the File Upload field to the last form. Uploaded files are stored in wp-content/uploads/divine-smart-forms/ and referenced in the Entries list.

Is there a limit to how many steps I can create?

There is no hard‑coded limit, but each step creates a separate WordPress page and a separate form entry. For usability, keep the total number of steps under five to avoid user fatigue.

Will the form remain responsive on mobile devices?

Divine Smart Forms is designed to be responsive. Combine the responsive defaults with a max‑width (e.g., 600 px) in the Form Style Customizer for optimal mobile presentation.

Where can I find video tutorials?

Aditya Singh’s official YouTube channel provides visual walkthroughs of the visual builder, spam protection, and Google Sheets sync: https://youtube.com/@diviniket.

How do I contact the developer for support?

Reach out to Aditya Singh via his LinkedIn profile: https://www.linkedin.com/in/diviniket. The WordPress.org support forum for the plugin is also monitored regularly.

Putting It All Together – A Sample Use Case

Imagine a SaaS company launching a free‑trial sign‑up that requires:

Company name & email (Step 1)
Number of