> For the complete documentation index, see [llms.txt](https://blueskytechco.gitbook.io/alukas-shopify/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://blueskytechco.gitbook.io/alukas-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 subscribed.

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

{% hint style="success" %}
Steps

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

## Section settings

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

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

Adjust the text alignment (left/center/right) along with the background color and container type.

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

**Layout:** You can choose between Container, Wrapped container, Full width for the banner layout.

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

<figure><img src="https://content.gitbook.com/content/z14kVz432NnMEq8AbqBr/blobs/b38omK2lxrW2u7jQGdAl/image.png" 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/z14kVz432NnMEq8AbqBr/blobs/G8EeeSK7I7o1ARB3KCyW/image.png" 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/z14kVz432NnMEq8AbqBr/blobs/ypfRWfn119fkDib8XgjD/image.png" alt=""><figcaption></figcaption></figure>