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
- Upload the entire
contact-form-7
folder to the/wp-content/plugins/
directory. - 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:
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:
- Contact form
- Order form
- Payment form
- Email form
- Feedback widgets,
- Interactive polls with real-time results,
- Buzzfeed-style "no wrong answer" quizzes,
- 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
- Click
Plugins -> Add Plugin
in your Admin dashboard - Search for
Forminator
- Install and Activate.
Step 2: Use
You can use forminator as shown in the screenshots below:
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.
- Upload the
ninja-forms
plugin folder to your/wp-content/plugins/
directory - Activate the plugin through the 'Plugins' menu in WordPress
- Visit the 'Ninja Forms' menu item in your admin sidebar
Step 2: Use
You can use ninja-forms as shown in the screenshots below:
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
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,
- Log in to the administrator panel.
- Go to Plugins Add > New > Upload.
- 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. - Click "Install Now" button.
- 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:
Reference
Read more about form-maker here