# Newsletter form

<figure><img src="https://3723856256-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGnixyIfIYFWroNtVmZo6%2Fuploads%2Fgit-blob-e01f6fd8da45d499a7dfd78a0bf814188b9bbb7c%2Fimage.png?alt=media" alt=""><figcaption></figcaption></figure>

## Overview

A customizable newsletter signup form block that allows customers to subscribe to your store's mailing list. Features responsive layout options, flexible styling, and customizable success messages. Subscribes users to the Shopify customer mailing list and supports both stacked and inline layouts with error handling and success message display.

## Common use cases

* Collect email addresses for marketing campaigns and newsletters
* Add a compelling success message to confirm subscriptions
* Choose button colors that contrast well with your theme
* Use stacked layout for mobile-first designs
* Consider using padding options when placed within other content blocks
* Test the form across different screen sizes to ensure optimal layout

## Compatible blocks

The following blocks can be nested within this block:

* [Input field](https://help.brickspacelab.com/slab/content/blocks/forms/input-field)
* [Button](https://help.brickspacelab.com/slab/content/blocks/basics/button)

## Block settings

### General

| Setting                | Description                 | Options                   |
| ---------------------- | --------------------------- | ------------------------- |
| Show advanced settings | Reveals visibility settings | Checkbox (default: false) |

### Content

| Setting         | Description                                        | Options         |
| --------------- | -------------------------------------------------- | --------------- |
| Success message | Custom message shown after successful subscription | Rich text input |

### Spacing

| Setting                   | Description                             | Options                   |
| ------------------------- | --------------------------------------- | ------------------------- |
| Enable horizontal padding | Adds horizontal padding around the form | Checkbox (default: false) |
| Enable top padding        | Adds top padding around the form        | Checkbox (default: false) |
| Enable bottom padding     | Adds bottom padding around the form     | Checkbox (default: false) |

### Layout

| Setting | Description       | Options                                |
| ------- | ----------------- | -------------------------------------- |
| Layout  | Form layout style | <p>• Stacked<br>• Inline (default)</p> |

### Display

| Setting    | Description                        | Options                                                                                                                            |
| ---------- | ---------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------- |
| Visibility | Controls when the block is visible | <p>• All (default)<br>• Mobile only<br>• Desktop only</p><p><br><br>Visible when <strong>Show advanced settings</strong> is on</p> |