0 0 0 0

NEX-Forms Documentation

Documentation & Tutorials for NEX-Forms version 8.0 and above

Docs » Getting Started » Creating your first form
Creating your first form

With your plugin now successfully installed, registered, and your presets configured just the way you like them, you're ready to create your very first form using the NEX-Forms Form Builder.

In this Article

Your first form blueprint
In this article you will learn how to create the exact same form you see here below in a few minutes or less. This form example was created using the NEX-Forms default presets
STEP 1: Create a new Blank Form
  1. Log into your Wordpress Admin area.
  2. Click on the "NEX-Forms" menu item from the admin sidebar.
  3. Click on "Add a New Form"
    NEX-Forms - Figure Arrow
    NEX-Forms - Create First Form - Figure - 1
  4. Stay in the "Blank" tab and give your form a title.
    NEX-Forms - Figure Arrow
    NEX-Forms - Create First Form - Figure - 2
  5. With your Form Title in place click on "CREATE"
    NEX-Forms - Figure Arrow
    NEX-Forms - Create First Form - Figure - 3
  6. The NEX-Forms form editor now will open and this where you will be adding some fields to your newly created blank
    form canvas.
    NEX-Forms - Create First Form - Figure - 4
STEP 2: Add fields to the form
Add a field by clicking on the field in the tools menu or by dragging the field from the menu into position inside the form.
  1. Add a Name Field.
    NEX-Forms - Figure Arrow
    NEX-Forms - Create First Form - Figure - 5
  2. Add an Email Field.
    NEX-Forms - Figure Arrow
    NEX-Forms - Create First Form - Figure - 6
  3. Add a Query Field.
    NEX-Forms - Figure Arrow
    NEX-Forms - Create First Form - Figure - 7
  4. Add a Submit Button.
    NEX-Forms - Figure Arrow
    NEX-Forms - Create First Form - Figure - 8
STEP 3: Preview the form
With your form completed you can preview it before going live.
  1. Click on Split to give yourself a realtime preview of your form while you are building it.
    NEX-Forms - Figure Arrow
    NEX-Forms - Create First Form - Figure - 9
  2. A realtime preview of your form will be opened side by side with the form editor while you are building it.
    NEX-Forms - Figure Arrow
    NEX-Forms - Create First Form - Figure - 9
  3. Click on the X in the top rigth corner of the preview when you are done previewing the form.
STEP 4: Save the form
Once you are done building and previewing your form save it. Save a form by clicking on the "SAVE" button or by hitting CTRL+S on your keyboard.
NEX-Forms - Figure Arrow
NEX-Forms - Create First Form - Figure - 10
STEP 4: Publish the form
You are now ready to make the form live by emdedding the form in your WordPress site.
  1. Click on "EMBED" from main menu.
    NEX-Forms - Figure Arrow
    NEX-Forms - Create First Form - Figure - 11
  2. Copy the NEX-Forms inline shortcode.
    NEX-Forms - Figure Arrow
    NEX-Forms - Create First Form - Figure - 12
  3. Create or edit your existing WP Post or Page, for example, your Contact Us page.
  4. Paste the NEX-Forms shortcode into your page where you need the form.
    NEX-Forms - Figure Arrow
    NEX-Forms - Create First Form - Figure - 13
  5. Publish/Update your WordPress post or page.
Was this article helpful?
Yes
No
Still having trouble? How can we help you?
This article was last updated on 19 November 2024
Popular Articles
Stay in Touch
Get the latest NEX-Forms news and info by following us on:
In this article