How To Create Ninja Forms In WordPress Websites

Once you have installed Ninja Form plugin in your WordPress site, go to the

NinjaForms => Forms => Add New

If you need to create a simple contact form, then you can select simple contact template, & you need to add required fields like name, email address, and message. etc

Adding Fields:

If you want to add your own fields without using a template, use the blue “+” button in the bottom right corner to open the fields setting box.

You can drag & drop fields from sidebar dashboard into the builder. Once you added all the fields, click “Done”.

Editing Fields:

To replace the field label, click to open the sidebar dashboard, then click the blue gear icon to open the field settings box. Remember, this setting box is different for every field.

Types of Fields are given below:
A) Textbox
B) Textarea
C) Number Field
D) Hidden Field
E) Select List
F) Multi-Select List
G) Radio List
H) Checkbox
I) Submit Field

For example: Please check below information related to field setup

A) Textbox

Text box field you can use on first name, last name, city, email, zip, phone etc.

How to change the label?

You can set field to be referred to as

As per the above screenshot, you can select the option for Label position.

How to set the required field?

If you want to set the required fields enable, then you have to enable the field from setting. This will let the user know to fill the required field before submitting the form.

Placeholder for our field:
The default text which you want to display in the field before any data filled in the field.

Default Value for our field:
If you set a default value in the field to display, that will remain as the user types.

Field Key for our field:
It’s a programmatic name that is generally used for reference.

How to do Duplicate or Delete Fields?
As per the below screenshot, you can duplicate or delete any fields displayed in blue icon.

How to Preview the Form?

In Ninja Form, you can directly check the form preview by clicking preview button “eye icon” without effecting front end of our website.

How to Publish the Form?

To make your form changes to live, you have to click the “Publish” button.

If you want to open your email and action settings, you can click on Emails & Actions Tab.

To Create a new action. Click the blue “+” button, as per the below screenshot.

If you want to send email for a new action than click on Email.

As per the below screenshot, you can set name which will appear in your actions list.

To: Set an email address for the action “To” to send the users.
You can set for the admin emails and the user’s email.

ii) Email message: Set the email message to display on your mail body information.

iii) Html Formatting for the Email message: Click on “<>” icon to change the rich text editor into an HTML editor.

iv) Process: Publish Form.

Complete publish form, then you will need shortcode. navigate to forms >> all Forms, here you can see display your all forms which you created.

Copy the shortcode and paste which you want to display for your post and page.