# Contact Page

### **1. Create Contact Form.**

&#x20;Make sure you install and active Contact Form plugin to continue reading.

&#x20;**Step 1** - Log in to your WordPress Dashboard, go to **Contact** > **Add New** .

![](https://blobscdn.gitbook.com/v0/b/gitbook-28427.appspot.com/o/assets%2F-Lq3xPQNvxmsY3y01k2r%2F-LqjNxAvLQm-ZxFEZ64v%2F-LqjQrmaHKpL5UCS2Nbx%2Fimage_2.jpg?alt=media\&token=97dbbd80-6354-47cd-be93-3379c083b3cf)

**Give a Name to your form** and **change Mail Info**.

![](https://4036350574-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-McTTG0PDCHIHIKBT89B%2F-Mf60gXkbGMWXgifPQnC%2F-Mf60ylo1NmxsDxx_vo9%2Fimage.png?alt=media\&token=168fa01a-2f04-4b5b-911c-d24cc9469117)

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

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

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

```

**Step 2:** Mail settings:&#x20;

![](https://4036350574-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-McTTG0PDCHIHIKBT89B%2F-Mf60gXkbGMWXgifPQnC%2F-Mf61AeNHEslyO9vb3yA%2Fimage.png?alt=media\&token=a5410182-49a4-4e74-9d16-b066dee640aa)

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

![](https://blobscdn.gitbook.com/v0/b/gitbook-28427.appspot.com/o/assets%2F-Lq3xPQNvxmsY3y01k2r%2F-LqjNxAvLQm-ZxFEZ64v%2F-LqjREevor9GJU328Hjk%2Fcontact2.jpg?alt=media\&token=f31d87ed-5f16-4833-83a9-0f2bc813234c)

### **2. Create Contact Page**

&#x20;**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

![](https://blobscdn.gitbook.com/v0/b/gitbook-28427.appspot.com/o/assets%2F-Lq3xPQNvxmsY3y01k2r%2F-LqjNxAvLQm-ZxFEZ64v%2F-LqjROlgJtllXT01IuJQ%2Fimage_30.png?alt=media\&token=ece5f687-d78a-4e8e-993a-5a1aa9171dd4)

&#x20;**Step 5** - Select the Contact Form element.

![](https://gblobscdn.gitbook.com/assets%2F-MNROqxinGIHrcdd3Eoq%2F-MWCoH9WbbBksa1ihI3B%2F-MWCoKm-Ok8yIj2GSpIM%2Fimage.png?alt=media\&token=4604452a-9eec-41e3-a6e7-b1a115ba8ad2)

![](https://gblobscdn.gitbook.com/assets%2F-MNROqxinGIHrcdd3Eoq%2F-MWCoH9WbbBksa1ihI3B%2F-MWCofgLtZFAVmuQasvp%2Fimage.png?alt=media\&token=23f8ee82-1699-4f91-89fd-46b30828c4be)

**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](https://wpdocs.gitbook.io/medilazar/faqs/faqs/i-dont-receive-email-from-contact-form.-how-can-i-do)
