What's WP
Our everything is about WordPress - best choice of WordPress users!
How to Use Ninja Form for the Form Creation in WordPress

How to Use Ninja Form for the Form Creation in WordPress

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.

Ninja Form License

And then, you can move to the Settings tab to make some configurations for this plugin.

General Settings

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.

Ninja Form General Settings

ReCaptcha Settings

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.

ReCaptcha Settings

Advanced Settings

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.

Form Style Settings

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.

Contact Us Form

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.

Edit Form Fields

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.

Quote Request Form

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.

Event Registration Form

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.

Add Form Fields

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.

Form Fields

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.

Emails & Actions

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.

Form Advanced Settings

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.

All Forms

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.

Form Submission

Author

Susan Rose is a freelance writer who has a deep knowledge about WordPress. She loves everything related to website building since the freshman year at Christopher Newport University, and loves to share her experience with people all over all the world. This girl is popular among our readers as she is outgoing and energetic. In the daily life, Susan loves detective novels as it can train her logical thinking and creativity.

Close

Want to Learn More About WordPress?

Get Our Free Themes, Plugins, Support, SEO Tips, and Other Tutorials!

Email *