# Contact form

<figure><img src="https://3026705042-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAJrvmfqcj9TMoPkl3bNc%2Fuploads%2FUBlxlln7FLlArrIfcUxN%2FHyper%20docs%20screenshot%20do%20not%20delete%20(13).jpg?alt=media&#x26;token=1c5c2b33-02d4-4622-9540-a2a71ce124d3" alt=""><figcaption></figcaption></figure>

The Contact form section helps you stay connected with your customers effortlessly. Whether they have questions, feedback, or support requests, this form makes it simple for them to reach out. 📩

{% hint style="info" %}
Your contact form sends all submissions to the **sender email address** of your store. You can change the sender email address in the [**Notifications**](https://admin.shopify.com/settings/notifications) settings page of your Shopify admin.
{% endhint %}

## How to add a Contact form section to your Shopify store

{% hint style="success" %}
Steps:

1. In the theme editor **(Customize)**, click **Add section.**
2. Locate **Contact form.**
3. Make necessary changes.
4. **Save.**
   {% endhint %}

## How to edit a Contact form section

The form comes with default fields: **Name, Email, Phone - which cannot be deleted**.

Among them, the Email field is required for customers to fill in.

{% hint style="info" %}
Default wordings of the default fields can be changed in **Actions > Edit default theme content.**

![](https://3026705042-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAJrvmfqcj9TMoPkl3bNc%2Fuploads%2FGd84bSYOG16TnvPcNo5b%2Fimage.png?alt=media\&token=782a966e-3692-40f2-a742-4a69ef265ea6)
{% endhint %}

<figure><img src="https://3026705042-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAJrvmfqcj9TMoPkl3bNc%2Fuploads%2FpKZROQVvKQdrG57grn3c%2Fimage.png?alt=media&#x26;token=d3acad98-3d7f-4f00-a76c-ce69fdcf9be8" alt=""><figcaption></figcaption></figure>

In addition to the default fields, you can add [custom fields](#custom-field) to gather extra information or a [sidebar](#sidebar) next to the form.

<figure><img src="https://3026705042-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAJrvmfqcj9TMoPkl3bNc%2Fuploads%2F97op8MwiyxrM5e8s4XEA%2Fimage.png?alt=media&#x26;token=d82c65b3-ed7f-44a7-8d65-8fca6e3a1672" alt=""><figcaption></figcaption></figure>

### Custom field

For each of the custom fields, you can customize the following elements to improve the user experience:

* **Field type**: Select the supported format for the field input.

  * Text: For short responses like names, subjects, etc.
  * Textarea: Ideal for collecting longer responses, such as inquiries or detailed feedback.
  * Phone: Collect customers' phone numbers for contact purposes.
  * Select (dropdown list): Allow customers to choose one from predefined options.

  If you select this field type, add the options below. Separate them by commas.

  <figure><img src="https://3026705042-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAJrvmfqcj9TMoPkl3bNc%2Fuploads%2Fxq2WkXJmxdvmcP9FKiES%2Fimage.png?alt=media&#x26;token=d44af3ca-20fe-4825-89f5-38c8da543f1b" alt=""><figcaption></figcaption></figure>

  * Checkbox: For consent agreements, terms acceptance, or opt-ins.

  If you select this field type, define values for the checked option and unchecked option.

  <figure><img src="https://3026705042-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAJrvmfqcj9TMoPkl3bNc%2Fuploads%2FHFQ7sgWOEgNZ1qGTA4fg%2Fimage.png?alt=media&#x26;token=7557908c-aaa9-418b-ac9c-5bb3b3303571" alt=""><figcaption></figcaption></figure>

  * Radio: Let the customer select a single option from a set of predefined choices.

  If you select this field type, add the options below. Separate them by commas.

  <figure><img src="https://3026705042-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAJrvmfqcj9TMoPkl3bNc%2Fuploads%2FFORLit7xDiHERDRvmahK%2Fimage.png?alt=media&#x26;token=2118654f-dc86-49db-9f6d-572a52dfe46e" alt=""><figcaption></figcaption></figure>

### Sidebar

You can add a **Sidebar** to your contact form to provide additional information such as business hours, contact details, and store locations.

<figure><img src="https://3026705042-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAJrvmfqcj9TMoPkl3bNc%2Fuploads%2F4Wwxo1yVpQTei4fyypof%2Fimage.png?alt=media&#x26;token=26774044-cc14-49ae-bcfb-c30437a24beb" alt=""><figcaption></figcaption></figure>

* **Position**: Choose whether the sidebar should appear (on the left or right side of the form).
* **Content**: Add the sidebar content to show customers what is it about.
* **Icon with text**: You can add up to 3 icon with text items to the sidebar.
* **Button**: Add a button with a custom link at the end of the sidebar.

***

<figure><img src="https://3026705042-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAJrvmfqcj9TMoPkl3bNc%2Fuploads%2FkUIzEsJKOeRiz891zyf5%2Flivechat883x471%20(1).png?alt=media&#x26;token=90cbed2c-e791-49c8-9f43-49a08bed6f1f" alt=""><figcaption><p><a href="https://apps.shopify.com/xflow?utm_source=foxecom&#x26;utm_medium=help_center_hyper&#x26;utm_campaign=banner">Install XFlow Back In Stock Automation FREE</a></p></figcaption></figure>
