This tutorial is kindly provided by the plugin developer. You can access the full plugin's documentation on this URL: https://ninjaforms.com/documentation/
Building a Form
We always recommend you to import the demo contact forms and simply edit their content. You can do it at any time with one simple click:
Or if you prefer, you can build the form from scratch, or use a template as described here: https://ninjaforms.com/docs/form-building/
Editing a Form
Editing Field Settings
To change the field label, label placement, force a field to be required and more simply click on the field to open its settings drawer. You may also click the blue gear icon to open the field settings drawer. This drawer is different for each field type. For a detailed breakdown of field types, see the documentation here and here.
Duplicating or Deleting Fields
Hover over the blue gear icon in each field to expand the duplicate and delete icons.
Preview the Form
Preview any form changes without impacting users on the front end of your site with the preview button here:
Publish the Form
Once you are ready to push your form changes live to the front end of your site, click “Publish.”
Sending an Email
An email action can be used to send an email to ANYONE after your form is submitted by a user. Simply use a different “To” email address to send to an admin, a user, or anyone else who needs a copy of the form submission. You can add as many email actions as you like to your form.
If you have any issues with your form sending emails, please check this troubleshooting guide.
Create your Email Action
Click “Emails and Actions” to open your actions settings.
Click the blue “Add” button to create a new action.
Click “Email” to make your new action send an email.
You can also watch the attached video.
Ninja forms plugin saves submissions by default. In case you don't need email notifications, you can use Submissions manager to manage your messages at any time. You can configure your view, filter, edit, delete or export the submissions: https://ninjaforms.com/docs/submission-management/
To open the Submissions manager, click “Submissions” in the Ninja Forms menu.
Styling a Form
Ninja Forms creates the absolute best looking forms for your website, but there are still times when your forms don’t look exactly as you expect or desire. This article will explain all the ways you can control exactly how your forms are presented: https://ninjaforms.com/docs/styling-your-forms/
How Ninja Forms Handles Styling
The thing to note here is that Ninja Forms adds very little styling of its own by default. Instead, we inherit the styling of your theme, the design layer of your WordPress website. What this means is that if your theme adds basic default styling to all HTML form elements, Ninja Forms will look just as your theme author intended. For additional help, you can contact the VamTam Themes Support Team.
Adding a Form
Vamtam Beaver Builder allows you to add forms to the page/post's content using the "Ninja Forms" element:
You can check this tutorial for further information: Guide to Vamtam Beaver Builder
2. In case that you've imported the demo forms content, but they still look different, please check if this option in Ninja Form's settings is set as "None":
Otherwise you won't be able to use the theme's form styles.