Newsletter
An email signup as a band, a card, or beside an image, with an optional privacy note.
munich-demo.myshopify.com
What it does
Heading, text and an email field with an arrow button. Band runs it across the section, Card puts it on a card with its own color scheme, Beside an image pairs it with a picture on the left or right. Submitting creates a customer with marketing consent through Shopify’s own customer form; nothing external is involved. A success or error message is shown in place.
When to use it
Near the end of the about page and the blog page, and on the home page for a store that sells through email. One per page at most, and not on the same screen as the footer newsletter block.
Setting it up
- Write the Heading and the Text with the frequency and the benefit.
- Choose Layout; upload the Image for Beside an image.
- Turn on Show a privacy note and link your policy in it.
Settings
| Setting | Type | What it does |
|---|---|---|
| General | ||
| Color scheme | Color scheme | The surface of the section: background, text, buttons and accent as one contrast-checked set. Schemes are edited under Theme settings, Colors. |
| Width | Select | Fixed width keeps the section inside the page margin so it lines up with the sections around it. Full width runs it to the edge of the screen.Options: Fixed width, Full width · Default: Fixed width |
| Layout | Select | Band runs the signup across the section. Beside an image pairs it with a picture. Card puts it on a card in the card color scheme.Options: Band, Beside an image, Card · Default: Band |
| Card color scheme | Color scheme | The surface of each card, separate from the section behind it, so cards can stand off the section background. |
| Header | ||
| Heading | Text | The heading of the section. Italicize a word to set it in the accent font.Default: Stay in the loop |
| Size | Select | How large the heading renders, on the shared type scale from Theme settings, Typography.Options: Large, Medium, Small, Extra small · Default: Medium |
| Heading level | Select | Page heading is the one heading that names what the whole page is about; use it once per page, usually on the first section. Everything else is a section heading.Options: Page heading, Section heading · Default: Section heading |
| Accent font | Select | Highlight words puts the italicized words on the accent font. Whole heading sets the entire line in it. Off keeps the heading font throughout.Options: Highlight words, Whole heading, Off · Default: Highlight words |
| Text | Rich text | A short paragraph under the heading. Keep it to one or two sentences.Default: <p>Tell customers what they get for signing up.</p> |
| Content alignment | Select | Whether heading, text and buttons sit left, centered or right inside the section.Options: Inherit, Left, Center · Default: Inherit |
| Form | ||
| Button label | Text | The name of the submit button, read out to screen reader users. The button itself shows an arrow.Default: Sign up |
| Placeholder | Text | The hint text in the empty email field.Default: your@email.com |
| Show a privacy note | Checkbox | Shows a line under the field for a privacy policy link.Default: off |
| Privacy note | Rich text | The line under the field. Link your privacy policy and say how to unsubscribe. |
| Image | ||
| Image | Image | The picture for the Beside an image layout. |
| Alt text | Text | Describes the image for people using a screen reader and for search engines. Leave empty to use the alt text set on the file in Content. |
| Image ratio | Select | The shape the image is cropped to. Adapt keeps the proportions of the uploaded file.Options: Landscape, Portrait, Square, Adapt to image · Default: Landscape |
| Image position | Select | Which side of the form the picture sits on, on desktop.Options: Left, Right · Default: Left |
| Section padding | ||
| Top padding | Range | Space between the top of the section and its content. On a phone the theme tightens it by a quarter.0 to 120 px · Default: 90 |
| Bottom padding | Range | Space between the content and the bottom of the section. On a phone the theme tightens it by a quarter.0 to 120 px · Default: 90 |
This section also accepts app blocks, so apps that provide one can add content here.
Tips
- Signups become customers with the newsletter tag and marketing consent, in Customers in your admin. Connect Shopify Email or your email app to that segment; the theme does not send anything.
- Say what the visitor gets and how often. "One email a month" converts better than "Subscribe".
- The privacy note is for a link to your privacy policy and one sentence on unsubscribing. It is not the place for legal text.
- The footer has a newsletter block of its own. Use this section for a signup with a picture and a proper pitch; use the footer block for the quiet version on every page.