# Embed Substack on Squarespace

> Add a Substack subscribe form or feed widget to your Squarespace site. Step-by-step guide using Code blocks and footer code injection.

Source: https://supascribe.com/docs/embed-substack-on-squarespace
Last updated: 2026-03-02

---
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](https://supascribe.com) — 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:

```html
<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

**Use a Code block, not a Text or Markdown block.** Only the Code block renders raw HTML and JavaScript. If the embed appears as plain text on your page, you're using the wrong block type.

### 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:
   ```html
   <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

- [Any Website (HTML)](https://supascribe.com/docs/embed-substack-on-any-website): Plain HTML — works with any site.
- [WordPress](https://supascribe.com/docs/embed-substack-on-wordpress): Custom HTML block and widget setup.
- [Wix](https://supascribe.com/docs/embed-substack-on-wix): HTML Embed element in the Wix editor.

## Need Help?

- Email: [gideon@supascribe.com](mailto:gideon@supascribe.com)
- Twitter: [@0xGideon](https://x.com/0xgideon)

## Frequently asked questions

**Q: Does this work on the Squarespace Personal plan?**

Yes, with a Code block. Squarespace's Personal plan doesn't support Code Injection (the site-wide footer method), but Code blocks on individual pages work on all plans.

**Q: What's the difference between a Code block and Code Injection on Squarespace?**

A Code block adds HTML to a specific section on one page. Code Injection (Settings → Advanced → Code Injection) loads code on every page across your site. Code Injection requires a Business plan or higher.

**Q: Why isn't my embed showing up on Squarespace?**

The most common cause is using a Text block or Markdown block instead of a Code block. Only the Code block renders raw HTML and JavaScript. Also confirm the embed ID matches your dashboard exactly.

**Q: Do subscribers sync automatically to my Substack list?**

Yes. Every subscriber captured through Supascribe is added directly to your Substack subscriber list.

**Q: Can I add the embed to my Squarespace footer?**

Yes, on Business plans and above. Go to Settings → Advanced → Code Injection → Footer and add the script tag there. Then use only the embed div in your Code blocks.