How do I add a newsletter signup form or popup in Shopify?
SB
Written by StageBit Engineering TeamYou can add newsletter signup forms to your Shopify store in two ways:
- Built-in Newsletter Section (in your theme) – Static form on pages
- Shopify Forms App – Dynamic popup or inline embedded forms
Method 1: Add Newsletter Signup Section Using Your Theme (Built-In)
This method adds a static newsletter signup form to any page of your store.
Requirements
- Works with all Online Store 2.0 themes and Horizon family themes
- No app installation needed
Step-by-Step (Desktop)
- From your Shopify admin, go to Online Store → Themes
- Find your active theme and click Edit theme
- Select the template where you want to add the form (Homepage, Footer, or specific pages)
- Click + Add section
- Select Newsletter
- Customize the section:
- Color scheme – Match your store design
- Full width – Display background across full width
- Header block – Edit heading text
- Paragraph block – Edit description text
- Email form block – Signup field (included automatically)
- Click Save
Step-by-Step (Mobile – Shopify App)
- Open the Shopify app
- Tap the Overflow menu (three dots)
- Tap Online Store under Sales channels
- Tap Manage all themes
- Select your theme and tap Edit theme
- Select the template
- Tap + Add section → Newsletter
- Select color scheme and optional full width
- Edit header, paragraph, or email blocks
- Tap Save
What’s Included
- Header – Title text
- Paragraph – Description text
- Email form – Signup field
Common Placements
- Footer (recommended – appears on all pages)
- Homepage
- Contact page
- Blog pages
Method 2: Create Popup Newsletter Forms Using Shopify Forms App
This method creates popup forms that appear as overlays on your store.
Requirements
- Free Shopify Forms app (must be installed)
- Online Store 2.0 compatible theme
Step 1: Install Shopify Forms App
- Go to the Shopify App Store
- Search for “Shopify Forms”
- Click Add app and confirm installation
Step 2: Enable Forms App Embed
- Go to Online Store → Themes → Customize
- Click the App embeds icon
- Toggle Forms ON
- Click Save
Important: As long as the toggle is ON, active popup forms will display.
Step 3: Create a Popup Form
- Go to Apps → Forms
- Click Create form
- Select Popup form
- Name your form and click Create
Step 4: Configure Popup Display Settings
Popup Types
- Floating – Bottom right, bottom left, top right, or top left
- Overlay – Centered popup with background overlay
Step 5: Configure Form Settings
Teaser Settings
- Teaser button text
- Button color and style
Form Settings
- Heading
- Description
- Button text
Form Fields
- Email (required)
- Optional: First name, Last name, Phone, Custom fields
- Marketing consent options
Success Settings
- Custom success message
- Optional discount code
Styling Settings
- Colors
- Fonts
- Button styles
Image Settings
- Add promotional image
- Choose image position
Behavior Settings
- Display timing (immediately, after seconds, scroll %, exit intent)
- Display frequency (every visit, once per session, once per customer)
- Page targeting (all pages, specific pages, exclusions)
Step 6: Additional Options
- Customer Tags – Automatically tag subscribers
- Email Notifications – Receive submission alerts
- Automations – Connect workflows and email marketing apps
Step 7: Translate Form (Optional)
- Auto-translation available (English primary language)
- Supports 19 languages
- Manual translation available
Step 8: Preview and Activate
- Click Preview
- Test functionality
- Toggle form status to Active
- Click Save
Method 3: Create Inline Newsletter Forms
- Install and enable Shopify Forms
- Go to Apps → Forms
- Click Create form → Inline form
- Configure settings
- Save
- Go to Online Store → Themes → Customize
- Add section or block
- Select your created inline form
- Save
Comparison: Built-In vs Shopify Forms
| Feature | Built-In Section | Shopify Forms App |
|---|---|---|
| Installation | No app needed | Requires free app |
| Form Type | Static only | Popup or inline |
| Customization | Basic | Advanced |
| Behavior Options | Always visible | Timed, scroll, exit intent |
| Discount Codes | No | Yes |
| Customer Tags | No | Yes |
| Analytics | Basic | Detailed analytics |
| Multi-language | Theme-based | Auto-translation (19 languages) |
Best Practices for Newsletter Signups
- Use exit intent or scroll-based popups
- Offer incentives like discount codes
- Keep forms simple (email first)
- Match brand design
- Show popups once per session
Connecting to Email Marketing
- Install email apps like Klaviyo, Mailchimp, or Shopify Email
- Subscribers sync automatically
- Use campaigns to send newsletters
Managing Collected Emails
- Go to Customers
- Click Segments
- Select Email subscribers
Troubleshooting
Popup Not Showing?
- Check app embed is enabled
- Ensure form is Active
- Clear cache or test in incognito
Newsletter Not Appearing?
- Update theme
- Add to footer
- Check theme compatibility
Additional Features (Shopify Forms)
- Customer segmentation
- Workflow automation
- A/B testing
- Mobile optimization
- GDPR consent management
- Shop integration for discount saving
Related Answers
Still need help?
Talk to our Shopify experts
We've handled GDPR/CCPA compliance for dozens of EU & US Shopify stores.
