StepraEngine Lite

StepraEngine Lite turns long WordPress forms into clean, responsive multi-step forms. It adds progress navigation, Next and Previous buttons, step validation, and mobile-friendly form flow without rebuilding your existing form.

Stepra works on the frontend with supported form builders. Your original form plugin still controls fields, submissions, email notifications, entries, spam protection, and integrations. Stepra improves only the step layout and user navigation.

How to use StepraEngine Lite

1. Install and activate StepraEngine Lite.
2. Build your form normally in Contact Form 7, Elementor Forms, Forminator, or WPForms.
3. Add clear step headings or sections:
   • Contact Form 7: use H3 or H4 headings in the form template.
   • Elementor Forms: use HTML fields containing H3 or H4 headings.
   • Forminator: use Section fields.
   • WPForms: Stepra uses WPForms field containers for automatic splitting.
4. Add the form to a page.
5. Open Stepra settings to choose the progress style, colors, button labels, validation language, and heading behavior.
6. Test the form on desktop and mobile.

Lite supports up to 3 steps.

Supported form builders

StepraEngine Lite supports:

• Contact Form 7
• Elementor Forms
• Forminator
• WPForms standard forms

Stepra is designed to preserve your existing form design. Your theme and form builder continue controlling field width, spacing, labels, typography, and layout while Stepra adds progress, navigation, validation flow, and step visibility.

Progress styles

StepraEngine Lite includes two progress styles:

• Bar progress: a clean horizontal progress bar.
• Numbered progress: a 1, 2, 3 step indicator with animated connecting lines.

With the numbered style, visitors can click completed previous steps to go back. Future steps remain locked so visitors cannot skip required validation.

Contact Form 7 multi-step forms

Stepra can split Contact Form 7 forms automatically, or you can control step breaks with H3 or H4 headings inside the Contact Form 7 form template.

Example headings:

• 1. Contact Information
• 1. Project Details
• 1. Budget and Timeline

Elementor Forms multi-step forms

Stepra can split Elementor Forms using Elementor field groups. For manual step control, add Elementor HTML fields containing H3 or H4 headings.

Stepra ignores common Elementor system fields such as hidden fields, honeypot fields, and reCAPTCHA fields so they do not become visible steps.

Forminator multi-step forms

Stepra can split Forminator forms using Forminator rows. For manual step control, use Forminator Section fields.

Stepra supports common Forminator field types such as text, email, phone, select, radio, checkbox, date, time, calculation, HTML, hidden fields, and consent fields.

WPForms multi-step forms

Stepra can split WPForms standard forms using WPForms field containers.

If WPForms native multi-page fields are detected, Stepra pauses on that form to avoid conflicts.

Automatic and manual step splitting

StepraEngine Lite supports two split methods:

• Automatic split: Stepra divides supported long forms into steps when no manual headings or sections are used.
• Manual split: You control where each step starts using supported headings or sections.

Manual split support:

• Contact Form 7: use H3/H4 headings in the form template.
• Elementor Forms: use HTML fields containing H3/H4 headings.
• Forminator: use Forminator Section fields.
• WPForms: uses WPForms field containers for automatic splitting.

You can enable Strict H3 mode in Stepra settings if you want only H3 headings to create manual step breaks.

Key features

• Create responsive multi-step forms
• Choose bar or numbered progress style
• Add Next and Previous navigation
• Validate required fields before moving to the next step
• Show visible validation messages
• Preserve existing form styling
• Keep the original form plugin in control of submission
• Support automatic and manual step splitting
• Pause when native multi-step or pagination conflicts are detected
• Configure colors, labels, validation language, heading behavior, and progress style
• Limit Lite forms to a maximum of 3 steps

Validation and user experience

Stepra checks the current step before allowing visitors to continue. If a required field is empty or a common field format is invalid, Stepra highlights the field and shows a visible message.

Validation helpers include:

• Required fields
• Email format
• URL fields requiring http:// or https://
• Phone number format
• Postal code format
• Date year range

If the original form plugin returns a validation error after submission, Stepra can return the visitor to the step containing the invalid field when supported by that builder.

Good use cases

StepraEngine Lite is useful for:

• Contact forms
• Quote request forms
• Booking request forms
• Lead capture forms
• Onboarding forms
• Survey forms
• User registration style forms
• Service request forms
• Multi-page form layouts
• Form wizard layouts

Compatibility notes

StepraEngine Lite does not replace your form builder. Your original form plugin remains responsible for fields, entries, email notifications, spam protection, integrations, and final form submission.

If your form builder already has native multi-step, pagination, or a known multi-step add-on active on the same form, Stepra pauses on that form to help prevent layout and validation conflicts.

To use StepraEngine Lite for a form, disable the form builder’s native multi-step or pagination feature for that form.

Advanced Pro-only fields, payment fields, conditional logic, third-party add-ons, or heavily customized form templates may require additional compatibility testing.