Newsletter signup section with inline or stacked form and optional phone field.
Newsletter
The Newsletter section displays an email signup form to build your contact list. Simple and effective, it supports an inline or stacked layout, an optional phone field, and a customizable success message.
Main Settings
Form
| Setting | Description | Options |
|---|---|---|
| Form layout | Field layout | Inline / Stacked |
| Phone field | Add a phone number field | On / Off |
| Email placeholder | Email field hint text | Text |
| Phone placeholder | Phone field hint text | Text |
| Button text | Submit button text | Text |
| Button style | Button appearance | Primary / Secondary / Outline |
Success Message
| Setting | Description | Options |
|---|---|---|
| Success message | Text after successful signup | Text (rich text) |
| Success animation | Confirmation animation | Checkmark / Confetti / Fade |
Layout
| Setting | Description | Options |
|---|---|---|
| Content width | Maximum form width | Narrow / Normal / Wide |
| Alignment | Content alignment | Left / Center / Right |
| Image | Optional side image | Image picker |
| Image position | Image side | Left / Right |
Available Blocks
| Block | Description |
|---|---|
| Heading | Section title |
| Subheading | Subtitle |
| Text | Tagline / description |
| Icon List | Benefits of subscribing (icons) |
Inline vs Stacked Layout
| Layout | Description | Ideal for |
|---|---|---|
| Inline | Email field and button on the same line | Compact, footer, banners |
| Stacked | Fields stacked vertically | Dedicated sections, with phone |
and Stacked mode (stacked fields))
Use Cases
Homepage Newsletter
- Inline layout, center alignment
- Heading: "Stay informed"
- Text: "Get our offers before anyone else"
- Placeholder: "Your email address"
- Button: "Subscribe"
- Narrow width
- Checkmark success animation
Newsletter Popup (with image)
- Stacked layout with image on the left
- Heading: "-10% on your first order"
- Phone field enabled (SMS marketing)
- Custom success message with promo code
- Confetti animation
Footer Newsletter
- Inline layout, left alignment
- No heading (integrated into footer)
- Short text: "Exclusive offers by email"
- Outline button style
- Normal width
💡Enable the phone field if you do SMS marketing. SMS open rates (98%) are much higher than emails (20-30%). Combine both channels to maximize reach.
ℹ️The form integrates natively with the Shopify marketing system (Customer Marketing). Subscribed contacts automatically appear in your Shopify customer list with marketing consent enabled.
⚠️Make sure your success message clearly confirms the subscription and, if applicable, mentions the promo code. A vague message ("Thank you") may leave the visitor doubting whether their subscription was successful.