> For the complete documentation index, see [llms.txt](https://modutheme.gitbook.io/helix/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://modutheme.gitbook.io/helix/theme-blocks/forms/contact-form.md).

# Contact form

A contact form with name, email, and message fields, plus any custom fields you add. Submissions are sent to your store's customer-notification email.

**Available blocks:** [Custom field](#custom-field).

{% hint style="info" %}
When the block sits on a product page, the notification email also carries a **Product link** — the URL of the exact variant the shopper was looking at — so you can see what the enquiry is about without asking. Nothing to configure; the field is added automatically and never appears on a standalone contact page.
{% endhint %}

## Settings

| Setting       | Description                                                                                                                                                                                                                          |
| ------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| Gap           | Vertical spacing between form fields — set separately for desktop and mobile.                                                                                                                                                        |
| Field height  | Height of the form fields — set separately for desktop and mobile.                                                                                                                                                                   |
| Submit button | **Label**, **Style**, icon settings (Show icon, Icon, Icon position, Icon size, with **Custom icon size** when set to Custom), and **Desktop width** / **Mobile width** — whether the button fits its label or fills the form width. |
| Device        | Switches the Size settings below between **Desktop** and **Mobile** values.                                                                                                                                                          |
| Width         | **Fit** (content width), **Fill** (container width), or **Custom** percentage, with an optional **Limit width** / **Max width** cap.                                                                                                 |
| Animation     | Entrance effect (Fade, Scale, Slide from left / right / bottom) played on scroll, with an optional **Delay**. Shown when block animations are enabled in theme settings.                                                             |
| Padding       | Outer spacing: top / bottom, with independent mobile values via **Custom for mobile**.                                                                                                                                               |

The name, email, and message fields and the send button are built into the Contact form block — configure them with the settings above. Custom field is the only block you add.

## Available blocks

### Custom field

An extra input field of a type you choose.

| Setting                           | Description                                                                               |
| --------------------------------- | ----------------------------------------------------------------------------------------- |
| Type                              | **Phone number**, **Text**, **Multiline text**, **Dropdown**, **Radio**, or **Checkbox**. |
| Label                             | The field label shown to customers.                                                       |
| Required                          | Makes the field mandatory before the form can be sent.                                    |
| Options                           | A comma-separated list of choices, for the Dropdown and Radio types.                      |
| Deselected value / Selected value | The values submitted when a Checkbox is left off or ticked.                               |

{% hint style="info" %}
There is no separate Phone number block — a phone field is a Custom field with its **Type** set to **Phone number**. The Contact form preset already includes one, labelled **Phone number**. Delete the block if you don't want to collect phone numbers.
{% endhint %}