Newsletter

A full-width band on the white plane: a large heading on the left, a line of copy and an email field with a button on the right. It closes the demo homepage and three of the preset page templates.

On a drop store the list is the business — the drop sells out in an hour and the only people who reliably get in are the ones who were told it was coming. This section asks for the one thing a pre-launch visitor can actually give you.

Settings

Setting	Type	Default	What it does
Heading	Inline rich text	Join the list — <strong>10% off</strong> your first	The heading, at the second display step. Bold or italic text takes the accent colour.
Text	Text	—	A line of copy above the field, capped at a 44-character measure. Right-aligned on desktop.
Placeholder	Text	Email address	Placeholder inside the field.
Result button	Text	Sign up	The submit button’s text.
Success message	Text	You're on the list.	Shown under the form after a successful sign-up.
Top spacing	Range, 0–160 px	48	Top spacing.
Bottom spacing	Range, 0–160 px	48	Bottom spacing.

No blocks, and no colour-scheme setting — the band is always on the white plane, which is what makes it register as the end of the page. One preset, Newsletter.

Behaviour worth knowing

It creates a real Shopify customer. The form is Shopify’s own customer form, so submissions appear under Customers in admin with marketing consent, ready for Shopify Email or whatever app you sync.

Subscribers are tagged newsletter. The tag is applied automatically, so you can build a segment on it and tell list sign-ups apart from people who created an account at checkout.

Errors and success are rendered in place. After a submission the page reloads and the message appears under the field — success in muted ink, an error (an address Shopify rejects, usually) in the accent colour. There is no AJAX here, which is why it works with scripting unavailable.

The field has a 400 px minimum on desktop and drops that minimum on phones so the field and button fit a narrow screen without overflowing. Copy flips from right-aligned to left-aligned below 860 px.

Tip

Make the heading say what the list does, not that it exists. “Join the list — 10% off your first” works because there is an exchange in it; so does “The list sees the drop thirty minutes early”. “Subscribe to our newsletter” offers nothing, and on a drop store you have something genuinely scarce to offer — early access costs you nothing and is worth more than a discount.

Note

There is a second newsletter form in the footer, which tags subscribers newsletter too, and a third in the Promo popup, whose tag you set yourself — so give the popup its own tag if you want to know which form is actually working.