# Contact Page

**1. Create Contact Form.**

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

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

![](https://1573709292-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LvEhQiEzRABYxdbmmMM%2F-LvFOoGg5jf-EQTJ7Cv3%2F-LvFPDZijd3Tdd7TdQde%2Fimage.png?alt=media\&token=8efb67d7-3aa4-4004-aa3c-78db0ec5fb00)

&#x20;**Step 2** - **Give a Name to your form** and **change Mail Info**

![](https://1573709292-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LvEhQiEzRABYxdbmmMM%2F-LvFOoGg5jf-EQTJ7Cv3%2F-LvFPQSZ_m5SwVWvFU7u%2Fimage.png?alt=media\&token=618bed42-20de-45b0-81e1-54880d5e38d3)

![](https://1573709292-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LvEhQiEzRABYxdbmmMM%2F-LvFOoGg5jf-EQTJ7Cv3%2F-LvFPTYiG5QHDRN6oZU_%2Fimage.png?alt=media\&token=8bc0452b-86d0-4f9c-8c69-4a02e53a1241)

&#x20;**Step 3** - **Edit Messages field** to change the Form Layout

![](https://1573709292-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LvEhQiEzRABYxdbmmMM%2F-LvFOoGg5jf-EQTJ7Cv3%2F-LvFPZ2aVLyy9BsNAS-8%2Fimage.png?alt=media\&token=6d276fc7-38f1-45ec-a0dd-03537162631e)

**2. Create Contact Page**

&#x20;**Step 1** - Log in to your WordPress Administration Panel (Dashboard).\
\
&#x20;**Step 2** - Click on **Pages** > **Add New**.\
\
&#x20;**Step 3** - Give your page a name then Change the Editor to Backend Editor ( you need to have the Elementor plugin activated ).\
\
&#x20;**Step 4** - Click on the Add Element button

![](https://1573709292-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LvEhQiEzRABYxdbmmMM%2F-LvFOoGg5jf-EQTJ7Cv3%2F-LvFPfRk0U_khzex5BWH%2Fimage.png?alt=media\&token=68bf8759-e1d9-49c5-ac04-ead492e350d3)

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

![](https://1573709292-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LvEhQiEzRABYxdbmmMM%2F-LvFOoGg5jf-EQTJ7Cv3%2F-LvFPmaQp0uYjyCF2BD7%2Fimage.png?alt=media\&token=d20f1d29-1680-4fd0-9d2d-de9fb4e3805b)

&#x20;**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\
&#x20;**Step 7** - Update / Publish your page .
