# 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** .

![](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)

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

![](https://2856328449-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MgATD0Z7hrFIsLBS6EJ%2F-MhmzujNusup4fVMK9VJ%2F-Mhn-Cptjlb_snMTPE9t%2Fimage.png?alt=media\&token=78fc5287-05ae-41be-8d0a-4044c382b192)

```
<label class="mb-5"> Your name
    [text* your-name placeholder "Ex:  John Doe"] </label>


<label class="mb-5"> E-mail
    [email* your-email placeholder "Ex:  John_Doe@domain.com"] </label>


<label class ="mb-3">Message (optional)
    [textarea your-message 40x5 placeholder "Enter text here..."] </label>

[mc4wp_checkbox]

<button class="button-skew" type="submit" value="subscribe">
  <span>Send Messenge</span> <i class="opal-icon-arrow" style="font-size: 75%;">&nbsp;</i>
</button>
```

Mail settings:&#x20;

![](https://2856328449-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MgATD0Z7hrFIsLBS6EJ%2F-MhmzujNusup4fVMK9VJ%2F-Mhn-KviLccF8bZoofE9%2Fimage.png?alt=media\&token=2aa0a3e3-77b9-4fd3-9bf2-e03b11011d57)

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

![](https://2856328449-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MgATD0Z7hrFIsLBS6EJ%2F-MhmzujNusup4fVMK9VJ%2F-Mhn-PVHAcEBZ6e4tNQK%2Fimage.png?alt=media\&token=9ba15e3c-490a-421a-8c1b-4df383b8037d)

Additional settings:&#x20;

![](https://2856328449-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MgATD0Z7hrFIsLBS6EJ%2F-MhmzujNusup4fVMK9VJ%2F-Mhn-TP9oCObqhNbASMk%2Fimage.png?alt=media\&token=66257172-07ad-4bb0-b8a7-6d079672bd28)

### **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://2856328449-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MgATD0Z7hrFIsLBS6EJ%2F-MhmzujNusup4fVMK9VJ%2F-Mhn-ulzaW2d1qyNvwHS%2Fimage.png?alt=media\&token=f8bfae52-2628-4f24-942d-a96d52c50ef3)

**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

![](https://2856328449-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MgATD0Z7hrFIsLBS6EJ%2F-MhmzujNusup4fVMK9VJ%2F-Mhn-gz8Dn8I2yYHzWp5%2Fimage.png?alt=media\&token=a0c813de-5be8-46e8-84a8-fc23af0588ed)

![](https://2856328449-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MgATD0Z7hrFIsLBS6EJ%2F-MhmzujNusup4fVMK9VJ%2F-Mhn0-fgg_g328d2kAPg%2Fimage.png?alt=media\&token=5b7e72cf-b676-48f5-833f-f6cb34f1e855)

**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)