# Newsletter block

Display a newsletter sign up form in your Footer with custom text and email field.

Newsletter subscribers are added to your "accepts marketing" [Customers](https://shopify.com/admin/customers?query=\&accepts_marketing=1) list. See Shopify's [Marketing guide](https://help.shopify.com/en/manual/promoting-marketing/create-marketing/customer-contact-information) and learn about [Subscriber lists](https://help.shopify.com/en/manual/promoting-marketing/create-marketing/shopify-email/email-subscriber-list-management) and using [Shopify Email](https://help.shopify.com/en/manual/promoting-marketing/create-marketing/shopify-email).

{% hint style="info" %}
The [Newsletter](https://help.fluorescent.co/spark/pages/theme-sections/newsletter) section and [Sign up popup](https://help.fluorescent.co/spark/pages/popups) also include a newsletter block.
{% endhint %}

<details>

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

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

1. Click the arrow beside the **Footer** section to reveal the content blocks.
2. Click the **Newsletter** block to edit the content or use the **(+) Add block** button.

   > The **Newsletter form** includes default text for the title, submit button, email placeholder, and confirmation message. Learn about using the default theme content editor to edit this text.
3. Enter a **Heading** and some **Text**.

   > Check **Show heading on desktop** to display the heading at the top of the block on desktop screens.
4. Use the **Desktop width** and **Desktop padding** sliders to adjust the size of the block.

   > For best results, make sure all footer block widths add up to 100%. You can also add a **Spacer** block with an adjustable width to add spacing between blocks.
5. (*Optional*.) Click and hold the drag handles **`⋮⋮`** to rearrange the blocks:

   ![](https://1721436993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3iiuvh8UrcOxEOQkY2iO%2Fuploads%2Fgit-blob-22765d66f3708b95b5907a71e6b24326594ad146%2Fshopify-content-drag-handles.jpeg?alt=media)

   > Click **Remove block** or the eye icon to delete or hide a block.
6. Click **Save**.

</details>

> **Tip |** You can add a button in another section that takes visitors directly to the footer newsletter field. For example, in a Image Hero, add a **Button label** and enter **`#footer-subscribe-email`** in the **Button link** field. Click **Save**.
>
> \\

***

> **Related links**
>
> [Footer](https://help.fluorescent.co/spark/footer/footer)\
> [Links block](https://help.fluorescent.co/spark/footer/footer/links-block)\
> [Text and image block](https://help.fluorescent.co/spark/footer/footer/text-and-image-block)