Contact Page
1. Create Contact Form.
Make sure you install and active Contact Form 7 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
Step 3 - Edit Messages field to change the Form Layout
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 click button "Edit with Elementor " ( you need to have the Elementor plugin activated ). Step 4 - Click on the Add Element button
Step 5 - Select the Contact Form 7 element.
Step 6 - The Contact Form 7 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 .
Contact-form1:
1
<div class="row">
2
​
3
<div class="col-md-6">
4
<p>
5
[text your-name id:form-name-2 akismet:author placeholder ="Your Name *"]
6
</p>
7
</div>
8
​
9
<div class="col-md-6">
10
<p>
11
[number your-phone id:form-phone-2 placeholder ="Phone Number *"]
12
</p>
13
</div>
14
​
15
<div class="col-md-6">
16
<p class="mb-4">
17
[email* your-email id:form-email-2 akismet:author_email placeholder ="Email Address *"]
18
</p>
19
</div>
20
​
21
<div class="col-md-6">
22
<p>
23
[text your-subject placeholder ="Subject"]
24
</p>
25
</div>
26
​
27
<div class="col-md-12">
28
<p>
29
[textarea* your-message x4 "Message *"]
30
</p>
31
</div>
32
​
33
</div>
34
<button type="submit" value="Submit"><span>send message</span><i class="opal-icon-arrow-right" aria-hidden="true"></i></button>
Copied!
Last modified 6mo ago
Copy link