# Contact page

Use the **Contact page template** to let customers message you through the contact form.

* Customize the **content and layout** your contact page
* Add **custom fields and buttons** to the custom form

## Create contact page

***

You first need to **create a page** and **assign the contact template** in your Shopify admin.

{% hint style="success" %}
Pages are a Shopify feature: see Shopify's guide for [creating pages](https://help.shopify.com/en/manual/online-store/themes/theme-structure/pages).
{% endhint %}

<details>

<summary><mark style="color:blue;"><strong>STEPS</strong></mark></summary>

In your **Shopify admin**:

1. Click **Online store > Pages**.
2. Click **Add page**.
3. Add a **Title** (e.g. "Contact us").

   > The title will be used for the page URL (e.g. **`www.store.com/contact-us`**).

   > You don't need to add anything to the **Content** field. You will add the page content by editing the template in the theme editor.
4. Click the **Theme template** menu and select **contact** to assign the template to your page.

   > **Note**: Templates can't be assigned on unpublished themes. Your changes to templates will be saved and can be assigned when you buy and publish the theme.
5. Click **Save**.

</details>

## Set up contact form

***

Click **(+) Add block** to add additional fields and inputs for your contact form.

<table data-view="cards"><thead><tr><th></th><th></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><strong>Text input</strong></td><td>Show a text field for customers to add a single word or line.</td><td></td></tr><tr><td><strong>Text area</strong></td><td>Show a text field for customers to add multiple lines.</td><td></td></tr><tr><td><strong>Select dropdown</strong></td><td>A menu of multiple options that requires a single choice.</td><td></td></tr><tr><td><strong>Radio buttons</strong></td><td>A list of buttons for multiple options that requires a single choice.</td><td></td></tr><tr><td><strong>Checkbox</strong></td><td>Add multiple checkboxes that allow for more than one selection.</td><td></td></tr><tr><td><strong>Phone</strong></td><td>A text field for the customer's phone number.</td><td></td></tr><tr><td><strong>Email</strong></td><td>A text field for your customer's email.</td><td></td></tr><tr><td><strong>Submit</strong></td><td>(<em>Required</em>) The contact button that sends the message.</td><td></td></tr></tbody></table>

### Add content blocks

***

Click **(+) Add block** to add blocks for **Headings**, **Text**, and **Spacers** to help organize and explain the contact form fields.

Use the drag handles **`⋮⋮`** to re-order blocks, and add **Spacer** and **Divider** blocks to further customize the layout.

<table data-view="cards"><thead><tr><th></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><strong>Heading</strong></td><td><a href="../../sections/overview/content-blocks#heading-block">#heading-block</a></td></tr><tr><td><strong>Text</strong></td><td><a href="../../sections/overview/content-blocks#text-block">#text-block</a></td></tr><tr><td><strong>Spacer</strong></td><td><a href="../../sections/overview/content-blocks#spacer-block">#spacer-block</a></td></tr></tbody></table>

### Show reCAPTCHA terms

***

`Click Contact form section to find settings`

<table><thead><tr><th width="233">Setting</th><th>Description</th></tr></thead><tbody><tr><td><mark style="color:blue;">Show reCAPTCHA terms</mark></td><td>Show the terms of service and privacy policy for Google's reCAPTCHA form.<br><br>Google reCAPTCHA is enabled by default on all Shopify stores to minimize spam from bots.</td></tr></tbody></table>