# Newsletter

{% embed url="<https://youtu.be/BPXrCtvAt_I>" %}

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/5WlAIkq5Keo641r70Byr/blobs/UbAMzabTkPOYrdNSsOoZ/image.png" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
Steps

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

There are 2 displayed forms:

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

<figure><img src="https://content.gitbook.com/content/5WlAIkq5Keo641r70Byr/blobs/n6hGCNEXAF3Jyy5P9uya/image.png" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Horizontal" %}

<figure><img src="https://content.gitbook.com/content/5WlAIkq5Keo641r70Byr/blobs/NaRdMQYqWZOHzFVR7dbB/image.png" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

### 1. Layout & content

<figure><img src="https://content.gitbook.com/content/5WlAIkq5Keo641r70Byr/blobs/jUZLF710GUyNTK6OPoMI/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/5WlAIkq5Keo641r70Byr/blobs/rz4vnKj1bsKeY3hgSuzJ/image.png" alt=""><figcaption></figcaption></figure>

### 2. Button and placeholder

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**.

<figure><img src="https://content.gitbook.com/content/5WlAIkq5Keo641r70Byr/blobs/Ky0iiISo6iXFxOF39Jwo/image.png" alt=""><figcaption></figcaption></figure>

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

### 3. Section padding

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

<figure><img src="https://content.gitbook.com/content/5WlAIkq5Keo641r70Byr/blobs/xzx0HSqFzejnlWScJHii/image.png" alt=""><figcaption></figcaption></figure>