This will help you create a new online form.

Create new form

Create fields etc

1. Go to Ninja Forms
2. Click on Add New
3. Click create blank form (if you use a template you will spend  time removing the stuff you don’t want!)
4. Select type of field you want (from the right hand side) – double-click to add to end of your form, or right-hand click and drag to where you want it.  (If there is no block on right hand side, you may need to select done from top of screen or the big blue plus button at bottom, which ever is showing)
5. Edit the field, using single left-click
   1. edit label
   2. edit whatever else you want!
   3. Click blue button done
6. When happy got all fields, add Capture field
7. Add submit button

Sort where form to be emailed etc

1. Click on emails and actions
2. click Success Message
   1. change bland success message to something more meaningful and relatable to the form
   2. Click blue button done
3. Click Admin Email – this is where you set up where the completed formshould be sent to,
   1. In the To box, remove {wp:admin_email} and insert the physical email where the form should go to
   2. In the Subject box, rename it to something meanigful
   3. Click blue button done

Name the Report

1. Click on Advanced
2. Enter a meaningful name for your report
3. Click on blue Done button

Publish Report

Press the blue button Publish

 

Testing the report

To test the report change the Admin email your own (see above) and also other instructions

This means you can then complete the form and see that it is doing what you want.

Remember to set the admin email back to what it should be once you are happy.

 

Hints in formatting report

Adding separator lines

1. scroll down the list of available fields, until you find ‘formating’
2. Select the divider field

Adding text block

1. scroll down the list of available fields, until you find ‘formating’
2. Select the html field
3. Enter in the block of text

Cant get List of fields

1. If there is no block on right hand side, you may need to select done from top of screen or the big blue plus button at bottom, which ever is showing

To display fields side by side (rather than in list)

Note: the fields will display side by side on the user interface (website), but not on the developer mode.

1. Once the fields are on your form, single click the first field to select attributes
2. on right hand side, scroll down and click on Display
3. To have two fields side by side
   1. In custom class names, Container, enter first one-half
   2. select done button
   3. single click the field you want to be beside the first field
   4. In custom class names, Container, enter second one-half
   5. select done button
4. To have three fields side by side
   1. In custom class names, Container, enter first one-third
   2. select done button
   3. single click the field you want to be beside the first field
   4. In custom class names, Container, enter second one-third
   5. select done button
   6. single click the field you want to be beside the second field
   7. In custom class names, Container, enter third one-third
   8. select done button
5. Not sure of it works for four, but the command would be first one-fourth etc