The best WordPress form builder just got even better. Make a multi step form with progress bar, auto-save drafts on page turn, and save from any page on the backend. Use the sleek submit buttons, pretty time fields, and faster form building.
Multi Step Form with Progress Bar and Page Jumping
Check out the latest additions to your WordPress forms. A much-anticipated feature is now ready for you to start using today. Add progress bars and rootlines in any style to match your site.
Get going in three easy steps.
- Design your progress bar to match your site. Go to the Forms -> Styles page and scroll down to the 'Progress Bars & Rootline' box. Set your progress bar colors and style however you would like.
- Add a page break field to your form. Go to your form builder page, and drag a page break field into place.
- Flip the switch on your progress bar. Now you're all set to show your progress bars in your forms. Go to the form settings, and choose your favorite progress bar design. You get to decide if you want page titles, lines between the page indicators, and page numbers with progress percentages.
Read more: How to create a multi-part form in WordPress
Extra Multi Step Form Features
But we didn't stop there. Multi step forms include even more requested features.
If you allow logged in users to save drafts, form entries are saved when moving forward or back in a multi step form. Now you won't lose any progress, and you'll have the data whether the form is completed or not. Do you have a survey with vital questions on the first page? Make sure you glean all the information you can.
When you edit a multi step entry from the backend, you no longer need to go through each page of the form. You'll find a Save button in the sidebar. Use it to save the entry from any page of the form.
Multi step ajax forms include a new parameter in the URL. You may notice URLs include values like ?frm_page=2 and ?frm_page=3. This can help with tracking form progress in Google Analytics. Even with these parameters, you'll still need to use the rootline/progress bar links to jump around in the form.
More Beautiful WordPress Forms
With each release, we work to improve your experience and that of your users. We see and hear your pain points, and do what we can to alleviate them.
Modern Submit Button Loader
Any new forms you make will have a new, shiny submit button. The old loading image has been removed to prevent an extra image on your page and allow more compact form layouts.
As much as we'd love for every form to have a sleek submit button, we highly value reverse compatibility. The new forms use <button> html while the old forms used <input>. Any custom styling or scripts may need adjustment to work with the new buttons. If you'd like to change your existing buttons, follow these steps:
- Create a new form.
- Go to the settings page for that form, and to the customize HTML tab. Select and copy the HTML in the last box on the page.
- Go to customize HTML tab in your existing form. Paste the HTML into your submit box.
Forms Fade In
Your forms with conditional logic will hide during page load. Watch for forms to fade in to prevent conditional fields from showing briefly.
Time Field Overhaul
Time fields look a lot different now. Select the hour and minute individually instead of sorting through and long list of times. Not only do the time fields look great, but they also work better behind the scenes. Every time field saves in the 24 hour format, regardless of your settings. This allows you to sort your views by date and then time.
Unique times work a differently now too. When you have a date field in your form, and check the unique box in your time field, the used times will no longer be disabled. Instead, an error message will be returned when the form is submitted. Your unique times are more dependable by checking for duplicate bookings on submit.
Since we released v2.03 yesterday, we have gotten feedback that the old time dropdown is needed too. So we've added an option in the next release (v2.03.01) to bring it back.
A Combined List of Entries from all Forms
Have you ever received an email notification, and not been sure from which form it was sent? Maybe you have to go through and look for the entry, form by form? Try out the combined list of entries. Go to the Formidable -> Entries page to see all your entries from all forms.
Faster Form Building
Adding options to a form field happens in a flash. See the options change in radio, checkbox, dropdown, and scale fields, but they won't save before you say so. Your conditional logic settings get the options straight from the form builder page. This means less trips into your database for making snappy WordPress forms.
Default Email Message and Single Entry Shortcode Options
The default-message in email messages and frm-single-entry shortcode have new options. Allow page breaks, section headings, and HTML fields with include_extras="section,page,html". Easily exclude fields or only include a few specific fields with include_fields="10,15" and exclude_fields="10,15".
Repeating sections in your form are separated in rows in your default email messages instead of using comma-separated lists. Take a look at your emails to make sure they appear the way you would like.
Custom Field Options Targeted by Post Type
One other tidbit that may save you a lot of time and questions. When you setup your WordPress post or page settings, the choices for mapping custom fields are targeted to the post type you have selected. This is especially helpful when creating WooCommerce products with your forms. You won't have to dig through code to find the correct custom field names to type in yourself.
If you'd like a full list of all changes, take a look at the forms changelog.
Thank You for Your Feedback
As always, we appreciate your feedback and are working hard to implement it wherever possible. Our list of top requested features has been changing a lot lately. Thank you for helping us prioritize new features and enhancements. We couldn't do it without you.