Embed Substack on WordPress

WordPress makes it easy to add a Substack subscribe form or feed widget to any page, post, or sidebar. Use a Custom HTML block in Gutenberg, paste the snippet, and publish. Works with any WordPress theme.

#What You Can Add to WordPress

• Subscribe Form — an email capture form anywhere on your site with custom branding and a post-subscription redirect
• Feed Widget — your latest Substack posts displayed automatically, keeping your site fresh without manual updates
• 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, fonts, and button text
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>

The embed ID and script URL are pre-filled from your dashboard.

#Step 2: Add the Embed to WordPress

#Option A: Custom HTML Block (Gutenberg — recommended)

The simplest method for embedding on a specific page or post.

1. Edit the page or post in WordPress
2. Click "+" to add a new block
3. Search for "Custom HTML" and select it
4. Paste your full embed snippet into the block
5. Click Update or Publish

#Option B: Sidebar or Footer Widget

To add the embed to your sidebar, footer, or any other widget area:

1. Go to Appearance → Widgets
2. Add a Custom HTML widget to your chosen area
3. Paste your full embed snippet
4. Save

#Option C: Site-Wide Script Loading

If you're adding embeds across multiple pages, load the script tag once site-wide and use only the embed div in individual blocks.

Using a plugin (recommended): Install Insert Headers and Footers or similar. Paste the script tag into the Footer section. Then use only the div in your Custom HTML blocks — no script tag needed per block.

Via theme files: Go to Appearance → Theme File Editor → footer.php (or your child theme). Add the script tag before </body>. Use only the embed div in your Custom HTML blocks.

#Step 3: Test It

After updating your page, open it in an incognito window. The subscribe form should appear in the correct position. Submit a test email to confirm the subscription registers in your Supascribe dashboard.

#WordPress-Specific Tips

Classic editor

If you're using the Classic editor, switch to the Text tab (not Visual) when editing your page and paste the snippet directly into the HTML. Alternatively, add a Custom HTML widget in Appearance → Widgets.

Redirect subscribers after sign-up

Set a custom redirect URL in Supascribe before generating your snippet. This sends new subscribers to a thank you page, a specific post, or a lead magnet — improving early engagement and open rates in a way that the basic Substack embed can't.

Placement for conversion

End-of-post placement converts best for engaged readers who've finished an article. An above-the-fold embed on your homepage captures broader intent. Track both placements independently in your Supascribe dashboard to see which performs better for your audience.

Page builders (Elementor, Divi, etc.)

Most page builders include an HTML widget. In Elementor, drag the HTML widget onto your page. In Divi, use the Code module. Paste your full snippet into the code field.

#Explore Other Embed Options

#Need Help?

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