> For the complete documentation index, see [llms.txt](https://docs.ultramarinastudios.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.ultramarinastudios.com/sections/contact-form.md).

# Contact form

<figure><img src="/files/eLnDShKUgXLmnEIqpYV6" alt=""><figcaption><p>Contact form on the Primavera demo store with a custom "Subject" dropdown</p></figcaption></figure>

You can customize the fields available in your contact form by adding blocks. Merchants are not limited to one single contact form: you can use multiple contact form sections to create different forms for different purposes, eg. general customer support vs. wholesale inquiries.

Form field appearance can be modified in the Theme settings, under [Theme Settings > Appearance > Forms.   ](/theme-settings.md)

You can find out more about where the contact form submissions go by reading the [Shopify documentation.](https://help.shopify.com/en/manual/online-store/themes/customizing-themes/add-contact-page#view-contact-form-submissions)

### Settings

* **Section header:** See [common settings](/common-settings.md)
* **Layout:**
  * **Button style:** Choose between the primary or secondary button style.
  * **Button width:** Choose between the default button width or full width.
  * **Horizontal alignment:** Choose between **left, center** and **right** horizontal alignments. This only affects the button (if not full width) and the header.

### Blocks

* **Text:** Represents a single-line text field.&#x20;
* **Email:** Represents the customer's email. Limited to one per form.
* **Telephone:** Represents the customer's phone number. Limited to one per form.
* **Dropdown:** Allows the customer to select one option from a list of options.
* **Radio buttons:** Allows the customer to select one option from a list of options. Better if there is only a few options.
* **Checkbox:** A single checkbox.
* **Textarea:** Allows the customer to enter multiple lines of text.

#### Block settings

Here are the types of settings you may find in the above blocks:

* **Label:** Assigns a label to the block.
* **Required:** Allows you to mark a certain field as required for submission.
* **Number of columns:** Some fields allow you to choose if the field occupies one or two columns (for desktop only).&#x20;
* **Options:** For fields that accept multiple options (dropdown, radio buttons), you enter the various options by passing a comma-seperated list of items. eg. 'Red,Blue'

{% hint style="info" %}
Can't find the setting you're looking for?  The following settings are explained in detail in [common settings](/common-settings.md):

* Container width
* Color scheme/Color scheme transition
* Padding
* Borders
  {% endhint %}


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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://docs.ultramarinastudios.com/sections/contact-form.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.