Next Gen Contact Form

Introduction to the Next Gen Contact Form Tutorial

Are you looking for a simple and effective way to add a contact form to your website? Look no further! The Next Gen Contact Form is a powerful and user-friendly plugin that allows you to easily create and customize a contact form on your website. With its intuitive interface and numerous features, you can create a professional-looking contact form in no time.

In this tutorial, we will walk you through the steps to set up and customize the Next Gen Contact Form plugin on your website. By the end of this tutorial, you will have a fully functional contact form on your website that is easy to use and customize.

Table of Contents

1. Introduction to the Next Gen Contact Form
2. Installing the Next Gen Contact Form Plugin
3. Creating a New Contact Form
4. Customizing the Contact Form Fields
5. Setting Up the Form Submission Options
6. Adding the Contact Form to Your Website
7. Testing and Customizing Your Contact Form

Step 1: Installing the Next Gen Contact Form Plugin

To start using the Next Gen Contact Form plugin, you need to install it on your website. Here are the steps to follow:

• Log in to your website's dashboard (also known as the WordPress admin area).
• Click on the "Plugins" tab and then click on "Add New".
• Search for "Next Gen Contact Form" in the search bar and click on the "Install Now" button.
• Once the plugin is installed, click on the "Activate" button to enable it.

Step 2: Creating a New Contact Form

Now that the plugin is installed, let's create a new contact form. Here are the steps to follow:

• Log in to your website's dashboard (also known as the WordPress admin area).
• Click on the "NGCF" tab (short for Next Gen Contact Form) in the left-hand menu.
• Click on the "Add New Form" button.
• Give your form a name (e.g. "Contact Us Form") and add a description (optional).
• Click on the "Create Form" button to create the form.

Step 3: Customizing the Contact Form Fields

Now that we have created a new contact form, let's customize the fields. Here are the steps to follow:

• In the "NGCF" tab, click on the form you just created.
• Click on the "Fields" tab.
• You will see a list of default fields, including name, email, phone number, and message. You can add, edit, or delete these fields as needed.
• To add a new field, click on the "Add Field" button and select the type of field you want to add (e.g. text, email, phone number, etc.).
• To edit an existing field, click on the field and make your changes.
• To delete a field, click on the field and then click on the "Delete" button.

Step 4: Setting Up the Form Submission Options

Now that we have customized the fields, let's set up the form submission options. Here are the steps to follow:

• In the "NGCF" tab, click on the form you just created.
• Click on the "Submission Options" tab.
• You can set up the following options:
  • Form submission confirmation message: This is the message that will be displayed to the user after they submit the form.
  • Form submission success email: This is the email that will be sent to the site administrator when a user submits the form.
  • Form submission error email: This is the email that will be sent to the site administrator if there is an error submitting the form.
• Make your changes and click on the "Save Changes" button.

Step 5: Adding the Contact Form to Your Website

Now that we have customized the contact form, let's add it to our website. Here are the steps to follow:

• In the "NGCF" tab, click on the form you just created.
• Click on the "Embed" tab.
• You will see the code for the contact form. You can copy and paste this code into a page or post on your website.
• Alternatively, you can use the "Shortcode" option to add the form to your website. To do this, click on the "Shortcode" button and copy the shortcode.

Step 6: Testing and Customizing Your Contact Form

Now that we have added the contact form to our website, let's test it and make any necessary customizations. Here are the steps to follow:

• Go to your website and click on the contact form.
• Fill out the form with some test data and click on the "Submit" button.
• Check your email to see if you receive the form submission success email.
• If you encounter any errors, you can go back to the "NGCF" tab and edit the form submission options or fields as needed.

And that's it! You have now set up and customized the Next Gen Contact Form plugin on your website. With these steps, you should be able to create a professional-looking contact form that is easy to use and customize.