How to create Forms in WordPress

In this tutorial we will learn how to create forms, be it Contact Forms or any other form you can imagine. We will use various easy to use drag and drop plugins. Such types of forms allow you to provide a way for users to either leave feedback or contact you in some way. You do not need to have coding knowledge to create such forms in wordpress.Generally, numerous fields, rows and columns are provieded.You simpl drag and drop them.

Create forms:

(a). Using contact-form-7

This is the most popular Contact Form plugin for wordpress. It's author describes it as Just another contact form plugin.

It is Simple but flexible.
It is capable of creating and managing multiple contact forms and provides a ton of options. You can use Ajax for Form submission, CAPTCHA, Akismet spam filtering and so on.

Let us now see how to use this plugin to create a contact form:

Step 1: Install contact-form-7

  1. Upload the entire contact-form-7 folder to the /wp-content/plugins/ directory.
  2. Activate the plugin through the Plugins screen (Plugins > Installed Plugins).

You will find Contact menu in your WordPress admin screen.

Step 2: Use

You can use contact-form-7 as shown in the screenshots below:

contact-form-7 plugin usage demo

Reference

Read more about contact-form-7 here

(b). Use forminator

This plugin allows you to create contact forms, payment forms & order forms with 1000+ integrations.

You can use it to create:

  1. Contact form
  2. Order form
  3. Payment form
  4. Email form
  5. Feedback widgets,
  6. Interactive polls with real-time results,
  7. Buzzfeed-style "no wrong answer" quizzes,
  8. Service estimators, and registration forms with payment options including PayPal and Stripe.*

it's drag and drop visual builder makes it easy to setup and add forms to your WordPress website.

It includes a bunch of drag and drop blocks that make it easy to put forms together. For example fields like name, email, phone number, text, file upload, website, date, time, number, HTML, pagination, radio boxes, GDPR-friendly opt-ins, payments, calculations, and hidden field can be easily dragged and dropped.

You can also use it to give real-time feedback with live stats displayed in beautiful pie charts and graphs.

You can use Gutenberg or classic editor with Forminator. You can also include Google ReCAPTCHA to stop bots and spammers.

You can upload single or multiple files using this plugin.

Step 1: Install Forminator

  1. Click Plugins -> Add Plugin in your Admin dashboard
  2. Search for Forminator
  3. Install and Activate.

Step 2: Use

You can use forminator as shown in the screenshots below:

forminator plugin usage demo
forminator plugin usage demo

Reference

Read more about forminator here

(c). Use ninja-forms

This is also another popular and easy to use form builder for wordpress.

Through it you can Drag & drop form fields to build beautiful, professional contact forms in minutes.
You can Drag and drop fields. You can row and column layouts. You can create Multi page forms. Conditional forms as well.

You can allows users to upload files and make any form an upload form. You can Send or export submissions as a PDF, Microsoft Excel file, even Google Sheets.

It also supports creating forms to accept payments from PayPal or Stripe. You can also use it to create lead generation forms and integrate it with MailChimp, Constant Contact, Campaign Monitor, Salesforce CRM, Zoho CRM, Insightly CRM etc.

You can also create a form using pre-built templates. The created forms are responsive and mobile-friendly.

Here are its best features:

  • Drag and drop form builder
  • 27+ field types
  • Customizable form templates
  • Fully responsive, SEO, & mobile friendly
  • Beautifully matches your theme???s design decisions
  • Translated into 16+ languages
  • Easy WordPress GDPR compliance
  • Unlimited forms
  • Unlimited form submissions
  • Submission exports
  • Customizable email notifications from any form
  • Spam protection including Akismet and Google reCaptcha
  • Export and import forms
  • Shareable public form links

Here are some of the fields you will find:

Common Fields

  • Single Line Text
  • Paragraph Text
  • Radio List
  • Select (dropdown)
  • Multi-Select
  • Select Image
  • Single Checkbox
  • Checkbox List
  • Date
  • Submit

User Information Fields

  • First Name
  • Last Name
  • Email Address
  • Phone
  • Address
  • City
  • US States
  • Country
  • Zip

Layout Fields

  • HTML
  • Divider

Miscellaneous Fields

  • Confirm
  • Hidden
  • Number
  • Recaptcha
  • Anti-Spam
  • Star Rating

Specialty Fields
Many more popular user fields like file uploads for WordPress and Save Progress can be added with Ninja Forms add-ons.

Payment fields, like subtotal, tax, and total can be added using any Common Field to easily make a payment form, donation form, order form, booking form, or any payment form using PayPal and/or Stripe and others.

Here are some of the forms you can easily create using this plugin:

  • contact form
  • email form
  • custom form
  • pdf form
  • payment form
  • registration form
  • login form
  • update profile form
  • contact me
  • signature form
  • upload form
  • file upload form
  • conditional form,
  • feedback form
  • appointment form
  • quote form
  • survey form
  • contact button form
  • signup form
  • subscription form
  • email subscription form
  • newsletter form
  • donation form
  • booking form
  • event form
  • quote request form
  • multi page form
  • conditional logic form
  • subscription form
  • application form
  • employment verification form
  • scholarship application form
  • maintenance request form
  • request form
  • referral form
  • volunteer form
  • fundraising form
  • MailChimp form
  • Campaign Monitor form
  • Constant Contact form
  • Mailpoet form
  • AWeber form
  • CleveRreach form
  • Emma form
  • Convertkit form
  • Active Campaign form
  • Salesforce form
  • Zoho form
  • Capsule form
  • Insightly form
  • PipelineDeals form
  • OnePageCRM form

Step 1: Install ninja-forms

This section describes how to install the plugin and get it working.

  1. Upload the ninja-forms plugin folder to your /wp-content/plugins/ directory
  2. Activate the plugin through the 'Plugins' menu in WordPress
  3. Visit the 'Ninja Forms' menu item in your admin sidebar

Step 2: Use

You can use ninja-forms as shown in the screenshots below:

ninja-forms plugin usage demo
ninja-forms plugin usage demo

Reference

Read more about ninja-forms here

(d). Use form-maker

Form Maker is a user-friendly contact form builder that allows to create forms for any purpose, from a simple contact form to multi page survey forms

You can use it for building forms of any complexity in just a few clicks.

= Useful Links: =
Live Demo

Demo Admin

Premium Form Maker by 10Web

Special Offer for all Premium Plugins

Here are some of its best features:

Intuitive Interface
Drag and drop to build complex forms with just a few clicks.

Mobile-Friendly and Responsive
Your forms will look great on all resolutions and devices: mobile, tablet, and desktop.

Field Types
43 different form field types to help you create just the form you need.

Embed Easily
Display your forms as popups, top bars or scroll boxes or embed them into blog posts.

Pre-built Templates
Pick from five form template options to save time.

Fully Customizable Themes
Use one of our fifteen beautiful themes to make your forms match website design.

Manage Submissions
Set automatic email replies, track and export all your entries, and more.

Protection from Spam
Block IPs and set captchas to avoid spam.

Receive Payments*
Get payments and donations using integrated PayPal and Stripe gateways.

Conditional Logic
Build forms with complex conditional logic.

Multi-Page Forms
Divide up lengthy forms into pages to provide better user experience.

File Upload*
Your users can upload files to your forms.

Step 1: Install form-maker

After downloading the ZIP file,

  1. Log in to the administrator panel.
  2. Go to Plugins Add > New > Upload.
  3. Click "Choose file" ("Browse") and select the downloaded zip file.
    For Mac Users
    Go to your Downloads folder and locate the folder with the plugin. Right-click on the folder and select Compress. Now you have a newly created .zip file which can be installed as described here.
  4. Click "Install Now" button.
  5. Click "Activate Plugin" button for activating the plugin.

Step 2: Use

After the installation is finished, you can go ahead and start working on your contact forms. Navigate to Form Maker > Forms page to build your very first form. Form Maker plugin provides a few sample forms, which you can quickly edit and publish.

You can use form-maker as shown in the screenshots below:

form-maker plugin usage demo
form-maker plugin usage demo
form-maker plugin usage demo

Reference

Read more about form-maker here

Related Posts