How to create a contact form in WordPress

0
53

This video shows how you can add a contact form to your WordPress website.

Learn how to make a website here:

Get the best tools for your website ➜

Whether you're creating a simple blog, a professional WordPress website, the contact page is always an essential element. This video shows how to create a contact form in 3 steps.

When you create and install the contact form, anyone who needs your help or simply wants to share something can complete the required fields (usually the name, email and message) and send a message. You will be notified immediately of the new message by email and can reply.

STEPS:

STEP 1: Installation of the contact form plug-in
To install the add-in, log in to your WordPress panel and open Add-ons – Add new. In the upper right corner, you will find the search field. Type "Ninja Forms." In the search results, click "Install" and then "Activate." After that, it will be displayed in Add-ons: installed add-ons.

STEP 2: Create your contact form
On the left side menu, click on Ninja Forms and delete the default contact form. To do this, click on the cogwheel button and select Delete.
To create a new form, click on the Add New button and select four types of contact forms. Let's select the contact form. By default, it will contain the fields Name, Email, Message and Send.

STEP 3: Add this form to your page
– Default WordPress page
To add the contact form to the default WordPress page, in the side menu go to Pages – Add new. Name the "Contact Us" page. In the text editor, click the Add form button and in a drop-down menu select the form created in the previous step. Click the Insert button and publish the page. See the page to see if the contact form was added correctly.

– Add to an Elementor page
When using Elementor to create a page, open the page to which you want to add the form and click Edit with Elementor at the top. In the Elements section, look for forms and select Ninja Forms Widget.
Choose a section of the page where you want to add the form and click + to add the new one. Drag and drop the widget from the left side of the screen and select the form created from the drop-down menu. To insert the form, click on the Apply button. You can also change the size of the form.

STEP 5: Demo – How it works
Now let's try the contact form. Open the page with the contact form, add your name, email and message and click send.
You will immediately receive an email to the address you selected when creating the WordPress website.

To change the address, go to the WordPress panel, choose Settings – General. Add a new address and, at the bottom of the page, click on the Save Changes button.

BONUS: if you want to create your own form:
Go to Ninja Forms in the WordPress panel, choose Add New – Blank Form;
select all items in the right side menu,
Click Done – Publish, assign a name and click Publish again.
To add your own form to the page, do it the same way you added the default form.

To get the ability to change the form design or add additional items such as file upload, get add-ons from Ninja Forms here:

To see how to add the contact page to your menu, watch this video:

——————
Get the best tools for your website ➜

Video Gear we use:

Our video editing tool:

We are hiring:

Do you want your website to be developed by us? Send us your requirements by email to contact@websitelearners.com

Follow us on Instagram:

Or Facebook:

Or Twitter:

For commercial inquiries: contact@websitelearners.com