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

<figure><img src="https://1887672278-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGyYuzVsob5kZQHtG5da3%2Fuploads%2FU0MdVQUL65x89BxGMDQV%2Fimage.png?alt=media&#x26;token=22bfdb9e-55f2-46a8-9823-61e096cd101f" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
Steps

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

## Section 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://1887672278-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGyYuzVsob5kZQHtG5da3%2Fuploads%2FbwpztwX9SqNYBqFSqnps%2Fimage.png?alt=media&#x26;token=7729b872-a7fd-4545-a37d-c3b928ed6567" alt=""><figcaption></figcaption></figure>

### Section header <a href="#id-1.-layout-and-content" id="id-1.-layout-and-content"></a>

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://1887672278-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGyYuzVsob5kZQHtG5da3%2Fuploads%2FF3P8pCgFPKgP4xuNWTNA%2Fimage.png?alt=media&#x26;token=d9372e64-3713-44dd-8f76-dcbf1267cda6" 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://1887672278-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGyYuzVsob5kZQHtG5da3%2Fuploads%2FbbuJN942PAPNG6h23S9X%2Fimage.png?alt=media&#x26;token=e545410f-3300-4498-82d7-a7fc500126ac" alt=""><figcaption></figcaption></figure>

### Content <a href="#id-2.-button-and-placeholder" id="id-2.-button-and-placeholder"></a>

You can decide on the placeholder text and button label for the newsletter section. Additionally, choose the layout for the newsletter section with the specified **Form layout**.

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

<figure><img src="https://content.gitbook.com/content/GyYuzVsob5kZQHtG5da3/blobs/ru2s0n4jC3gOxQcgGvHH/image.png" alt=""><figcaption></figcaption></figure>

### Content box <a href="#id-3.-section-padding" id="id-3.-section-padding"></a>

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

<figure><img src="https://1887672278-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGyYuzVsob5kZQHtG5da3%2Fuploads%2FXcH6Wxnf2vZyx3jcqRFI%2Fimage.png?alt=media&#x26;token=a15709a4-ada8-4b08-b8a8-a13efca78ac6" alt=""><figcaption></figcaption></figure>

### Section padding <a href="#id-3.-section-padding" id="id-3.-section-padding"></a>

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

<figure><img src="https://content.gitbook.com/content/GyYuzVsob5kZQHtG5da3/blobs/xYoo0b15Eqwaxpk5BEzq/image.png" alt=""><figcaption></figcaption></figure>
