Embed Substack on Shopify

Shopify stores can add a Substack subscribe form or feed widget through the theme editor. The script tag loads from your global theme layout, and the embed div goes anywhere you want the form to appear on your store.

#What You Can Add to Shopify

• Subscribe Form — capture subscribers from your store with a branded form and a custom redirect after sign-up
• Feed Widget — display your latest Substack posts on your store, giving customers a preview of your newsletter content
• Popup Form — a subscribe popup triggered by exit intent, scroll depth, or time on page

#Step 1: Create Your Embed in Supascribe

1. Sign up at Supascribe — free to start
2. Connect your Substack publication
3. Choose your embed type: Subscribe Form or Feed Widget
4. Customise the colours and button text to match your Shopify theme
5. Click Publish to generate your embed code

Your snippet:

<div data-supascribe-embed-id="abc123" data-supascribe-subscribe></div>
<script src="https://js.supascribe.com/v1/loader/example.js" async></script>

#Step 2: Add the Embed to Shopify

#Option A: Theme Customizer — Custom HTML Section (Recommended)

If your Shopify theme supports custom HTML sections, this is the safest method as it survives theme updates.

1. Go to Online Store → Themes → Customise
2. Navigate to the page where you want the embed
3. Click "Add section" and look for "Custom HTML" or "Custom content"
4. Add the section and paste your full embed snippet into the HTML field
5. Save and publish

#Option B: Theme File Editor

For more placement control, or for page types that don't support custom sections:

1. Go to Online Store → Themes → Actions → Edit code
2. Open layout/theme.liquid
3. Add the script tag just before the closing </body> tag:

   <script src="https://js.supascribe.com/v1/loader/example.js" async></script>

4. Open the template where you want the form (e.g. sections/main-page.liquid)
5. Add the embed div in the correct location:

   <div data-supascribe-embed-id="abc123" data-supascribe-subscribe></div>

6. Save

#Step 3: Test It

View your Shopify store in an incognito window after saving. The subscribe form should appear in the expected location. Submit a test email and verify it's captured in your Supascribe dashboard.

#Shopify-Specific Tips

Theme update risk

Direct edits to theme.liquid are overwritten when the theme updates. If you've added the script tag this way, keep a note to re-add it after major theme updates. The theme customizer method (Option A) is more durable for most use cases.

Redirect subscribers after sign-up

Set a post-subscription redirect URL in Supascribe before generating your snippet. Shopify stores that redirect new subscribers to a discount code, exclusive content, or a curated product page see better email engagement from day one.

Multiple pages

Once the script tag is in theme.liquid, it loads on every page. Add the embed div to any template or section where you want the form — no need to add the script tag again.

#Explore Other Embed Options

#Need Help?

• Email: [email protected]
• Twitter: @0xGideon