# 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://blobscdn.gitbook.com/v0/b/gitbook-28427.appspot.com/o/assets%2F-LpBdJGhRUrc5B1koaqU%2F-LqonsXVgl6KIt1rDuCa%2F-Lqov1yW9HFP_vqu6pM8%2Fimage_2.jpg?alt=media\&token=af8dcdf3-8786-4e04-a6d4-a6397c334496)

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

![](https://17437443-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M-OdO0m_oTGOajNjueK%2F-M-xYvnWIBRBzIAHc2o1%2F-M-x_Gqd1zY6UB3FvIPS%2FScreenshot_89.png?alt=media\&token=2225565e-2f55-4b8f-892a-48ebd0f8810d)

![](https://17437443-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M-OdO0m_oTGOajNjueK%2F-M-xYvnWIBRBzIAHc2o1%2F-M-x__ULKirMth76dFlP%2FScreenshot_90.png?alt=media\&token=689d3399-aae1-4210-b407-35db008f8228)

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

![](https://blobscdn.gitbook.com/v0/b/gitbook-28427.appspot.com/o/assets%2F-LpBdJGhRUrc5B1koaqU%2F-LqonsXVgl6KIt1rDuCa%2F-LqowPdglWvSeMIzGzoa%2Fcontact1_001.jpg?alt=media\&token=f1a0cfca-5803-40fe-9d58-0bb4a7351661)

**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 click button "Edit with Elementor " ( you need to have the Elementor plugin activated ).\
\
&#x20;**Step 4** - Click on the Add Element button

![](https://blobscdn.gitbook.com/v0/b/gitbook-28427.appspot.com/o/assets%2F-LpBdJGhRUrc5B1koaqU%2F-LqonsXVgl6KIt1rDuCa%2F-LqowYGVduJNRhyboao1%2Fimage_30.png?alt=media\&token=5c7716d2-b195-4024-84b4-05909240c4d7)

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

![](https://blobscdn.gitbook.com/v0/b/gitbook-28427.appspot.com/o/assets%2F-LpBdJGhRUrc5B1koaqU%2F-LqonsXVgl6KIt1rDuCa%2F-Lqowd6PGrdYde47NQLW%2Fimage_33.png?alt=media\&token=fce633fc-237a-4137-a9ca-6c0a94f12cf0)

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


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://wpdocs.gitbook.io/fundor/content-management/contact-page.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
