> For the complete documentation index, see [llms.txt](https://wpdocs.gitbook.io/amihomestay/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/amihomestay/setting/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://920387965-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lq3xPQNvxmsY3y01k2r%2F-LqjNxAvLQm-ZxFEZ64v%2F-LqjQrmaHKpL5UCS2Nbx%2Fimage_2.jpg?alt=media\&token=97dbbd80-6354-47cd-be93-3379c083b3cf)

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

![](https://920387965-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lq3xPQNvxmsY3y01k2r%2F-LqjNxAvLQm-ZxFEZ64v%2F-LqjRAYXQK4UtZrb7RAl%2Fcontact.jpg?alt=media\&token=fc907160-78d7-43e2-bb67-e3b10e019231)

![](https://920387965-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lq3xPQNvxmsY3y01k2r%2F-LqjNxAvLQm-ZxFEZ64v%2F-LqjR7kVl8YAyYbfXspd%2Fcontact1.jpg?alt=media\&token=20171723-aab3-491f-91b0-c6f8deaff5f6)

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

![](https://920387965-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/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).\
\
&#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://920387965-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/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://920387965-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lq3xPQNvxmsY3y01k2r%2F-LqjNxAvLQm-ZxFEZ64v%2F-LqjR_jJfbAZcbU0R1wa%2Fimage_33.png?alt=media\&token=0e287a1a-50a4-491c-aa76-a4f64ac761a2)

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