is a professional-level form creation tool with lots of features and plans to choose from. Create and manage forms, add conditions, create multiple styles and select them, create multiple layouts within a form, perform calculations, and much more.
In this guide I’m using the Personal License. I’ll take a look at its features and create a few examples. Images for the examples were taken from Unsplash.com.
Upload the plugin under Plugins, Add New in the dashboard and activate it. Once it’s activated you’ll need to paste in your license key. All of the features can be accessed from the new menu that’s added to the dashboard called Forms.
In the dashboard, go to Forms and select Global Settings. Paste your key into the top field and select Save License.
Select Forms and then select Add New. This will open the form builder with all of the fields you’ll need to build your form.
Build New Form
Across the top is a menu with Build, Settings, Entries, Views, Reposts, and Switch Form. In the middle of the screen is your canvas. You can add fields here or select one of the four templates to get started. To the right is the list of choices that includes fields, layouts, and default values. Click the fields to add them to your canvas and start building your form. The layouts are CSS classes that you add to the fields.
- Contact Us
- Job application
- Real Estate Listings
- User Information
This is the Real Estate template. Modify it by dragging and dropping the fields in any order you want.
Select the field itself to open field options. Change values, add CSS classes, choose label positions, define field size and formatting, set conditional logic, perform calculations and validations, etc.
Once you’re done click Create. Once the form is built you can paste its shortcode into your content to display it or select it from the Form button in the Visual Editor.
Clicking the Forms button in the Visual Editor opens a window where you can choose the form you want and select options. All of the options build the shortcode which you can then add to your content.
You can insert several things from this window:
- Single Entry
- List of Entries
Here’s a look at the Real Estate form on a regular page. It’s quite detailed and is a great example of what Formidable Pro can do.
The Form Settings includes General, Form Actions, and Customize HTML. Adjust submission settings, AJAX, permissions, styling, messages, email notifications, and add form classes and customize the HTML for every field independently.
All of your forms are listed under Forms in the Forms menu in the dashboard. Here you can edit, adjust settings, duplicate, delete, preview a form, sort, view entries, etc. Choose the form you want to display and copy its shortcode.
Entries gives the list of form submissions for each form separately. You can view, edit, duplicate, delete, and download them as CSV files. The information from the entry is also sent to your email.
A View allows you to display data that’s submitted through your forms. You create a View and then display them on pages. You can display all entries for a form or individual entries, both (which links each entry to an individual page), or see the entries within a calendar.
You have the option to place content before the listings on both the Listing and Detail pages. Advanced Settings allow you to sort and filter the messages. Customize the Views by inserting fields, conditions, and advanced fields.
The Views require some extra code to work. The documentation gives sample code that you can paste and modify according to the instructions. It’s simple to do but does require some extra steps.
Once you’ve created the View it will appear in the window under the View tab when you click the Forms button in the Visual Editor. Choose the view to insert the shortcode into your content. You can also copy the shortcode from the Views list in the dashboard menu.
In this example the View is displayed in a table. It includes all of the information that was submitted.
The reports show graphs of the stats for each of the fields. They show the number of daily entries, monthly entries, etc. Clicking Browse takes you to the Entries page where you can see them in the list.
The Styles tab includes tools to simplify the styling process.
Here you can duplicate or create a style without having to use code. The fields on the left give you the tools to style fonts, boxes, fields, buttons, dates, messages, etc. Choose what you want to style, give the style a name, make your choices, and save the style. You can then choose that style as the default or select it for individual forms.
Manage Form Styles
In Manage Form Style you’re given a list of your forms with a dropdown box of your styles. Select the style that you want for each form. They will use the default style if you don’t make a selection.
Switching styles is fast. Simply create a new style and select it. If you have several already made then you can switch between them to see the forms on light or dark background. Duplicate a style and then you can tweak it to your needs while keeping the original to reuse.
Add your own CSS using the custom CSS box.
It will import and export XML and CSV files. To Import simply choose the file and click Upload File and Import. Once the form is finished uploading it will appear in the list of forms.
To export, select the type of file you want to create, choose the data (forms, entries, views, and styles), select the forms you want to export from the dropdown box, and click Export Selection.
These settings allow you to make an adjustment once for all of the forms. Adjust global settings for:
- Use Permissions – choose who has permission to view forms and templates, make edits, view entries and reports, etc.
- reCAPTCHA – set your keys, language, and choose to reuse or not.
- Default Messages – create messages for failed entries, successful submissions, login, etc.
- Miscellaneous – adjust the formatting for date/time, set the admin menu label, and choose a preview page.
Creating a Custom Form
For my example I’m creating a custom form for a travel agency. In this form I’ve created a field to calculate the cost based on the number in your party and the number of days the user selects from the dropdown box.
The calculation is done by calculating the values that the user has selected. I’ve multiplied the number of people entered (field number 131 in my example) by $150. This is the cost for each person for one day (a number I chose just as an example). Alternately I could create an advanced calculation to assign a different value based on the destination selection. The information to do this is provided in the documentation.
Next I multiplied the cost per day per person by the number of days the users selects from the Number of Days dropdown box (field number 138 in my example). I could even continue the calculations by adding other choices such as type of air travel, type of hotel, events to attend, meals, etc. This can easily become a complex form.
Here’s the form after I’ve added styling. I added a red color to the text and borders. It uses multiple column layouts to keep the name and city, state, and zip code on single lines. The fields at the bottom would look better if they used multiple columns. Let’s fix it. I’ll go ahead and add it to a Divi layout while I’m at it.
Using Formidable Pro with Divi
Here’s a look at the form within a Divi text module with background image for the section. In this example I limited the number of pixel for the price field to 100 px and set the layout class to 1/3 in the City, State, and Zip Code fields, and to ½ for the Destination and Number in Your Party, and Start Date and Number of Days fields. This creates a better alignment and reduces the vertical space for the form.
In this example I created a layout with a text box for the header, several images, and buttons. To make the form fit within the light background I created a new style and selected it for this form.
The module containing the shortcode can be adjusted from the Visual Builder. If you click on the form it will simply display the shortcode, but if you only click on the module controls you can see how the adjustments affect the form in real time. In this example I chose a background color, added a border, and added padding.
There are 20 add-ons that include registrations, email, payment gateways, bootstrap, language, captchas, tracking, automations, etc. You can buy them individually and prices will vary depending on the number of sites you want use them on. The subscriptions include different numbers of add-ons.
Updates are automatic for one year for all of the packages except Lifetime, which of course includes lifetime updates.
The only time I used the documentation was to learn about Views and calculations. Everything else was intuitive enough that I didn’t need it. I did several searches for information and everything I searched for was in the documentation and included lots of images and clear instructions.
Price, License, and Support
Formidable Pro has four different plans. Each of the plans include Pro features and ticketed support for one year. The first three plans include updates for one year while Enterprise is lifetime.
Personal – $49, for one site, standard support, add-ons sold separately.
Professional – $99, for 3 sites, standard support, 6 add-ons.
Small Business – $199, for 15 sites, priority support, 16 add-ons.
Enterprise – $399, unlimited sites, elite support, 20 add-ons.
Formidable Pro is a powerful forms creator that has some features that I’ve not seen in the other form creation plugins. Some of the features aren’t as intuitive as I’d like, but it did everything I wanted it to without having to spend too much time reading the documentation. It includes a few pre-made forms to get you started. Styles are created separately and then selected per form or you can select one to be the default style.
The Personal license has the same basic features as the other plans and can create the majority of forms that most will need. The primary difference is that it doesn’t include add-ons, but you can add them separately.
The ease of creating forms by choosing the fields, dragging and dropping them where you want them, creating multiple layouts within the form, adding conditions, performing calculations, and creating multiple styles makes Formidable Pro a great choice for anyone wanting to build professional quality forms for WordPress.
Have you tried Formidable Pro? Let us know about your experience in the comments below!
Featured Image via Jane Kelly / shutterstock.com