> For the complete documentation index, see [llms.txt](https://wpdocs.gitbook.io/qos/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/qos/content-management/contact-page.md).

# Contact Page

**1. Create Contact Form.**

Make sure you install and active Contact Form 7 plugin to continue reading.

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

![](https://4175808911-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LqnSoCZNL4XD3lDbtIU%2Fuploads%2FI3kweyDwpC4QqY0yNiBS%2F1.jpeg?alt=media\&token=8d92bb64-a350-4092-ab0f-c5eccc24f8f2)

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

![](https://4175808911-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LqnSoCZNL4XD3lDbtIU%2Fuploads%2FXqHZCKfv8x3Bjv8ac4Ku%2F2.png?alt=media\&token=43371c17-cd30-41c6-a817-9307d8a4d28a)

![](https://4175808911-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LqnSoCZNL4XD3lDbtIU%2Fuploads%2FsCjRyd3LMPhk2alNKcQS%2F3.jpeg?alt=media\&token=4dc7f60f-1b21-41e0-bf1a-5eb9ae315343)

Step 3 - **Edit the Form field** to change the Form Layout

![](https://4175808911-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LqnSoCZNL4XD3lDbtIU%2Fuploads%2F7Nq4kVOurxyQGGiMN9DW%2F4.png?alt=media\&token=7c3657b9-60b8-4910-8e90-d99d52643969)

**2. Create Contact Page**

**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://4175808911-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LqnSoCZNL4XD3lDbtIU%2Fuploads%2FCo5VF4yBqmwGpNAudUPS%2F5.png?alt=media\&token=d88a355c-3362-4a54-92f5-867753993d8b)

**Step 5** - Select the Contact Form 7 element.

![](https://4175808911-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LqnSoCZNL4XD3lDbtIU%2Fuploads%2F3TUbPUNkLMC6PiOWjQJj%2F6.png?alt=media\&token=28d9439c-e641-4f97-b882-001fa00b6b66)

**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\
**Step 7** - Update / Publish your page