---
description: Theme section
---

# Newsletter

The **Newsletter** section lets you promote your email newsletter with an on-page signup form.

> The [Popup](../popups) and [Footer](../../pages/footer/newsletter-block) sections can also include a newsletter signup block.

{% hint style="success" %}
<mark style="color:green;">**Shopify**</mark> Newsletter subscribers are added to your "accepts marketing" [Customers](https://shopify.com/admin/customers?query=\&accepts_marketing=1) list. You can learn more about how to manage Shopify customer emails from their [Email subscriber list management ↗](https://help.shopify.com/en/manual/promoting-marketing/create-marketing/shopify-email/email-subscriber-list-management) and [Using Shopify Email for email marketing ↗](https://help.shopify.com/en/manual/promoting-marketing/create-marketing/shopify-email) article.
{% endhint %}

![](https://1086282208-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fl6iv1HA2gJCuwR5V6stX%2Fuploads%2Fgit-blob-3f418e4a59774993f389961e67c114c9de4c3627%2Fnewsletter-desktop.jpeg?alt=media)

## Set up section

Add this section to any template (except Checkout) and use the drag-and-drop handles to re-order its position. You can add this section multiple times with different content and settings.

{% hint style="warning" %}
Editing a template changes all pages that use that template. To edit specific pages, you can [create new templates](../../../general/editing-themes/using-templates#create-and-assign-multiple-templates) or [use metafields and dynamic sources](../../general/adapting-your-theme/dynamic-content-with-metafields).
{% endhint %}

<details>

<summary><mark style="color:blue;"><strong>STEPS</strong></mark></summary>

In your theme editor (**Customize**):

1.  Select a **Template** to edit from the dropdown menu in the top bar.

    > Learn how to use templates in our [Templates guide](../../general/editing-themes/using-templates).
2. Under **Template**, click **(+) Add section** and select **Newsletter**.
3. Click and hold the drag-and-drop handles **`⋮⋮`** to re-order your sections.

</details>

## Add section headings

Add a section title and promotional text to your **Newsletter** section. The section headings are included as blocks nested within the section.

<details>

<summary><mark style="color:blue;">STEPS</mark></summary>

In your theme editor (**Customize**):

1.  Click the **Small heading** block to change the text that appears above the heading.

    > We recommended using the **Small heading** as a label or category such as "Newsletter".
2.  Click the **Heading** block ("Newsletter") to change the text for the section title.

    > We recommended a short title of just a few words.
3.  Click the **Subheading** block to add a few sentences below the heading.

    > We recommend two or three short sentences.
4. Use the **Show/hide** button (eye icon) to remove a heading block.
5. Click **Save**.

</details>

## Section style and layout

Choose whether to use the **Contrast** section style and make adjustments to the layout of your section headings.

<details>

<summary><mark style="color:blue;">STEPS</mark></summary>

In your theme editor (**Customize**):

1. Click on the **Newsletter** section to open the section settings.
2.  (_Optional_.) Use the **Section style** dropdown to apply **Contrast** colors.

    > The **Contrast** style uses the contrast colors in your **Theme Settings**.
3. Choose whether to **Enable animation** to show visual effects when scrolling, hovering, or interacting with the section.
4.  Use the **Max width of text** slider to control the maximum width of the headings.

    > Use this setting to create a clean visual shape for your text and avoid unwanted line breaks.
5. Click **Save**.

</details>

## Settings reference

Click on the section to find the following settings:

| Setting           | Description                                                                                                                                                                                                                                                                                               |
| ----------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Small heading     | Change the small heading text displayed above the main heading.                                                                                                                                                                                                                                           |
| Heading           | Enter heading text to display as a section title.                                                                                                                                                                                                                                                         |
| Subheading        | Enter subheading text to display below the heading. Use the formatting buttons to add text styles, links, or lists. To learn more, see Shopify's [Rich text editor manual ↗](https://help.shopify.com/en/manual/shopify-admin/productivity-tools/rich-text-editor#format-text-with-the-rich-text-editor). |
| Style             | Use the Default or Contrast section style. The Contrast style uses the contrast colors in your Theme Settings.                                                                                                                                                                                            |
| Max width of text | Use the slider to control the maximum width and line breaks of the headings.                                                                                                                                                                                                                              |
| <p><br></p>       |                                                                                                                                                                                                                                                                                                           |

***

> **Related links**\
> [Popup](../popups)\
> [Footer newsletter](../../pages/footer/newsletter-block)\
> [Email subscriber list management ↗](https://help.shopify.com/en/manual/promoting-marketing/create-marketing/shopify-email/email-subscriber-list-management)\
> [Using Shopify email for email marketing ↗](https://help.shopify.com/en/manual/promoting-marketing/create-marketing/shopify-email)
