# Contact form

![image](https://docs-assets.foxecom.app/hyper-theme/Hyper%20docs%20screenshot%20do%20not%20delete%20(13)_vNONiXZj.jpg)

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 type="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.

</Hint>

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

<Hint type="success">

Steps:

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

</Hint>

## 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 type="info">

Default wordings of the default fields can be changed in **Actions > Edit default theme content.**

![](https://docs-assets.foxecom.app/hyper-theme/image_yevHRVsI.png)

</Hint>

![image](https://docs-assets.foxecom.app/hyper-theme/image_7SrmnjZE.png)

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.

![image](https://docs-assets.foxecom.app/hyper-theme/image_eba4Ge47.png)

### 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.

  ![image](https://docs-assets.foxecom.app/hyper-theme/image_TWzEDo1v.png)

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

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

  ![image](https://docs-assets.foxecom.app/hyper-theme/image_Shn0UBfk.png)

  * 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.

  ![image](https://docs-assets.foxecom.app/hyper-theme/image_0hCdAe6J.png)

### Sidebar

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

![image](https://docs-assets.foxecom.app/hyper-theme/image_zNMCy5jM.png)

* **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.