# Newsletter block

In the Footer, display a newsletter sign up form 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" %}
See the [Newsletter](/stiletto/sections/theme-sections/newsletter.md) and [Compact Newsletter ](/stiletto/sections/theme-sections/newsletter-compact.md)sections to create an on-page sign-up form. The [Sign up popup](/stiletto/sections/popups/sign-up-popup.md) also include a newsletter block.
{% endhint %}

<img src="/files/hk7QQndplBjNArVOXwzf" alt="" width="563">

## Add newsletter block

***

Click the arrow next to the **Footer** section, then click **(+) Add block** and select **Newsletter**. Use the drag-and-drop handles **`⋮⋮`** to re-order blocks. Click the block to start adding content.

## Change text headings

***

Change the **heading** and subheading **text**. Leave fields blank to hide them.

The **Newsletter form** includes default text for the submit button, email placeholder, and confirmation message. Learn how to [use the default theme content editor](/stiletto/general/adapting-your-theme/edit-default-theme-content.md#newsletter) to change this text.

> Toggle on **Show heading on desktop** to display the heading at the top of the block on desktop screens.

## Change block layout

***

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.

`Click Newsletter block to find settings`

<table><thead><tr><th width="178">Setting</th><th width="400">Description</th><th>Options</th></tr></thead><tbody><tr><td><mark style="color:blue;">Desktop width</mark></td><td><p>Use the slider to increase the width of the footer block on desktop.</p><p>To keep all columns in a single row, make sure all footer block widths add up to 100%. To display block on its own row, set the desktop width to 100%.</p></td><td><strong>10 - 100%</strong></td></tr><tr><td><mark style="color:blue;">Desktop padding</mark></td><td>Adjust the spacing around the newsletter within the full width of the block.</td><td><strong>0 - 20%</strong></td></tr></tbody></table>

## Show social icons

***

{% columns %}
{% column %}
In the block settings, choose to **Show social icons** that link to your profile pages. Open the **Theme settings** tab in the settings panel to enter the full URL of your profile pages.
{% endcolumn %}

{% column %}
![](/files/1LZaeaVmAuPSTpEW2yOp)
{% endcolumn %}
{% endcolumns %}

## Enable Follow on Shop

***

Follow on Shop allows customers to follow your store on the Shop app and receive personalized recommendations and notifications about your products.

{% hint style="warning" %}
To use this feature, you need to have the Shop channel installed, and Shop Pay activated on your store. See [Shopify's Follow on Shop guide](https://help.shopify.com/en/manual/online-store/themes/customizing-themes/follow-on-shop) for assistance.
{% endhint %}

`Click Newsletter block to find settings`

<table><thead><tr><th width="198">Setting</th><th width="400">Description</th><th>Options</th></tr></thead><tbody><tr><td><mark style="color:blue;">Enable Follow on Shop</mark></td><td>Allow visitors to follow you on Shop to receive recommendations and notifications about your products.<br><br>You'll need to have the Shop channel installed and Shop Pay activated on your store. See <a href="https://help.shopify.com/en/manual/online-store/themes/customizing-themes/follow-on-shop">Shopify's Follow on Shop guide</a></td><td><em><mark style="background-color:yellow;">Default</mark></em><mark style="background-color:yellow;">: Enabled</mark></td></tr></tbody></table>

## Advanced: Add jump link

***

You can add a button in another section that takes visitors directly to the footer newsletter field. For example, in an [Image Hero section](/stiletto/sections/theme-sections/image-hero.md), add a **Button label** and enter **`#footer-subscribe-email`** in the **Button link** field. Click **Save**.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.fluorescent.co/stiletto/pages/footer/newsletter-block.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.