How to Create Contact Form in WordPress 2022

by | Jun 23, 2022 | 0 comments

How to Create Contact Form in WordPress 2022

by | Jun 23, 2022 | Free Wordpress Plugins | 0 comments



Learn how to create contact form in WordPress for free using wpforms lite plugin. This contact form tutorial covers all the steps needed to create your own contact form in WordPress. So if you want to have a contact form on your WordPress site that allows your visitors to contact you easily, then this WordPress contact form tutorial is best for you because I have covered everything from creating a form in WordPress to adding it to the website pages.

Table of Contents
0:00 Intro
0:25 Install Contact Form Plugin
0:55 Create a form
3:55 Add this form to simple wp pages
4:48 Add this form to Elementor pages
7:07 Create an advanced form

Just follow these simple steps and you are good to go.

Step 1: Installing the contact form plugin
Just login to your WordPress website dashboard and go to plugins, click add new, search for WpForms and install this plugin.
Step 2: Create a contact form
Once you will install and activate wpforms , you will be redirected to its homepage, click create your form.
You can use pre-made templates or you can create your own form from scratch.
Step 3: Adding this contact form to your page
You can add this form to existing page or you can add a new page for it.
In case of simple WordPress pages just copy the shortcode from wpforms and go to your page and paste it there.
Or if you want to add this to your elementor pages then go to your pages and edit the page with elementor, now search for wpforms widget, add it to the page, select your contact form, and hit update or publish incase of new page.
Step 4: Test your contact form.
Open your website page with a contact form,
Now enter your name, email, phone and message & click submit.
You will receive the submission on your email address which is used as a WordPress admin email.
To change the WordPress admin email address, go to WordPress dashboard,
Click on Settings ► General.► Add new email address, and click Save Changes button.

source

[newsletter_form]
<div class="tnp tnp-subscription"> <form method="post" action="https://www.dienodigital.com/?na=s"> <input type="hidden" name="nlang" value=""><div class="tnp-field tnp-field-firstname"><label for="tnp-1">First name or full name</label> <input class="tnp-name" type="text" name="nn" id="tnp-1" value=""></div> <div class="tnp-field tnp-field-email"><label for="tnp-2">Email</label> <input class="tnp-email" type="email" name="ne" id="tnp-2" value="" required></div> <div class="tnp-field tnp-field-button"><input class="tnp-submit" type="submit" value="Subscribe" > </div> </form> </div>