At present, you can generate any kind of forms on your WordPress site using the WordPress form plugins. However, many of these plugins have the very limited features and only allow you to set up the forms with the specific functions, such as the registration form and the contact form. This time, we’d like to introduce a multi-purpose alternative – Ninja Form. In the following, we have introduced how to use Ninja Form for the form creation in WordPress.
Note that this special form tool has 4 editions. Each of them has their exclusive features and pricing levels. And you can choose your wanted edition based on your real needs.
Install, Activate and Set Up the Ninja Form Plugin
Firstly, you should download this plugin, upload the plugin file to your WordPress site and activate it. After that, you can click the Forms > Settings button. Here, from the Licenses tab, you should enter all the license information you have got previously from the plugin official site.
And then, you can move to the Settings tab to make some configurations for this plugin.
From the general settings, you can choose the date format if your form will display the data and time. In fact, the default format is suitable for most websites.
In addition, if your form concerns about the online deal or will showcase the purchasing information, you can also decide the currency as you like.
It is possible that you want to display the ReCaptcha box to prevent the spam. Especially, this box is pretty useful for the registration form.
Here, you can enable this function by entering the required site key and secret key. Note that you can click the “here” link to enter the Google ReCaptcha page for getting the keys. In addition, you should decide the ReCaptcha language and choose the theme between the two available options.
In addition to these basic settings, you can also determine some advanced settings. For instance, you can showcase the admin notice on your WordPress dashboard related to the forms and choose the form styling conventions.
Even, you can integrate your forms with some third-party tools, such as Aweber, Campaign Monitor, Constant Contact, Emma, MailChimp, PayPal and WebMerge.
Decide the Overall Styling of Your Forms
One of the greatest features of this tool is that you can get the utmost freedom to determine how your forms will appear. Here, you can click the Forms > Styling button from the admin to finish the style settings.
From this part, you firstly can decide the overall styles for the form container, form title, required messages, row, the odd row and the success responsive message. For each part, you can choose the background color, border width, border style, border color, text color, font size, margin, padding, height and many more.
In addition, you can also choose the default field styles for the wrap, label and element, along with the error styles for error message main wrap, error field wrap, error label and many more.
If you decide to showcase the date and time on your forms, you can also move to the date picker part to decide how the time can appear. Also, you have the freedom to choose the default field type among dozens of options.
Create the Form Based on Your Needs
Now, all the basic tasks are finished. Thus, it’s time to create your wanted form with any purpose and function.
For this, you should click the Forms > Add New button. This way, this plugin will redirect you to an exclusive form building screen. Here, you firstly can check the default three form templates that are designed for the Contact Us form, the Quote Request form and the Even Registration form. Note that each template allows you to add or to delete some fields if you need.
Contact Us Form
This form template allows your visitors to contact you easily. The default fields include Name, Email, Message and the Submit button.
You can duplicate, delete and edit each field based on your needs. For instance, you can change the label name, decide the label location and make it a required option.
For some special fields, you can also edit the following settings.
- Restrictions – You can limit the maximum number of characters or words for the field input. Also, you have the right to restrict the type of input that people can add to your fields, such as the phone number or the date only.
- Display – You can add some extra classes to your field wrapper and the field element.
- Advanced – If you want, you can enter some words you are looking to display in the field by default. This way, people can check the placeholder before they enter any data.
- Styles – In fact, you have already determined the overall styles in the previous step. Here, you can choose the style again to override the default settings for the wrap, label and element.
In addition, you can also re-order each field or even add some new fields by clicking the Plus symbol.
Quote Request Form
This template allows you to manage the quote requests from your WordPress site with ease. The default showcase just looks like the following.
Event Registration Form
With this form template, your visitors or users can register for your event with ease. Check the default form in the following.
Design the Form Manually from the Scratch
It is possible that these three form templates are not your target options. If so, you can also create and design the form on your own. For this, you do not need to click the form template, but hit the link that allows you to select the fields you prefer manually.
Here, you can check a long list of fields that are for different purposes. For instance, you can add some common fields for the checkbox listing, the single line of text showcase, the submit button, radio listing and many more.
In addition, if needed, you can also move to the specific fields that are used for the collection of user information, the display of pricing, the embedding of HTML and some others.
You can click your wanted fields and they will be added to the left side of the whole screen. Here, you can edit, rearrange or remove them based on your requirements.
Determine the Email and Actions
Only designing the form with the needed fields is not enough. Here, you also need to move to the Emails & Actions part to decide the following three critical aspects.
- Success Messages – You can showcase the success message to tell people whether they have submitted the forms successfully. Here, you have the freedom to decide the message details and the showcase conditions.
- Admin Email – If you want, you can also send the email messages with your wanted information to people.
- Save Submission – If you are looking to calculate how many people have used your forms, you can enable this function.
Decide the Advanced Settings
The last step for form creation is to decide some advanced settings. For instance, you can showcase the form title from the Display Settings part and require people to log in before checking your form from the Restrictions part. All of these settings can be decided based on your ultimate needs.
Now, you can click the Preview Changes button to check the final result of your form. If you feel satisfied, you can click the Publish button.
Display Your Form
Once you have created your form, it can be listed from the All Forms page, along with the exclusive shortcode. In this case, you simply need to click the Forms > All Forms button. After finding your target form, you can copy and paste the code to your preferred pages or posts.
In addition, you can move to the widget section to find the WPForms option. With it, you can showcase your form in the sidebar.
Check the Submission
If you turn on the submission feature, you can know how many people have used your form. Here, you simply need to click the Forms > Submissions button. If you have multiple forms, you should choose your target from the dropdown list. And then, you can check who have used your form easily.