# 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="/pages/1RQDWwxKzKWmtVBL177n#heading-block">/pages/1RQDWwxKzKWmtVBL177n#heading-block</a></td></tr><tr><td><strong>Text</strong></td><td><a href="/pages/1RQDWwxKzKWmtVBL177n#text-block">/pages/1RQDWwxKzKWmtVBL177n#text-block</a></td></tr><tr><td><strong>Spacer</strong></td><td><a href="/pages/1RQDWwxKzKWmtVBL177n#spacer-block">/pages/1RQDWwxKzKWmtVBL177n#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>


---

# 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://help.fluorescent.co/eclipse/pages/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.