Contact Page

1. Create Contact Form.

Make sure you install and active Contact Form plugin to continue reading.

Step 1 - Log in to your WordPress Dashboard, go to Contact > Add New .

Give a Name to your form and change Mail Info.

<div class="row">
<div class="col-md-12">
[textarea* your-message x4 "Message *"]
<div class="col-md-6">
[text* your-name id:form-name-2 akismet:author placeholder ="Your Name *"]

<div class="col-md-6">
<p class="mb-4">
[email* your-email id:form-email-2 akismet:author_email placeholder ="Email Address *"]

<button type="submit" value="Submit"><span>send message</span></button>

Step 2: Mail settings:

Step 3 - Message tab. It will show all notice for you.

2. Create Contact Page

Step 1 - Log in to your WordPress Administration Panel (Dashboard).

Step 2 - Click on Pages > Add New.

Step 3 - Give your page a name then Change the Editor to Backend Editor ( you need to have the Elementor plugin activated ).

Step 4 - Click on the Add Element button

Step 5 - Select the Contact Form element.

Step 6 - The Contact Form Settings should appear. Select the Form you want to use you can also customize the color and change the fields layout and button design .

Step 7 - Update / Publish your page

Note: After add contact form, you should configure email system in order to receive email from forms when customers submit forms.

See more:

How to Configure Email System in WordPress

Last updated