> For the complete documentation index, see [llms.txt](https://help.fluorescent.co/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.fluorescent.co/cornerstone/footer/footer/newsletter-block.md).

# Newsletter and social block

Display a newsletter sign up form in your Footer with custom text and social media icons.

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

## Add newsletter and social block

***

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

<details>

<summary><mark style="color:blue;"><strong>STEPS</strong></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 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. (*Optional*.) Choose whether to **Show social icons** at the bottom of the block.

   > Add your account links in the Theme settings under **Social media** to display their icons. Enter the full URL, including **`https://`**.
5. (*Optional*.) Choose whether to **Enable Follow on Shop**.

   > Follow on Shop is a Shopify 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).
6. (*Optional*.) Click and hold the drag handles **`⋮⋮`** to rearrange the blocks:

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

</details>

## Settings reference

Click the **Newsletter and social block** in the Footer to find the following settings.

<table><thead><tr><th width="217">Setting</th><th>Description</th></tr></thead><tbody><tr><td><mark style="color:blue;">Heading</mark></td><td>Enter text for the block heading.</td></tr><tr><td><mark style="color:blue;">Text</mark></td><td>Enter text to display below the heading.</td></tr><tr><td><mark style="color:blue;">Show heading on desktop</mark></td><td>Display the heading at the top of the block on desktop screens</td></tr><tr><td><mark style="color:blue;">Collect customer name</mark></td><td>Enable option to show required fields for the customer's first and last name.</td></tr><tr><td><mark style="color:blue;">Show social icons</mark></td><td>Display icons for your social media links added in your theme settings.</td></tr><tr><td><mark style="color:blue;">Enable Follow on Shop</mark></td><td>Follow on Shop is a Shopify feature. You need to have the Shop channel installed, and Shop Pay activated on your store.</td></tr></tbody></table>

***

> **Related links**
>
> [Footer](/cornerstone/footer/footer.md)\
> [Links block](/cornerstone/footer/footer/links-block.md)\
> [Text and image block](/cornerstone/footer/footer/text-and-image-block.md)