# Newsletter model

The **Email Signup Block** in the Footer Section allows customers to **subscribe to your newsletter**, helping you grow your email marketing list. It includes a **newsletter modal** popup with customizable delay settings and background images.

{% hint style="success" %}

* **Go to** Shopify Admin > **Online Store > Themes**.
* Click **Customize** on your active theme.
* Navigate to **Footer Section > Add Block > Email Signup**.
* Configure the settings as needed.
  {% endhint %}

### Modal settings

* **Enable newsletter modal :** Enable or disable the newsletter model.
* **Modal Popup Width :** Customize the newletter model popup width.
* **How many days should modal not show (Setting to 1, will show after One day) :** Customize the modal how many days should modal not show.
* **Delay modal appearing (Milliseconds, e.g 1000 = 1s) :** Set the delay modal appearing.
* **Overlay Background color :** Customize the overlay background color.
* **Overlay Transparency (0.01 to 1) :** Adjust the transparency of the overlay (value between `0.01` and `1`).

### Modal content

* **Text alignment :** Choose heading position**( Left, Right, Center )**.
* **Upload modal image :** Upload the image (Recommended size based on design requirements).
* **Enable Background Color (Used as Background Image Overlay Color too) :** Allows adding a background color for the section.
* **Content Background color :** Customize the content background color (Set Your Preferred Color).
* **Overlay Transparency (0.01 to 1) :** Adjust the transparency of the overlay (value between `0.01` and `1`).
* **Form Style :** Choose the form style **(Style 1 to Style 6)**
* **Gap between Text Box and Button (in px) - Not for 'Form Style 4 & 5 :** Customizer spacing between columns.
* **Sub Title :** Add a short text to the content.
* **Newsletter Title :** Customize the Newsletter title.
* **Newsletter content :** Customize the Newsletter content.
* **Newsletter Additional Text :**  Customize the Newsletter additional text.
* **Enable Social Icon :** Enable or disable the social icon.

### Section Color settings

* **Title Color :** Customize  the title color (Set Your Preferred Color).
* **Sub Title color :** Customize the subtitle color (Set Your Preferred Color).
* **Form Background Color :** Customize the form background color (Set Your Preferred Color).
* **Form Button bg color (Not for Style 4) :** Customize the form button background color (Set Your Preferred Color).
* **Form Button Text color :** Customize the form button text color (Set Your Preferred Color).
* **Form Button Hover bg color (Not for Style 4) :** Customize the form button hover background color (Set Your Preferred Color).
* **Form Button Hover Text color :** Customize the form button hover text color (Set Your Preferred Color).
* **Newsletter Additional Text color :** Customize the newsletter additional text color (Set Your Preferred Color).
* **Social Icon color :** Customize the social icon color (Set Your Preferred Color).
* **Social Icon Hover color :** Customize the social icon hover color (Set Your Preferred Color).