> ## Documentation Index
> Fetch the complete documentation index at: https://docs.shopify.lightsout.agency/llms.txt
> Use this file to discover all available pages before exploring further.

# Add a contact form to any page with Facet

> Set up Facet's contact form section: write its heading and text, and choose whether shoppers see phone number, order number and country fields.

The Facet contact form section adds a form shoppers use to send you a message. It always asks for a name, an email address and a message, and you can add phone number, order number and country fields. This page covers the section settings and what happens when a shopper sends the form.

![The Contact form section as it appears on the Facet demo storefront.](https://mintcdn.com/lightsout/Xj2zGA8z_awdsd6Z/images/themes/facet/sections/contact-form/contact-form-overview.jpg?fit=max\&auto=format\&n=Xj2zGA8z_awdsd6Z\&q=85\&s=395ea1fce5c1bf606388d105db06adf5)

## What this section controls

* The heading and text above the form.
* Which optional fields the form shows.
* The section colors, width and spacing.

## Getting started

**1. Open the Theme Customizer**

In your Shopify admin, open **Online Store**, then **Themes**, and click **Customize** next to Facet.

**2. Add the section**

In the **Sections** panel, click **Add section** and choose **Contact form**. The section can't be added to the header or footer.

**3. Choose the fields**

Click **Contact form** and turn the phone number, order number and country fields on or off.

![The theme editor with the Contact form section selected in the sidebar, its settings panel open on the left and the section highlighted in the preview.](https://mintcdn.com/lightsout/Xj2zGA8z_awdsd6Z/images/themes/facet/sections/contact-form/contact-form-location.jpg?fit=max\&auto=format\&n=Xj2zGA8z_awdsd6Z\&q=85\&s=f97aeb3f0c2bb585abae3640b8c15edd)

## Section settings

### Content

![Theme editor sidebar showing the Contact form section settings: Heading, Text, Show phone number field, Show order number field, Show country field, Common settings, and more.](https://mintcdn.com/lightsout/Xj2zGA8z_awdsd6Z/images/themes/facet/sections/contact-form/contact-form-settings-1.png?fit=max\&auto=format\&n=Xj2zGA8z_awdsd6Z\&q=85\&s=a89de9a32b9dba984d1afe5e4c96b918)

* **Heading**: the heading above the form. Default: "Send us a message". Leave it blank to hide it.
* **Text**: a short line under the heading. Default: "Fill out the form below and our team will get back to you as soon as possible." Leave it blank to hide it.

### Form fields

The form always has **Name**, **Email** and **Message** fields. **Email** and **Message** are required.

* **Show phone number field**: on by default.
* **Show order number field**: on by default.
* **Show country field**: on by default.

### Common settings

![Theme editor sidebar showing the Contact form section settings (part 2, scrolled): Show phone number field, Show order number field, Show country field, Common settings, Color scheme, Top padding, and more.](https://mintcdn.com/lightsout/Xj2zGA8z_awdsd6Z/images/themes/facet/sections/contact-form/contact-form-settings-2.png?fit=max\&auto=format\&n=Xj2zGA8z_awdsd6Z\&q=85\&s=955f08cf94c4fb819e7d51313fd8f66c)

See [Common settings](https://docs.shopify.lightsout.agency/themes/facet/common-settings.md) for details.

* **Color scheme**: the colors of the section. Form fields use the scheme's surface colors.
* **Top padding** and **Bottom padding**: None, Small, Medium, Large (default) or Extra large.
* **Page width**: Narrow, Narrower (default), Fluid or Full.

## After a shopper sends the form

Shopify emails the message to your store's contact address, and the form shows a thank-you message. If a required field is missing, the form shows an error instead. When a shopper is signed in to their customer account, their name and email are filled in for them.

> [!TIP]
>
> Check which email address receives messages in your Shopify admin under **Settings**, and send yourself a test message after you publish the section.

## Best practices

* **Turn off fields you don't use.** Every extra field makes the form longer. Keep **Show order number field** on if most messages are about orders.
* **Set expectations in the text.** Say how soon you reply, for example "We answer within one working day."
* **Start from the contact template.** Facet's contact page template already includes this section, so assign that template to your contact page instead of building one from scratch.

## Related guides

> [card] [Contact page](https://docs.shopify.lightsout.agency/themes/facet/pages-templates/contact.md)
>
> Set up the store's contact page template.

> [card] [Colors](https://docs.shopify.lightsout.agency/themes/facet/theme-settings/colors.md)
>
> Set the surface colors used by form fields.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.