# Contact Page

**1. Create A Contact Form.**

&#x20;Make sure you install an 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)

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

![](https://1990997008-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MLL4GKqpTOWkzXqgF-e%2F-MMtIkbm3pdI3NO0HIEh%2F-MMtKPF3RHmDxLMsxf5S%2Fgd_newsletter2.jpg?alt=media\&token=20e3e506-c697-4ab2-ad2d-19b0cd9dab0b)

```
<div class="flex-row">
<div class="col-3">[text text-265 placeholder "Name"]</div>
<div class="col-3">[email email-604 placeholder "Email"]</div>
<div class="col-3">[tel tel-50 placeholder "Phone Name"]</div>
</div>
<p>
[textarea textarea-573 placeholder "Message"]
</p>
[submit "Submit"]
```

![](https://1990997008-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MLL4GKqpTOWkzXqgF-e%2F-MMtamOh2smF_3xjNjWO%2F-MMtdopvGVxCPobpH1qP%2Fgd_contact3.jpg?alt=media\&token=a38d3494-ae67-4fb2-8df2-6ca6036e3972)

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 a 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.

**Step 4** - Please search block with the name **"Contact Form 7"** block.

<div align="left"><img src="https://1990997008-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MLL4GKqpTOWkzXqgF-e%2F-MMtIkbm3pdI3NO0HIEh%2F-MMtLnjDFPktUq_0LVTQ%2Fgd_contact1.jpg?alt=media&#x26;token=f492765b-34f3-44e1-a4c7-691d89494c4f" alt=""></div>

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

<div align="left"><img src="https://1990997008-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MLL4GKqpTOWkzXqgF-e%2F-MMtIkbm3pdI3NO0HIEh%2F-MMtMWXdqjxYBtCfkfD7%2Fgd_contact2.jpg?alt=media&#x26;token=6e67a3e1-19df-4a04-8e29-2d4eca2aed39" alt=""></div>

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