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

# Contact form

> A contact form built from field blocks, with the salon's contact details and quick links beside it. Product enquiries and appointment requests arrive here.

![Contact form on the storefront](https://mintcdn.com/kwebby/l0HCHOt6KIWLP9LZ/images/vesper/contact-form.webp?fit=max\&auto=format\&n=l0HCHOt6KIWLP9LZ\&q=85\&s=57d1c915f14d0c4d97a7a480fcf3cfad)

Contact form, highlighted with the demo content

## Where to find it

The Contact template. In the theme editor choose Pages, then contact, and select Contact form.

## How it works

* Each Form field block adds a field: text, email, telephone, long text, a choice list or a checkbox. Its label names the answer in the email you receive.
* Messages go to the sender email in Settings, Notifications. Without an Email field, the form adds one.
* Links can fill the form in: ?subject=A private viewing picks that topic on the choice list marked Use as the topic, and ?product= followed by a product handle shows the piece above the form and starts the message with its name.
* The product page's enquiry button and the boutiques' appointment buttons use these links.
* Errors show next to the field. After sending, the form shows your thank-you message and a link.

![Contact form in the theme editor](https://mintcdn.com/kwebby/ipMVAv6ECVUC3DoM/images/vesper/editor-contact-form.webp?fit=max\&auto=format\&n=ipMVAv6ECVUC3DoM\&q=85\&s=3ed2fb2dd81132d6a40cb3833ef322b6)

In the theme editor: 1 the section in the sidebar · 2 its settings · 3 the section in the preview

## Edit it

* Add, remove and reorder Form field blocks. Tick Required where needed, and set Width to Half to put two fields side by side.
* On a Choice list field, type one choice per line and tick Use as the topic.
* On the Long text field, tick Use as the message.
* Add Contact details blocks (up to 2) with your address, hours, phone and email, and a Quick links block with a menu.
* Edit Heading, Button label, Note under the button and Message after sending.

## Settings

| Setting | What it does |
| - | - |
| **Color scheme** | Color scheme for this area (edit the schemes in Theme settings → Colors). Default: Scheme 1. |

> [!TIP]
>
> Messages go to the sender email in Settings, Notifications. Each field's label names the answer in that email. Without an Email field, the form adds one.

| Setting | What it does |
| - | - |
| **Heading** | Text. Default: Send a message. |
| **Button label** | Text. Default: Send message. |
| **Note under the button** | Formatted text. For example, how you use the details shoppers send. |
| **Message after sending** | Text. Default: Thank you. A client advisor will reply within one business day. |
| **Link label after sending** | Text. Default: Questions and answers. |
| **Link after sending** | Link: a page, product, collection or web address. |
| **Anchor** | Text. Lets a link jump to this form. Enter write and link to #write. |

> [!TIP]
>
> Links to this page can fill in the form: ?subject=A private viewing picks that topic, and ?product= followed by a product handle names the piece. The product page's enquiry link and the boutiques' appointment buttons use them.

## Blocks

Up to 24 blocks. Add a block with **Add block** under the section in the sidebar; drag blocks to reorder them.

### Form field

| Setting | What it does |
| - | - |
| **Label** | Text. Also names the answer in the email you receive. Default: Name. |
| **Type** | Options: Text, Email, Telephone, Long text, Choice list, Checkbox. Default: Text. |
| **Choices** | Text (several lines). One choice per line. |
| **Use as the topic** | On or off. Links with ?subject= choose the matching choice, or add it. Default: off. |
| **Use as the message** | On or off. Links with ?product= start the message with the piece's name. Default: off. |
| **Required** | On or off. Default: off. |
| **Help text** | Formatted text (one line). |
| **Placeholder** | Text. |
| **Maximum characters** | Number. |
| **Width** | Options: Full, Half. Default: Full. |

### Text in the form

| Setting | What it does |
| - | - |
| **Text** | Formatted text. |

### Contact details (up to 2)

| Setting | What it does |
| - | - |
| **Eyebrow** | Text. Default: The salon. |
| **Heading** | Text. Default: New York. |
| **Address** | Text (several lines). Default: 41 East 68th Street, fourth floor New York, NY 10065. |
| **Hours** | Text. Default: Tuesday to Saturday, 11 am to 7 pm. |
| **Phone** | Text. Default: +1 212 555 0188. |
| **Email** | Text. |
| **Button label** | Text. Default: Boutiques and hours. |
| **Button link** | Link: a page, product, collection or web address. |

### Quick links (up to 2)

| Setting | What it does |
| - | - |
| **Heading** | Text. Default: Quick answers. |
| **Menu** | Choose a menu. For example links to your questions page sections. |


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