# Email signup

<figure><img src="https://3064615700-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3yE7VVjvl0MgK6awOPKB%2Fuploads%2FoM4AqYXUMjZ9WheU9c10%2Fimage.png?alt=media&#x26;token=be852f8b-7327-490f-98e1-aa5b83eb81db" alt=""><figcaption></figcaption></figure>

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

In this article, we will show you how to add an Email sign-up section.

## How to add an Email sign-up section to your Shopify store

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

1. In the theme editor **(Customize)**,> click **Add section**
2. Select **Email sign-up.**
3. Make necessary changes.
4. **Save** the settings.
   {% endhint %}

## How to edit an Email sign-up section

### General

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

<figure><img src="https://3064615700-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3yE7VVjvl0MgK6awOPKB%2Fuploads%2F0h8w9EvOovUB2NdTaXkQ%2Fimage.png?alt=media&#x26;token=b95c66ff-6a1a-4fd3-8f93-c31dee0ded77" alt=""><figcaption></figcaption></figure>

{% tabs %}
{% tab title="Vertical" %}

<figure><img src="https://3064615700-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3yE7VVjvl0MgK6awOPKB%2Fuploads%2FotbmooIOovDJyZ5RRHsf%2Fimage.png?alt=media&#x26;token=1cb06092-1d82-4d07-938d-b6d38dae8184" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Horizontal" %}

<figure><img src="https://3064615700-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3yE7VVjvl0MgK6awOPKB%2Fuploads%2FC8Kf7S775aQVhnW0vIrV%2Fimage.png?alt=media&#x26;token=ab6a39d1-3662-41f1-8002-43ddb0652cc6" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

### Section header

Use the provided text field to add a suitable **Heading**.

* Leave it blank if you do not want to display it

You can also change the **Heading size** to:

* Heading xs
* Heading sm
* Heading md
* Heading lg
* Heading xl
* Heading 2xl
* Display md
* Display lg
* Display xl

<figure><img src="https://3064615700-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3yE7VVjvl0MgK6awOPKB%2Fuploads%2Fhj1fBaJGWmTyegJZ8Rcq%2Fimage.png?alt=media&#x26;token=62de621e-0e29-4662-b0bc-7f0b71edaf30" alt=""><figcaption></figcaption></figure>

### Highlight text

[How to apply Highlight text to the section heading and block headings?](https://docs.foxecom.com/sleek-theme/pages-global-sections/general-settings#highlight-text)

Use the provided text fields to add a suitable **Subheading** and **Text**.

* Leave them blank if you do not want to display them

You can also change the **Description size** to Small/ Base size/ Large and the **Text alignment** to Left/ Center to make the content look balanced on your website.

<figure><img src="https://3064615700-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3yE7VVjvl0MgK6awOPKB%2Fuploads%2F8n5sTRUCmWdegQPJjFG4%2Fimage.png?alt=media&#x26;token=fec79f41-0ea6-4178-9c4d-44cc25a5ab99" alt=""><figcaption></figcaption></figure>

### Form settings

You can choose the different designs for the Email signup section by changing the **Text alignment** value (Design 1/Design 2).

<figure><img src="https://3064615700-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3yE7VVjvl0MgK6awOPKB%2Fuploads%2FkbbBzJNiK6fhI9zPhcJl%2Fimage.png?alt=media&#x26;token=409e6851-a33d-4c5a-bb37-4bb1b8d7110a" alt=""><figcaption></figcaption></figure>

{% tabs %}
{% tab title="Design 1" %}

<figure><img src="https://3064615700-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3yE7VVjvl0MgK6awOPKB%2Fuploads%2FCztSP4uCjGsSQJbN1pFA%2Fimage.png?alt=media&#x26;token=0f799e0f-e45a-419b-90e5-9e26ebf6bbe6" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Design 2" %}

<figure><img src="https://3064615700-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3yE7VVjvl0MgK6awOPKB%2Fuploads%2F7RShprCmnmukGvXiXuAV%2Fimage.png?alt=media&#x26;token=1a35f900-5a44-40f4-b7c6-07602f107e81" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

You can also use the slider to adjust the **Form width (px)** from 450px to 800px.

<figure><img src="https://3064615700-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3yE7VVjvl0MgK6awOPKB%2Fuploads%2Flqt2F3S3dEIPqdMKfb9u%2Fimage.png?alt=media&#x26;token=14ae2cd3-d0d9-4377-9f5e-3f2ff29891fb" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://3064615700-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3yE7VVjvl0MgK6awOPKB%2Fuploads%2FeqIz05Z7jnpbUNsSljrC%2Fimage.png?alt=media&#x26;token=71e90a24-a6a7-445b-856d-05e5ce6d37b7" alt=""><figcaption></figcaption></figure>

Moreover, you can change the **Button style** of the submit button to Primary button/ Secondary button/ Blank button.

<figure><img src="https://3064615700-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3yE7VVjvl0MgK6awOPKB%2Fuploads%2FxukYt6zwp5uVvsqJCdKx%2Fimage.png?alt=media&#x26;token=545babdf-f88a-4e13-9d9d-9c7aa0fbf2ea" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Any customers who sign up will have an account created for them in Shopify Admin.
{% endhint %}
