# Newsletter

![](https://docs-assets.foxecom.app/documentation/46b049ae-e1b6-46ae-aa93-fb8a3d01c221.png)Collect email addresses and grow your mailing list with a newsletter sign-up form. 

**The email address collected through the form is added to your store's customer list automatically**. No extra setup is required.

Choose a layout that fits your page, customize the subscribe button, and add an optional terms or privacy note below the form.

## General

<Table widths="30%">
  | Setting            | Description             | Options                    |
  | ------------------ | ----------------------- | -------------------------- |
  | **Design**         | Choose the form layout. | Design 1/Design 2/Design 3 |
  | **Text alignment** | Align the form content. | Left/Center                |
</Table>

<Tabs>
  <Tab title="Design 1">
    ![](https://docs-assets.foxecom.app/documentation/28c5b84d-97da-4b2b-a413-ce460ed79463.png)
  </Tab>

  <Tab title="Design 2">
    ![](https://docs-assets.foxecom.app/documentation/3d7aee90-c4bd-4e7c-b47f-b8e235f70043.png)
  </Tab>

  <Tab title="Design 3">
    ![](https://docs-assets.foxecom.app/documentation/2cc7c27b-d535-4975-bd8d-781f27b8ccbc.png)
  </Tab>
</Tabs>

<Hint type="info">
  You can change the form placeholder text and success messages in the **Edit default theme content > Blocks > Email signup**.
</Hint>

## Button

<Table widths="30%">
  | Setting   | Description                                                                 | Options    |
  | --------- | --------------------------------------------------------------------------- | ---------- |
  | **Label** | Set the text on the subscribe button. Leave empty to use the default label. | Enter Text |
</Table>

<Hint type="success" title="Tip">
  Use a short, action-focused label such as **Subscribe** or **Join our newsletter** so customers know what happens when they click.
</Hint>

## Terms & Policy

<Table widths="30%">
  | Setting   | Description                                                                                                      | Options      |
  | --------- | ---------------------------------------------------------------------------------------------------------------- | ------------ |
  | **Text**  | Add a note below the form, such as a link to your Terms of Use and Privacy Policy. <br />Leave empty to hide it. | Enter Text   |
  | **Color** | Choose the text color for the terms and policy note.                                                             | Text/Subtext |
</Table>

<Hint type="success" title="Tip">
  Keep the note short so it doesn't distract from the sign-up form. Leave the field empty if you don't need to show one.
</Hint>

## Size

<Table widths="30%">
  | Setting          | Description                                                                         | Options         |
  | ---------------- | ----------------------------------------------------------------------------------- | --------------- |
  | **Width**        | Set the newsletter block width.                                                     | Fit/Fill/Custom |
  | **Custom width** | Appears when Width \= Custom. Set the block width as a percentage.                  | 0% - 100%       |
  | **Width mobile** | Set the newsletter block width on phones.                                           | Fit/Fill/Custom |
  | **Custom width** | Appears when Width mobile \= Custom. Set the block width on phones as a percentage. | 0% - 100%       |
</Table>

<Hint type="success" title="Tip">
  Use **Custom** when the full-width form looks too wide for the surrounding content.
</Hint>