# Email signup

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

Encourage customers to get their latest deals, new collection release updates, etc. via the Email sign-up section.

## How to add an Email signup section to your Shopify store

<Hint type="success">

**Steps:**

1. In the theme editor **(Customize)**,> click **Add section**
2. Select **Email signup.**
3. Make necessary changes.
4. **Save** the settings.

</Hint>

## How to edit an Email sign-up section

### General

You can choose your preferred section **Layout** (Vertical/ Horizontal).

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

<Tabs>
<Tab title="Vertical">

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

</Tab>

<Tab title="Horizontal">

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

</Tab>
</Tabs>

### Section header

Customize the text and alignment to ensure the banner effectively communicates your message and encourages engagement.

<Expandable title="See settings">

* **Subheading**: Add a short, secondary heading to complement the main heading. This can provide additional context or detail.
* **Heading**: Enter the primary title for your banner.
* **Heading size:** Adjust the size to fit your design preference and ensure readability. Choose from available heading sizes.
* **Text:** Add a detailed explanation or summary for the banner. Use rich text formatting like **bold**, *italic*, links, and lists for better visual emphasis.
* **Description size:** Select the size of the description text.
* **Text alignment:** Align the text in the section to the **Left/Center.**

</Expandable>

### Form settings

Use the slider to adjust the **Form width (px)** from 450px to 800px.

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

Provide the appropriate **Term & Policy text** for the Email sign-up section if needed and adjust the **Text size.**

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

Change the **Button style** of the submit button to match your store's design.

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

<Hint type="info">

Any customers who sign up will have an account created for them in Shopify Admin.

</Hint>

### Block settings

* Image: Choose the image you want to use for the form

<Hint type="info">

The image is displayed on the left side of the form.

</Hint>

* Image ratio
  * Adapt to image
  * Square (1:1)
  * Portrait (3:4)
  * Landscape (4:3)

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