> For the complete documentation index, see [llms.txt](https://nextsky-2.gitbook.io/milano-shopify/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://nextsky-2.gitbook.io/milano-shopify/theme-sections/newsletter.md).

# Newsletter

Newsletters are one of the most powerful digital marketing tools at your disposal since they let you communicate directly with your customers in a personalized way when they subscribe.

<figure><img src="https://1163507529-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAGMtjb3mOlhr9pzqKwM0%2Fuploads%2F1c0brWuBvJGREal7SDIx%2Fimage.png?alt=media&amp;token=5faacb76-7525-44a9-a8ab-69db54f63752" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
Steps

* In the theme editor (**Customize**), click **Add section**
* Locate **Newsletter**
* **Save**
  {% endhint %}

## General settings

**Section width:** You can choose among Fluid container, Full width, Stretch width for the banner layout.

**Color scheme:** You are allowed to change text color, background color with preset color.

**Background Image**: Select a background image for the newsletter popup.

<figure><img src="https://1163507529-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAGMtjb3mOlhr9pzqKwM0%2Fuploads%2F5w5FSNNknotAvgDev1GH%2Fimage.png?alt=media&amp;token=76e5a118-d31c-48b3-a66e-c42971f81c9d" alt=""><figcaption></figcaption></figure>

## Section header

Use the provided text fields to add a suitable heading/description. Leave any of them blank if you do not want to display them.

Adjust the text alignment (left/center/right) along with the font-size.

<figure><img src="https://1163507529-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAGMtjb3mOlhr9pzqKwM0%2Fuploads%2FERggNhluXxZCpKEsL0WU%2Fimage.png?alt=media&amp;token=38b611d6-4209-4168-b691-d2db76cef392" alt=""><figcaption></figcaption></figure>

## Newsletter setting

Use the provided text fields to add suitable text. Leave any of them blank if you do not want to display them.

<figure><img src="https://1163507529-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAGMtjb3mOlhr9pzqKwM0%2Fuploads%2FVYfrB1obqB9dNkEtHl1E%2Fimage.png?alt=media&amp;token=ce58e1f4-06be-4438-8109-3003778301d4" alt=""><figcaption></figcaption></figure>

## Content box

You can set a background color and adjust the opacity for the it.

<figure><img src="https://1163507529-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAGMtjb3mOlhr9pzqKwM0%2Fuploads%2FzG61uiAKG1y2K7MPilP3%2Fimage.png?alt=media&amp;token=7231394c-1995-4f88-a6aa-9d8849587fe9" alt=""><figcaption></figcaption></figure>

## Section padding

Section padding allows you to specify the space between this section and the preceding or following sections, or both.

<figure><img src="https://1163507529-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAGMtjb3mOlhr9pzqKwM0%2Fuploads%2FY4JmnLGRYfmuaW9hIQ5A%2Fimage.png?alt=media&amp;token=222086b8-8722-4132-9674-2261939cd922" alt=""><figcaption></figcaption></figure>