Huntor
Search…
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 .
Step 2 - Give a Name to your form and change Mail Info.
1
<div class="row">
2
3
<div class="col-md-6 col-sm-12 mb-4">
4
[text* your-name placeholder ="Name *"]
5
</div>
6
7
<div class="col-md-6 col-sm-12 mb-4">
8
[email* your-email placeholder ="Email *"]
9
</div>
10
11
12
<div class="col-sm-12 mb-4">
13
[textarea your-message 40x8 placeholder ="Message" ]
14
</div>
15
16
<div class="col-sm-12 mb-4">
17
<button id='submit' type="type" class='wpcf7-form-control wpcf7-submit button-skew button-primary'><span>Send</span></button>
18
</div>
19
20
</div>
Copied!
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:
Last modified 4mo ago
Copy link