> For the complete documentation index, see [llms.txt](https://wpdocs.gitbook.io/housey/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://wpdocs.gitbook.io/housey/settings/contact-page.md).

# 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://1705268021-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LpBanRLSEFLFEAp-jCP%2F-LqifCbj8gkAwpmpExZA%2F-LqjL8NtrhSeCT3uPgye%2Fimage_2.jpg?alt=media\&token=11c82790-bc6e-467a-8e96-ba64e53f0603)

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

![](https://1705268021-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LpBanRLSEFLFEAp-jCP%2F-LqifCbj8gkAwpmpExZA%2F-LqjLoo-cID0Wz0a5j0s%2Fcontact.jpg?alt=media\&token=de77088f-a669-483d-aca1-4e8962fe0d8e)

![](https://1705268021-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LpBanRLSEFLFEAp-jCP%2F-LqifCbj8gkAwpmpExZA%2F-LqjLlT1BVYwcH7YPWru%2Fcontact1.jpg?alt=media\&token=1c0dd846-ae6f-4b24-bf35-52476ad947f8)

&#x20;Step 3 - **Message** tab.It will show all notice for you.

![](https://1705268021-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LpBanRLSEFLFEAp-jCP%2F-LqifCbj8gkAwpmpExZA%2F-LqjLw608OhD1f-RHugB%2Fcontact2.jpg?alt=media\&token=c23d9df5-2f50-4de5-9cf6-c14808b9f5af)

**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://1705268021-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LpBanRLSEFLFEAp-jCP%2F-LqifCbj8gkAwpmpExZA%2F-LqjMIbUxMfzB93mdMDs%2Fimage_30.png?alt=media\&token=107b5838-51ab-4e95-a931-02d11bf002fa)

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

![](https://1705268021-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LpBanRLSEFLFEAp-jCP%2F-LqifCbj8gkAwpmpExZA%2F-LqjMNNqMWn9KoWsoGQM%2Fimage_33.png?alt=media\&token=0d9f5115-e14c-4fcb-9df4-6754cbb2c205)

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