Email signup banner
The Email signup banner is an image banner built around a newsletter signup form. It suits a home page or a landing page where growing your email list is the main goal.
Add the banner
- In the theme editor, click Add section and choose Email signup banner.
- Choose an Image. Use a big, wide image.
- Edit the heading and text to say what subscribers get, such as early access or 10% off their first order.
- Click Save.
The section comes with an Email signup form block. You can add a heading, caption, text, buttons, images, icons, a stat counter, a discount code, spacers and custom Liquid.
About signups
- Each signup creates a customer in your Shopify admin, subscribed to email marketing.
- Preview successful sign up shows the thank-you message in the editor, so you can style it.
- In the Email signup form block, Success page to redirect to sends new subscribers to a page of your choice, and Sign up success message replaces the standard thank-you text.
Settings
| Setting | What it does |
|---|---|
| Full width | Runs the banner edge to edge. On by default. |
| Show social media icons | Shows your social icons from Social media. |
| Image overlay opacity and Fix image on scroll | Darken the image, or keep it still while the page scrolls. |
| Split image | A second image beside the first, with optional skewed edges on desktop and stacking on mobile. |
| Text position and Show a container around text | Where the form sits over the image, and whether it has a panel behind it. |
| Section and container color schemes, Show shadow | The colors of the section and the panel. |
For a simpler signup strip, see Email signup. To ask for emails in a popup, see Popup.
Common questions
Where do newsletter signups go in Shopify?
Each signup creates a customer in your Shopify admin, subscribed to email marketing.
How do I see the thank-you message?
Turn on Preview successful sign up in the section. It shows the success message in the theme editor only.
Can I show my social media icons in the banner?
Yes. Show social media icons is on by default. Add your profile links in Theme settings > Social media.