Skip to content

Vendor-neutral, engineer-written explanations. Clear definitions first, then practical steps with real examples — no fluff.

How do I add a newsletter signup form or popup in Shopify?

SB
Written by StageBit Engineering Team
Updated February 2026 0 min readVerified by engineers

You 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)

  1. From your Shopify admin, go to Online Store → Themes
  2. Find your active theme and click Edit theme
  3. Select the template where you want to add the form (Homepage, Footer, or specific pages)
  4. Click + Add section
  5. Select Newsletter
  6. 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)
  7. Click Save

Step-by-Step (Mobile – Shopify App)

  1. Open the Shopify app
  2. Tap the Overflow menu (three dots)
  3. Tap Online Store under Sales channels
  4. Tap Manage all themes
  5. Select your theme and tap Edit theme
  6. Select the template
  7. Tap + Add section → Newsletter
  8. Select color scheme and optional full width
  9. Edit header, paragraph, or email blocks
  10. 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

  1. Go to the Shopify App Store
  2. Search for “Shopify Forms”
  3. Click Add app and confirm installation

Step 2: Enable Forms App Embed

  1. Go to Online Store → Themes → Customize
  2. Click the App embeds icon
  3. Toggle Forms ON
  4. Click Save

Important: As long as the toggle is ON, active popup forms will display.

Step 3: Create a Popup Form

  1. Go to Apps → Forms
  2. Click Create form
  3. Select Popup form
  4. 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

  1. Click Preview
  2. Test functionality
  3. Toggle form status to Active
  4. Click Save

Method 3: Create Inline Newsletter Forms

  1. Install and enable Shopify Forms
  2. Go to Apps → Forms
  3. Click Create form → Inline form
  4. Configure settings
  5. Save
  6. Go to Online Store → Themes → Customize
  7. Add section or block
  8. Select your created inline form
  9. Save

Comparison: Built-In vs Shopify Forms

FeatureBuilt-In SectionShopify Forms App
InstallationNo app neededRequires free app
Form TypeStatic onlyPopup or inline
CustomizationBasicAdvanced
Behavior OptionsAlways visibleTimed, scroll, exit intent
Discount CodesNoYes
Customer TagsNoYes
AnalyticsBasicDetailed analytics
Multi-languageTheme-basedAuto-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

  1. Go to Customers
  2. Click Segments
  3. 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

Was this answer helpful?

Your feedback helps us improve our answers.

Still need help?

Talk to our Shopify experts

We've handled GDPR/CCPA compliance for dozens of EU & US Shopify stores.

Talk to Shopify Experts

Tell us more about your brand!

Rohit Kundale, Our VP of Sales and Marketing is ready to meet with your team.