# 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](https://help.fluorescent.co/stiletto/sections/theme-sections/newsletter) and [Compact Newsletter ](https://help.fluorescent.co/stiletto/sections/theme-sections/newsletter-compact)sections to create an on-page sign-up form. The [Sign up popup](https://help.fluorescent.co/stiletto/sections/popups/sign-up-popup) also include a newsletter block.
{% endhint %}

![](https://2417329470-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fhnqe0uck0ozZhJ77wGXt%2Fuploads%2Fgit-blob-856d25000423fd0c832cc7bef20ebc2b718d5fdc%2Ffooter-newsletter.jpeg?alt=media)

## 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](https://help.fluorescent.co/stiletto/general/adapting-your-theme/edit-default-theme-content#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 %}
![](https://2417329470-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fhnqe0uck0ozZhJ77wGXt%2Fuploads%2Fgit-blob-e034737e447475dcdfc93cb159c48bcd348d0140%2Ffooter-social-icons.jpeg?alt=media)
{% 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](https://help.fluorescent.co/stiletto/sections/theme-sections/image-hero), add a **Button label** and enter **`#footer-subscribe-email`** in the **Button link** field. Click **Save**.