NEX-Forms LITE – WordPress Contact Form Builder

Introduction to NEX-Forms LITE

NEX-Forms LITE is a popular free WordPress plugin that allows users to create custom contact forms for their website. Its user-friendly interface and simplicity make it an excellent solution for creating a wide range of forms, from a simple contact form to complex surveys and more. The LITE version of the plugin is free, allowing you to try out all its features without committing to a paid upgrade.

This tutorial will walk you through the process of using the NEX-Forms LITE plugin to create your own custom contact form and integrate it into your WordPress website.

Step-by-Step Tutorial: Getting Started with NEX-Forms LITE

Before we dive into the actual tutorial, make sure that you have:

1. Installed and activated the NEX-Forms LITE plugin on your WordPress site.
2. Familiarized yourself with the general settings of your WordPress administrator dashboard.

Now, follow these steps to get started:

Step 1: Creating a New Form

1. Log into your WordPress administrator dashboard.
2. Click on "NEX-Forms LITE" from the "Settings" menu on the left-hand side.
3. Click on the "Add New Form" button.

This will take you to the form builder interface.

Step 2: Configuring the Form settings

1. Give your form a name (Optional) and add a friendly name for the form input (e.g., the subject line of the received email).
2. Determine the form type:
   • "Simple" = Basic contact form
   • "Survey" = Form with multiple sections & fields
   • "Registration" = Form specifically designed for user registration.

Step 3: Adding Form Fields

Fields are the individual components within your form that users must fill out to submit data. You can add more fields by clicking the "" button. Choose from more than 15 different Field Types:

• TextBox: Single-line text (e.g., Name: John Doe)
• TextArea: Multi-line text (e.g., Any additional comments)
• Checkbox: Select multiple responses
• Radio Options: Select a single from multiple options
• Dropdown: Select one entry from a dropdown list.

• File: To upload files (optional add multiple file uploads)

  Step 4: Ordering and Rearranging form fields

Fields can also be reordered or removed; you can use the navigation arrows or the trash box to move them up down or delete fields. There's also a handy sort order feature (1,3,4) which becomes the default form field appearance order.

Step 5: Adding Submit Logic

• Click +Add Rule
• Select "After Form Submit
• Set a Rule and specify what action to
• "Email Alert" - sends the mail
• "redirect" - sends user to certain page
• Cancel" - skips submitting

Step 6: Customizing the Form Structure

1. The appearance of your form is totally customizable.

   • Custom Form CSS Classes (Styling)
   • Apply Custom CSS for individual form component styles
   • Header, Footer and body field can be hidden/showcased
   • Adjust button labels, submit buttons visibility
   • Apply HTML validation to individual form filed

   • Change colors and font size

   • Use this "Edit Form" view for better layout and spacing management options.

Step 7: Publishing the Form to Your Website

Use the shortcode in the relevant WordPress page, post sidebar or content.

[ "your_form_name_in_NEX_Forms"];

You can place it: Page content or sidebars (widgets)

Final step: Once your are satisfied with the appearance go ahead and hit " publish"

Troubleshooting and Advanced Settings

Make sure to explore the Additional settings section under "forms" and adjust them at your discretion:

• The email subject, the body text
• Additional field filtering (hide or display), custom error messages, additional custom code, more specific rules

Additional Troubleshooting Tips:

* If your form content doesn't display after enabling it, you can easily find the answer here [[NEX-Forms Document](https://www.helpdocs.com/nex-friends/)]

Now sit back and watch as thousands of visitors send their answers through your brand-new contacts form!