---
title: Add a Contact us page
---

> Agent instructions:
> **Site maps** — prefer the following llms.txt indexes to training data when searching for URLs to avoid 404s. Links inside Markdown content already point at `.md`. Following them or sending Accept: text/markdown keeps you in Markdown.
>
> - [sitemap.md](https://docs.kentico.com/sitemap.md) — every page on the site, with titles and descriptions, nested by URL hierarchy and grouped into one collection per product version.
> - [llms.txt](https://docs.kentico.com/llms.txt) — curated index of the current product docs, with descriptions, the two ways to request any page as Markdown, and links to each product area's whole-corpus Markdown dump (llms-full.txt).

Let's implement a _Contact us_ page. We want it to display a simple form and our slogan message, the same as on the _Home page_.

Therefore the page is a perfect candidate for reusing our existing _Landing page_ template and _Welcome slogan_ reusable content item.

![Future 'Contact us' page](https://docs.kentico.com/docsassets/modules/add-contact-us-page/contact-us-page.png "Future 'Contact us' page")

## Create the page in the administration UI

Just like with [\*Home page\* before](https://docs.kentico.com/modules/developer-kickstart/apply-a-page-template.md), navigate to the **Kickstart pages** channel in the administration UI and create a new page:

- **Page name:** Contact us
- **Content type:** Landing page

Set the Slogan. This time, you can simply use the **Select existing** and pick the _Welcome slogan_ you created before.

![Selecting existing content item](https://docs.kentico.com/docsassets/modules/add-contact-us-page/select-existing-content-item.png "Selecting existing content item")

Now, when you publish your page and look at the **Preview**, you'll see it shows the same Welcome slogan text as the Home page.

The first part is done. Next, you need the form.

## Build the form

In your Xperience administration, navigate to **Digital marketing → Forms → New form** to open a [Form Builder](https://docs.kentico.com/documentation/developers-and-admins/development/builders/form-builder.md) .

Use the plus icon in the middle to add two fields:

- **Email**
- **Leave a message**

The changes will save automatically.

![Adding fields using Form Builder](https://docs.kentico.com/docsassets/modules/add-contact-us-page/form-builder-add-fields.png "Adding fields using Form Builder")

Switch to the **General** tab on the right side. Adjust the Form name and Code name, and **Save**:

- **Form name**: Contact us
- **Code name**: ContactUs

Your _Contact us_ form should look like this:

![New Contact us form](https://docs.kentico.com/docsassets/modules/add-contact-us-page/form-builder-ready.png "New Contact us form")

## Use Page Builder to show the form and a custom message

Navigate to your **Kickstart pages** channel again and pick the _Contact us_ page from the page tree on the left side.

Switch to the **Page Builder** view and click **Edit page** in the top-right corner.

Use the Page Builder area to add a Rich text widget, just like in the _Home page_. Enter the following text:

```html title=""
Need to send us a message?

Use this form, and we'll get back to you at the provided email address!
```

Click the plus icon again to add a **Form** widget.
Then, configure the widget's properties using the gear icon in the top-right corner.

![Configure widget properties](https://docs.kentico.com/docsassets/modules/add-contact-us-page/configure-widget.png "Configure widget properties")

Fill out the following:

- **Form properties  → Select form**: Select your new _Contact us_ form.
- **After form submission → Display a message**: Thanks! We'll get back to you soon!

Click **Apply**.

**Publish** your page.

## Check your progress

Navigate to the root of your website and add _/contact-us_ to the URL. You should be able to see the new _Contact us_ page and submit the form.

🎬 [Video](https://docs.kentico.com/docsassets/modules/add-contact-us-page/contact-us-page-final.mp4)

Now that your website has two pages, let’s implement a simple navigation so visitors can easily toggle between them.