Embed Substack on Squarespace

Squarespace supports custom HTML through its Code block. Add a Code block to any section, paste your Supascribe snippet, and the subscribe form or feed widget appears directly on your page.

#What You Can Add to Squarespace

• Subscribe Form — a customisable email capture form with your branding and a redirect after sign-up
• Feed Widget — your latest Substack posts displayed automatically on your Squarespace site
• 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 to match your Squarespace design
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 Squarespace

#Option A: Code Block (All plans)

1. Open your Squarespace site and click Edit
2. Navigate to the page and section where you want the embed
3. Click "+" to add a new block
4. Search for "Code" and select the Code block
5. Paste your full embed snippet into the code field
6. Click Apply
7. Save the page

#Option B: Footer Code Injection (Business plan and above)

To load the script tag across every page rather than per Code block:

1. Go to Settings → Advanced → Code Injection
2. In the Footer field, add the script tag:

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

3. Save

With the script loading site-wide, use only the embed div (no script tag) in your Code blocks.

#Step 3: Test It

After saving, open the page in an incognito window or click Preview. The subscribe form should appear in the correct section. Submit a test email to confirm subscriptions are captured in your dashboard.

#Squarespace-Specific Tips

Spacing around the embed

Squarespace Code blocks have default top and bottom padding. To reduce the gap, use spacer blocks above and below, or adjust the block's padding in the block settings.

Redirect subscribers after sign-up

Set a post-subscription redirect URL in your Supascribe embed settings before generating the snippet. Send new subscribers to a thank you page or lead magnet. Squarespace's native newsletter block doesn't support custom redirects — this is one of the main reasons to use Supascribe instead.

Personal plan limitation

Code Injection is not available on Squarespace's Personal plan. Use Code blocks on individual pages — they work on all plans and handle both the div and script tag in one block.

#Explore Other Embed Options

#Need Help?

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