## About this file This is the long-form companion to https://supascribe.com/llms.txt. It carries the same facts, then a product reference that is not on any single web page, then the full text of every published doc, guide, comparison and code example, each with its source URL and last-updated date. Legal pages are omitted; they are linked from llms.txt. ## Product reference ### The embed code Every embed is two lines. One placeholder `div` per embed, and one loader script per site: ```html
``` - `data-supascribe-subscribe` renders a subscribe form, `data-supascribe-feed` a post feed. Popups are loaded by the same script with their own embed ID. - Embed IDs are numeric. Several embeds on one page share a single script tag. - Changes made in the dashboard take effect only after clicking Save or Publish. Each embed has its own code; re-paste the new code if an embed is replaced. - If a site reports slow loading, add `defer` alongside `async` on the script tag. - Single-page apps and builders that swap page content without a full reload (Framer, Next.js, React routers, Squarespace 7.1's AJAX page transitions) must call `window.Supascribe.refreshAll()` after navigation, or place the loader in the site-wide footer rather than inside a page block. ### Platform notes that come up in support - Squarespace: put the embed `div` in a Code block on the page, and the script tag in Settings, Advanced, Code Injection, Footer. Inline scripts inside code blocks do not re-run on Squarespace's soft page transitions, so a script placed inline will only work on a hard refresh. - Framer: use the Embed component (works on the free plan). If the embed only appears after a refresh, add a small custom script in Settings, Custom Code that calls `window.Supascribe.refreshAll()` on `pushState`, `replaceState` and `popstate`. - Next.js and React: render the `div` and call `window.Supascribe?.refreshAll()` inside a `useEffect` after mount; load the script once in the root layout. - WordPress: use a Custom HTML block. If the block editor rejects the code, switch that block to the HTML editor. - Wix: use the HTML Embed element (Wix editor and Wix Studio, all plans). - Shopify: paste into a theme template such as `theme.liquid`, or a Custom HTML section. - Weebly, Carrd, Ghost, Webflow, ShowIt, Strikingly: each has an embed or code element that accepts the snippet; step-by-step docs are listed below. - Apple App Store: an embed that links out to Substack inside a native iOS app can breach Apple's in-app purchase rules. Supascribe is intended for websites. ### Subscriber sync statuses The dashboard's subscriber list records the outcome of each submission at the moment it happened. Supascribe stores the email in every case; the status describes what Substack did with it. | Status | Meaning | Updates later? | |---|---|---| | Subscribed | Substack accepted the email and added it to the list | n/a | | Requires Confirmation | Substack's risk filter sent the person a confirmation email; they are added once they click it | No. Substack does not notify Supascribe | | Login Required | Substack believes the person already has a Substack account; in practice these addresses usually do land on the list and receive the welcome email | No | | Failed | Substack rejected the submission outright, usually because of the address itself. Not retried | No | Because the three non-Subscribed statuses are static, the CSV export is the reliable record. Any address can be exported and imported into Substack manually. Double opt-in: turning off "require confirmation" in Substack settings reduces confirmations but does not remove them. Substack still asks common addresses, addresses submitted repeatedly to the same form (typical when testing), and addresses that have recently joined many newsletters. This applies to every capture method, including Substack's own forms. ### Plan limits | | Free | Starter | Growth | Pro | |---|---|---|---|---| | Price | $0 | $12/mo, or $9/mo billed yearly | $24/mo, or $20/mo billed yearly | $249/mo | | Embeds | 2 basic | 3 | 20 | Unlimited | | Landing pages | 0 | 1 | 5 | Unlimited | | Views | first 1,000 (one-time) | 1,000/mo | 50,000/mo | 1,000,000/mo | | New subscribers | first 100 (one-time) | 100/mo | 1,000/mo | 20,000/mo | | Analytics | no | yes | yes | yes | | Advanced embed features (post-signup redirect, manual post selection, Load More) | no | yes | yes | yes | | Custom domain for landing pages | no | no | yes | yes | | Zapier | no | no | yes | yes | | API access | no | no | no | yes | | Support | email | basic customer support | priority human support | dedicated account manager | Overage on every paid plan: $2 per additional 10,000 views or 100 subscribers. A "view" is one render of an embed, not one unique visitor. Usage counters reset monthly on paid plans; the free allowance is lifetime. After the free cap, embeds keep capturing for a 7-day grace period, then pause until a plan is chosen. Refunds: 30-day money-back guarantee, handled through Stripe, with the account moved back to Free. ### Integrations - Zapier (Growth and above): Supascribe is a Zapier app; connect it from Dashboard, Integrations. Typical use is copying every new subscriber to a CRM, spreadsheet or another email tool as a backup. Tokens can expire; reconnect from the same page. - Landing page tracking: Meta Pixel (fires PageView, a subscribe button click event and Lead), Google Analytics 4 and Google Tag Manager, each set by ID in the page's settings. - API (Pro): a subscribe endpoint for custom forms, rate-limited to 5 emails a minute with excess queued. Not intended for bulk imports. - CSV export of the subscriber list is available on every plan. ### Troubleshooting - The embed does not appear: confirm the embed was Published, that both the `div` and the script tag are on the page, and that the platform is not a builder that needs the footer placement or `refreshAll()` call described above. - The embed stopped appearing: the account has most likely reached its usage cap. Upgrading from the dashboard restores it immediately. - The feed is missing a new post: the feed refreshes on a cache cycle of up to about 30 minutes. If a post is still missing after an hour, contact support. - "Your Substack can't be found" when creating an embed: check the publication URL for typos and confirm the publication is public. - Many subscribers show "Requires Confirmation": see the statuses table. This is Substack's filter, not a Supascribe setting. - The popup does not show on a phone: exit intent needs a cursor. Use scroll depth or time on page for mobile visitors. - Landing page shows "Page not found": republish the page from the builder; if it persists, contact support. ### Glossary - Embed: a subscribe form, feed widget or popup created in the dashboard and placed on a website with the two-line snippet. - Loader script: the single `js.supascribe.com` script that renders every embed on a page. - Landing page: a standalone subscribe page built in Supascribe and hosted at `yourname.supascribe.com` or a custom domain. - View: one render of an embed or landing page. Counts against the plan's view allowance. - New subscriber: one email captured through a Supascribe embed or page. Counts against the subscriber allowance. Existing Substack subscribers do not count. - Redirect URL: where a new subscriber is sent after signing up, instead of Substack's confirmation page. Paid plans. - Welcome page: Substack's own single landing page per publication; not a Supascribe feature. - SubstackAPI: the predecessor product at substackapi.com. Its embeds were retired in September 2025; migration is at https://supascribe.com/migrate --- # Documentation ## Embed Substack on Any Website Source: https://supascribe.com/docs/embed-substack-on-any-website Last updated: 2026-03-02 Add a Substack subscribe form, feed widget, or popup to any website using HTML. Works with any site builder, CMS, or custom-built site — no plugins needed. Supascribe works on any website that accepts custom HTML. Add the script tag once, place an embed div where you want the form to appear, and it renders automatically — no plugins, no APIs, no configuration files. ## What You Can Add - **[Subscribe Form](https://supascribe.com/embeds/subscribe)** — a customisable email capture form with your branding, CTA, and a redirect after sign-up - **[Feed Widget](https://supascribe.com/embeds/newsfeed)** — your latest Substack posts displayed automatically, updating whenever you publish - **Both on the same page** — one script tag handles multiple embeds ## 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 design — colours, fonts, button text, layout 5. Click **Publish** to generate your embed code Your dashboard provides a snippet like this: ```html
``` Copy the snippet exactly as shown — the embed ID and script URL are pre-filled with your account details. ## Step 2: Add the Embed to Your Website ### Subscribe form Paste the embed div where you want the form to appear. Add the script tag once, just before the closing `` tag: ```html
``` ### Feed widget Replace `data-supascribe-subscribe` with `data-supascribe-feed`: ```html
``` ### Both on the same page Place both divs wherever you want them. One script tag handles both: ```html
``` ## Step 3: Test It Open the page in an incognito window after publishing. The embed should render in the correct position. Submit a test email to confirm subscriptions are being captured in your dashboard. ## Frameworks and Dynamic Sites **React (CRA or Vite)** Add the script tag to `public/index.html` before the closing ``. Then use the embed div inside any component — no `useEffect`, no dynamic script loading. See the [React code example](https://supascribe.com/examples/react) for a full component template. **Next.js (App Router)** Add the script tag to `app/layout.tsx`. The embed div works inside Server Components with no `"use client"` required. See the [Next.js code example](https://supascribe.com/examples/nextjs) for the layout and component setup. **Server-side languages (PHP, Python, Ruby, etc.)** Add the script tag to your base layout template so it loads on every page. Place the embed div in any template where you want the form. ## Performance Notes - Use the `async` attribute on the script tag — it prevents render blocking - Place the script tag at the bottom of `` for faster initial load - Add the script once per page, not once per embed — it handles multiple embeds from a single load ## Platform-Specific Guides If you're using a specific platform, these guides have exact steps for each editor: - [WordPress](https://supascribe.com/docs/embed-substack-on-wordpress): Custom HTML block and widget setup. - [Framer](https://supascribe.com/docs/embed-substack-on-framer): Embed component setup — works on the free plan. - [Carrd.io](https://supascribe.com/docs/embed-substack-on-carrd-io): Embed element setup and Carrd-specific tips. - [Wix](https://supascribe.com/docs/embed-substack-on-wix): HTML Embed element and custom code setup. - [Squarespace](https://supascribe.com/docs/embed-substack-on-squarespace): Code block and footer code injection. - [Shopify](https://supascribe.com/docs/embed-substack-on-shopify): Theme template and theme.liquid integration. - [Weebly](https://supascribe.com/docs/embed-substack-on-weebly): Embed Code element and footer code. ## Need Help? - Email: [gideon@supascribe.com](mailto:gideon@supascribe.com) - Twitter: [@0xGideon](https://x.com/0xgideon) ### Frequently asked questions **Q: Does this work on any website?** Yes. If your website supports custom HTML, you can add the Supascribe embed. This includes all major site builders (WordPress, Squarespace, Wix, Carrd, Shopify) and custom-built sites. **Q: Do I need to add the script tag to every page?** No. Add the script tag once in your global layout or footer. Then place the embed div on any page where you want the form to appear. **Q: Can I add both a subscribe form and a feed widget on the same page?** Yes. Place both embed divs wherever you want them. One script tag handles both. **Q: Does it work in React or Next.js?** Yes. Load the script tag globally in your HTML file or root layout, then use the embed div in any component. No useEffect or dynamic loading required. **Q: Do subscribers sync to my Substack list automatically?** Yes. Every submission through the Supascribe embed is added directly to your Substack subscriber list. ## Embed Substack on Carrd.io Source: https://supascribe.com/docs/embed-substack-on-carrd-io Last updated: 2026-03-02 Add a Substack subscribe form, feed widget, or popup to your Carrd.io site in minutes. Step-by-step guide with screenshots — no coding required. The fastest way to add a Substack subscribe form to your Carrd.io site is Supascribe. Copy the embed code from your dashboard, paste it into a Carrd Embed element set to **Code** type, and publish. Takes about five minutes. ## What You Can Add to Carrd.io - **Subscribe Form** — capture email subscribers directly on your Carrd page with custom colours, fonts, and CTA text - **Feed Widget** — display your latest Substack posts so visitors can preview your writing before subscribing - **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, headline, and button text to match your Carrd design 5. Click **Publish** to generate your embed code Your dashboard shows a snippet like this: ```html
``` The embed ID and script URL are pre-filled with your account details. Copy the full snippet. ## Step 2: Add the Embed to Carrd.io 1. Open your Carrd site in the editor 2. Click **"+"** to add a new element 3. Select **"Embed"** from the element list 4. In the Embed settings panel, set the type to **"Code"** 5. Paste your full snippet into the code field 6. Position and resize the element on your page 7. Click **"Publish"** to go live **Set the type to "Code", not "URL".** Carrd's Embed element opens in URL mode by default, which loads pages in an iframe. You need Code mode to run the embed script. This is the most common reason embeds don't show up on Carrd. ## Step 3: Test It Open your published Carrd site in an incognito window. The subscribe form should appear where you placed it. Submit a test email address to confirm the subscription is captured in your Supascribe dashboard. ## Carrd-Specific Tips **Adding both a subscribe form and a feed widget** If you want both on the same page, you have two options. Add two separate Embed elements — put the full snippet (div + script) in the first, and just the div tag in the second. Or combine both divs with a single script tag into one Embed element to use fewer element slots: ```html
``` **Redirect subscribers after sign-up** One thing the native Substack embed can't do: redirect subscribers to a custom page after they sign up. With Supascribe, you can send new subscribers to a thank you page, a lead magnet download, or your best posts. Set the redirect URL in your embed settings before generating the snippet. **Match your Carrd design** Carrd sites often use bold, full-screen sections with tight colour palettes. In Supascribe's embed builder, match your primary and accent colours to your Carrd theme for a native look. The live preview shows you exactly how the form will appear before you copy the code. **Carrd element count on free plan** Carrd's free plan limits the number of elements per page. If you're near the limit, put both your subscribe form div and feed widget div into a single Embed element — they'll both render from one block, using only one element slot. ## Explore Other Embed Options - [Any Website (HTML)](https://supascribe.com/docs/embed-substack-on-any-website): Install on any site using plain HTML. - [WordPress](https://supascribe.com/docs/embed-substack-on-wordpress): Add to pages and posts using a Custom HTML block. - [Wix](https://supascribe.com/docs/embed-substack-on-wix): Use the 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 the Substack embed work on Carrd's free plan?** Yes. Supascribe embeds work on any Carrd plan, including free. The only limitation is Carrd's element count per page. **Q: Do I need coding skills to add the embed to Carrd?** No. Copy the embed code from your Supascribe dashboard and paste it into Carrd's Embed element. No coding required. **Q: Why isn't my embed showing up on Carrd?** The most common cause is setting the Embed element type to 'URL' instead of 'Code'. Open the element settings, switch the type to 'Code', and paste your snippet again. **Q: Can I add both a subscribe form and a feed widget on the same Carrd page?** Yes. Add a separate Embed element for each, or combine both code blocks into one Embed element. Only include the script tag once. **Q: Do subscribers sync automatically to my Substack list?** Yes. Every subscriber captured through Supascribe is added directly to your Substack subscriber list and receives your standard welcome email. ## Embed Substack on Framer Source: https://supascribe.com/docs/embed-substack-on-framer Last updated: 2026-03-13 Add a Substack subscribe form, feed widget, or popup to your Framer site. Step-by-step guide using Framer's Embed component — works on the free plan. The fastest way to add a Substack subscribe form to your Framer site is Supascribe. Add an Embed component, set the type to HTML, paste your snippet, and publish. Takes about five minutes — and it works on Framer's free plan. ## What You Can Add to Framer - **Subscribe Form** — capture email subscribers on your Framer page with custom colours, fonts, and CTA text - **Feed Widget** — display your latest Substack posts so visitors can preview your writing before subscribing - **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, headline, and button text to match your Framer design 5. Click **Publish** to generate your embed code Your dashboard shows a snippet like this: ```html
``` The embed ID and script URL are pre-filled with your account details. Copy the full snippet. ## Step 2: Add the Embed to Framer 1. Open your Framer project 2. Click **Insert** (the + icon in the top-left toolbar) 3. Scroll to **Utilities** and select **Embed** 4. In the right-hand properties panel, set the type to **HTML** (not URL) 5. Paste your full snippet into the code field 6. Resize and position the component on your canvas 7. Click **Publish** to make it live **Set the type to "HTML", not "URL".** Framer's Embed component opens in URL mode by default, which loads a page in an iframe. You need HTML mode to run the embed script. This is the most common reason embeds don't show up on Framer. ## Step 3: Test It Framer's canvas editor does not execute JavaScript. The embed appears blank in the editor — a grey placeholder box where the form will be. This is expected behaviour. To see the form render, click the **Play button** (Preview) in the top bar. The form renders correctly in preview mode. After publishing, it also renders on your live site. Submit a test email in preview mode to confirm subscriptions are being captured in your Supascribe dashboard. ## Framer-Specific Tips **Adding both a subscribe form and a feed widget** If you want both on the same page, add two separate Embed components. Paste the full snippet (div + script) in the first. In the second, paste only the div tag — the script only needs to load once: ```html
``` **Custom Code injection vs Embed component** Framer's Page Settings include a Custom Code section where you can inject code into the document head or body. This requires a paid Framer plan. For the Supascribe embed, the Embed component on the free plan works just as well — both approaches produce the same result on your published site. **Redirect subscribers after sign-up** One thing the native Substack embed can't do: send subscribers to a custom page after they sign up. With Supascribe, you can redirect new subscribers to a thank you page, a lead magnet download, or your best posts. Set the redirect URL in your embed settings before generating the snippet. **Match your Framer design** Framer sites often use strong colour contrast and minimal layouts. In Supascribe's embed builder, match your primary button colour and background to your Framer theme for a native look. The live preview shows you exactly how the form will appear before you copy the code. ## Explore Other Embed Options - [Any Website (HTML)](https://supascribe.com/docs/embed-substack-on-any-website): Install on any site using plain HTML. - [WordPress](https://supascribe.com/docs/embed-substack-on-wordpress): Add to pages and posts using a Custom HTML block. - [Carrd.io](https://supascribe.com/docs/embed-substack-on-carrd-io): Embed element setup — works on the free plan. - [Wix](https://supascribe.com/docs/embed-substack-on-wix): Use the 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 the Substack embed work on Framer's free plan?** Yes. The Supascribe embed works using Framer's built-in Embed component, which is available on all plans including free. You don't need a paid Framer plan to add a subscribe form or feed widget to your Framer site. **Q: Why doesn't my embed show up in the Framer editor?** Framer's canvas editor doesn't execute JavaScript. The embed appears blank or as a grey placeholder in the editor. This is expected. Use Preview mode (the Play button in the top bar) to see the form render correctly. It will also work on your published site. **Q: Should I use the Embed component or Custom Code injection?** Use the Embed component — it's available on the free plan and handles both the div and script tags from your Supascribe snippet. Custom Code injection (under Page Settings) requires a paid Framer plan and is only needed if you want the script to load site-wide. **Q: Can I add both a subscribe form and a feed widget on the same Framer page?** Yes. Add two separate Embed components. Paste the full snippet (div + script) in the first. In the second, paste only the div tag. One script load handles both embeds. **Q: Do subscribers sync automatically to my Substack list?** Yes. Every subscriber captured through Supascribe is added directly to your Substack subscriber list and receives your standard welcome email. ## Embed Substack on Ghost Source: https://supascribe.com/docs/embed-substack-on-ghost Last updated: 2026-09-08 Add a Substack subscribe form or feed widget to your Ghost site. Works with Ghost Pro and self-hosted Ghost using Code Injection or an HTML card. Ghost supports custom HTML and JavaScript through Code Injection (site-wide) and HTML cards (per-post or per-page). Both work for Supascribe embeds. Code Injection is the simplest route for a subscribe form that appears across your site. ## What You Can Add to Ghost - **Subscribe Form** — a custom-branded email capture form that adds subscribers to your Substack list - **Feed Widget** — your latest Substack posts shown automatically on any page, updating when you publish - **Popup Form** — a subscribe overlay 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, Feed Widget, or Popup 4. Customise the colours, fonts, and button text 5. Click **Publish** to generate your embed code Your snippet looks like this: ```html
``` ## Step 2: Add the Embed to Ghost ### Option A: Code Injection (site-wide — recommended) Use this to add the form globally — it will be available on every page of your Ghost site. You control where the form visually appears by adding the div to individual posts or pages separately (see Option B), while the script loads once from Code Injection. **To inject site-wide:** 1. In your Ghost admin panel, go to **Settings** 2. Click **Code Injection** 3. Paste your full Supascribe snippet into the **Site Footer** field: ```html
``` 4. Click **Save** To load the script globally but place the form only on specific posts, add the script tag in **Site Footer** and add only the div in HTML cards on individual posts. This avoids duplicate script loading. Code Injection is available on all paid Ghost Pro plans ($15/month and above) and on all self-hosted Ghost installations. If you're on Ghost Pro and don't see Code Injection, verify your plan includes it. ### Option B: HTML Card (page-level) Use this to add the embed to a specific post or page without affecting the rest of your site. 1. Open a post or page in the Ghost editor 2. Click **+** (add block button) in the editor 3. Search for **HTML** and select the **HTML card** 4. Paste your full Supascribe snippet into the card: ```html
``` 5. Click outside the card to close the editor 6. **Save** and **Publish** your post The HTML card works on all Ghost plans — including free self-hosted Ghost — with no restrictions. ### Option C: Theme Files (self-hosted Ghost only) If you run self-hosted Ghost and want the embed hardcoded into your theme: 1. Open your theme directory 2. Edit `default.hbs` (applies to all pages) or `post.hbs` (applies to posts only) 3. Paste the script tag before the closing `` tag 4. Place the div wherever the form should appear in the template Theme edits are overwritten if you update or replace your theme. Track changes in version control or apply them again after each theme update. Code Injection (Option A) is safer for scripts that need to survive updates. ## Step 3: Test It After saving, open the page in an incognito window. The subscribe form or feed widget should render correctly. Submit a test email to confirm it appears in your Supascribe dashboard and your Substack subscriber list. If the form doesn't appear: - Confirm the script tag and div are both present (not one without the other) - Check that Code Injection was saved successfully - View the page source and search for your embed ID ## Ghost-Specific Tips **Membership visibility** Ghost lets you control who sees HTML card content: all visitors, free members, or paid members only. If you want the subscribe form visible to everyone (including non-members), leave the card visibility set to **Public**. **Redirect after sign-up** Set a custom redirect URL in Supascribe before generating your snippet. This sends new subscribers to a thank-you page, a curated post selection, or a lead magnet — rather than Ghost's default page or a generic Substack confirmation screen. **Exit popup placement** For the popup embed, placement in the HTML card doesn't determine where the popup appears visually — the Supascribe script handles the overlay positioning. Add the popup div anywhere in the page structure or load it via Code Injection. **Multiple embeds on one site** If you have a subscribe form on posts and a feed widget on your homepage, the script tag only needs to load once. Add it to Code Injection Site Footer once, then use only the div in each HTML card. ## Explore Other Embed Options - [Any Website (HTML)](https://supascribe.com/docs/embed-substack-on-any-website): Install on any site using plain HTML. - [WordPress](https://supascribe.com/docs/embed-substack-on-wordpress): Custom HTML block, widget areas, and page builders. - [Framer](https://supascribe.com/docs/embed-substack-on-framer): Embed component setup — works on the free plan. - [Squarespace](https://supascribe.com/docs/embed-substack-on-squarespace): Code block and footer code injection. - [Wix](https://supascribe.com/docs/embed-substack-on-wix): HTML Embed element and Custom Code injection. ## Need Help? - Email: [gideon@supascribe.com](mailto:gideon@supascribe.com) - Twitter: [@0xGideon](https://x.com/0xgideon) ### Frequently asked questions **Q: Does Code Injection require a paid Ghost plan?** Code Injection (Settings → Code Injection) is available on all paid Ghost Pro plans starting at $15/month, and on all self-hosted Ghost installations with no restrictions. There is no free Ghost Pro plan — Ghost's hosted service starts at $15/month. If you run Ghost on your own server, Code Injection is always available. **Q: Can I add the embed to a single post without affecting my whole site?** Yes. Use the HTML card in the Ghost editor. Click the + button while editing any post or page, search for HTML, and paste your Supascribe snippet into the card. This applies only to that post or page and does not affect anything else on your site. **Q: Why isn't my embed showing up in the Ghost editor preview?** Ghost renders the HTML card in the editor but external scripts may not execute in the editing environment. The embed will render correctly on the published post. To confirm, view the published page in an incognito window. **Q: Do subscribers captured through Ghost sync to Substack automatically?** Yes. Every subscriber captured through the Supascribe form on your Ghost site is added directly to your Substack subscriber list and receives your standard Substack welcome email. **Q: I'm on self-hosted Ghost. Can I edit theme templates directly?** Yes. On self-hosted Ghost, you have full access to your theme files (default.hbs, post.hbs, etc.) and can add the script tag directly. For most use cases, Code Injection is simpler and survives theme updates without manual re-application. ## Embed Substack on Shopify Source: https://supascribe.com/docs/embed-substack-on-shopify Last updated: 2026-03-02 Add a Substack subscribe form or feed widget to your Shopify store. Step-by-step guide for the theme customizer and theme.liquid. 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](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 and button text to match your Shopify theme 5. Click **Publish** to generate your embed code Your snippet: ```html
``` ## 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 `` tag: ```html ``` 4. Open the template where you want the form (e.g. `sections/main-page.liquid`) 5. Add the embed div in the correct location: ```html
``` 6. Save **Duplicate your theme before editing files.** Go to Online Store → Themes → Actions → Duplicate to create a backup before modifying theme.liquid or any template files. ## 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 - [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. - [Squarespace](https://supascribe.com/docs/embed-substack-on-squarespace): Code block and footer injection. ## Need Help? - Email: [gideon@supascribe.com](mailto:gideon@supascribe.com) - Twitter: [@0xGideon](https://x.com/0xgideon) ### Frequently asked questions **Q: Do I need to be on a specific Shopify plan?** No. Custom HTML sections and theme file editing are available on all Shopify plans. **Q: Will code added to theme.liquid be overwritten by theme updates?** Yes. Direct edits to theme files can be overwritten when you update your theme. Use the theme customizer's Custom HTML section where possible, or note the change so you can re-add the script tag after major theme updates. **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 a specific product or collection page?** Yes. Edit the relevant template in the theme code editor (e.g. sections/main-product.liquid) and add the embed div in the correct location. **Q: Why isn't my embed showing up on Shopify?** Check that the script tag is in theme.liquid before the closing tag. Also verify the embed ID matches your Supascribe dashboard, and check the browser console for JavaScript errors. ## Embed Substack on Squarespace Source: https://supascribe.com/docs/embed-substack-on-squarespace Last updated: 2026-03-02 Add a Substack subscribe form or feed widget to your Squarespace site. Step-by-step guide using Code blocks and footer code injection. 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
``` ## 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 ``` 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. ## Embed Substack on Webflow Source: https://supascribe.com/docs/embed-substack-on-webflow Last updated: 2026-09-08 Add a Substack subscribe form, feed widget, or popup to any Webflow site. Step-by-step for page-level embeds and site-wide script loading. Webflow supports custom HTML and JavaScript through its Code Embed element and Project Settings Custom Code. Paste your Supascribe snippet into either location and publish — the form or feed widget appears on your site immediately. ## What You Can Add to Webflow - **Subscribe Form** — an email capture form with custom branding, colours, and a post-subscription redirect - **Feed Widget** — your latest Substack posts displayed automatically, updating whenever you publish - **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, Feed Widget, or Popup 4. Customise the colours, fonts, and button text 5. Click **Publish** to generate your embed code Your snippet looks like this: ```html
``` The embed ID and script URL are pre-filled from your dashboard. ## Step 2: Add the Embed to Webflow ### Option A: Code Embed Element (page-level — recommended) Use this when you want the embed on a specific page or in a specific location on your layout. 1. Open your Webflow project in the **Designer** 2. Navigate to the page where you want the embed 3. Click the **Add panel** (left sidebar) 4. In the **Components** section, find **Code Embed** and click it 5. Drag it to the correct location in your layout — inside a section, a div block, or directly on the page 6. Select the Code Embed element and click the **code icon** in the right panel to open the editor 7. Paste your full Supascribe snippet 8. Click **Save & Close** 9. **Publish** your site The Code Embed element requires a paid Webflow site plan. If you're on the free Starter plan, upgrade to any paid plan to unlock it. ### Option B: Site-Wide Script Loading (Project Settings) Use this if you're adding embeds to multiple pages. Load the script tag once globally, then use only the div in each Code Embed element — no duplicate script loading. **Add the script globally:** 1. Go to **Project Settings** (gear icon, top-right) 2. Click the **Custom Code** tab 3. Paste your script tag into the **Footer Code** section: ```html ``` 4. Click **Save Changes** **Add the div on each page:** For each page where you want the form to appear, add a Code Embed element with only the div — not the script tag: ```html
``` ## Step 3: Test It The Webflow designer canvas does not run JavaScript by default — the embed area will appear blank while you're designing. This is expected. **To test before publishing:** 1. Go to **Project Settings → Custom Code** 2. Toggle on **"Run custom code in Preview"** 3. Click **Preview** (top-right of the designer) to open your site in a test environment 4. The subscribe form should render and work in preview mode After publishing, open your live site in an incognito window and confirm the form appears and submits correctly. ## Webflow-Specific Tips **Placing the embed above the fold** For above-the-fold embeds on your homepage, drop the Code Embed inside your hero section div block. Keep the script loading in Footer Code (Project Settings) for better page performance — the script loads after your visible content instead of blocking it. **Popup embed** The Supascribe popup uses its own triggering logic. Add the popup div anywhere on the page — the exact position in the layout doesn't determine where it appears visually. The script handles the overlay positioning. **Redirect subscribers after sign-up** Set a custom redirect URL in your Supascribe dashboard before generating the snippet. This sends new subscribers directly to a thank-you page, a lead magnet, or a specific post — improving early engagement beyond what Substack's default confirmation screen offers. **CMS collection pages** To add the form to every blog post, drop a Code Embed element into the Collection Page template once. It will appear on every generated post page without any additional steps. **Do not include ``, ``, or `` tags** in a Code Embed element. These break the page structure and prevent your embed from rendering. ## Explore Other Embed Options - [Any Website (HTML)](https://supascribe.com/docs/embed-substack-on-any-website): Install on any site using plain HTML. - [WordPress](https://supascribe.com/docs/embed-substack-on-wordpress): Custom HTML block, widget areas, and page builders. - [Framer](https://supascribe.com/docs/embed-substack-on-framer): Embed component setup — works on the free plan. - [Carrd.io](https://supascribe.com/docs/embed-substack-on-carrd-io): Embed element setup — works on the free plan. - [Squarespace](https://supascribe.com/docs/embed-substack-on-squarespace): Code block and footer code injection. ## Need Help? - Email: [gideon@supascribe.com](mailto:gideon@supascribe.com) - Twitter: [@0xGideon](https://x.com/0xgideon) ### Frequently asked questions **Q: Does the Supascribe embed work on Webflow's free plan?** The Code Embed element requires a paid Webflow site plan. On the free Starter plan, the element is locked. The site-wide Custom Code option in Project Settings also requires a paid plan. If you're on the free plan, upgrade to any paid site plan and the embed will work. **Q: Why doesn't my embed show in the Webflow designer canvas?** Webflow intentionally doesn't run JavaScript in the designer canvas to prevent unintended side effects while you're building. Your embed will render correctly in Preview mode and on the published site. To test before publishing, go to Project Settings → Custom Code and toggle on 'Run custom code in Preview.' **Q: Should I add the script tag in the page-level embed or in Project Settings?** If you're adding embeds to multiple pages, add the script tag once in Project Settings → Custom Code → Body Code and use only the div in each page-level Code Embed. If you're embedding on one page only, paste the full snippet in the Code Embed element. **Q: Do Substack subscribers added through Webflow sync automatically?** Yes. Every submission through the Supascribe form goes directly into your Substack subscriber list and triggers your standard Substack welcome email. **Q: Can I add the embed to a Webflow CMS collection page?** Yes. Add a Code Embed element to your collection page template in the designer. The embed will appear on every page generated from that collection. ## Embed Substack on Weebly Source: https://supascribe.com/docs/embed-substack-on-weebly Last updated: 2026-03-02 Add a Substack subscribe form, feed widget, or popup to your Weebly website using the Embed Code element. Step-by-step guide — works on all plans. Weebly supports custom HTML through its Embed Code element. Drag it onto your page, paste your Supascribe snippet, and the subscribe form or feed widget appears when you publish. ## What You Can Add to Weebly - **Subscribe Form** — a customisable email capture form with your brand colours and a redirect after sign-up - **Feed Widget** — your latest Substack posts displayed automatically on your Weebly page - **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 5. Click **Publish** to generate your embed code Your snippet: ```html
``` ## Step 2: Add the Embed to Weebly ### Option A: Embed Code Element (Recommended) 1. Open your Weebly site in the editor 2. In the **Build** panel, find the **"Embed Code"** element 3. Drag it onto your page 4. Click **"Edit Custom HTML"** 5. Paste your full embed snippet 6. Click **"Save"** 7. Publish your site ### Option B: Footer Code (Site-wide script loading) To load the script tag on every page rather than per element: 1. In your Weebly dashboard, go to **Settings → SEO** 2. Scroll to the **"Footer Code"** section 3. Add the script tag: ```html ``` 4. Save With the script in the footer, use only the embed div (no script tag) in your Embed Code elements. ## Step 3: Test It After publishing, open your Weebly site in an incognito window. The subscribe form should appear where you placed the element. Submit a test email to confirm the subscription is captured in your dashboard. ## Weebly-Specific Tips **Adding both a subscribe form and a feed widget** If you want both on the same page, add two separate Embed Code elements. Or combine both divs into one element with a single script tag — both embeds will render from one block. **Redirect subscribers after sign-up** Set a post-subscription redirect URL in your Supascribe embed settings before generating the code. Send new subscribers to a thank you page or lead magnet for a better first impression. ## 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. - [Carrd.io](https://supascribe.com/docs/embed-substack-on-carrd-io): Embed element setup for Carrd pages. ## Need Help? - Email: [gideon@supascribe.com](mailto:gideon@supascribe.com) - Twitter: [@0xGideon](https://x.com/0xgideon) ### Frequently asked questions **Q: Does this work on Weebly's free plan?** Yes. The Embed Code element is available on all Weebly plans, including free. **Q: Do I need to know how to code?** No. Copy the snippet from your Supascribe dashboard and paste it into Weebly's Embed Code element. No coding required. **Q: Do subscribers sync automatically to my Substack list?** Yes. Every subscriber captured via Supascribe is added directly to your Substack subscriber list. **Q: Why isn't my embed showing up on Weebly?** Confirm both the embed div and the script tag are in your Embed Code element (or that the script tag has been added to the footer code). Check that the embed ID matches your Supascribe dashboard exactly. ## Embed Substack on Wix Source: https://supascribe.com/docs/embed-substack-on-wix Last updated: 2026-03-02 Add a Substack subscribe form or feed widget to your Wix website. Step-by-step guide for the Wix editor and Wix Studio — all plans supported. Wix supports custom HTML embeds on all plans. Add an HTML Embed element to any page, paste your Supascribe snippet, and publish. The subscribe form or feed widget renders directly in your Wix layout. ## What You Can Add to Wix - **Subscribe Form** — a fully branded email capture form with custom CTA and a redirect after sign-up - **Feed Widget** — your latest Substack posts displayed automatically, keeping your Wix 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](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 Wix theme 5. Click **Publish** to generate your embed code Your snippet: ```html
``` The embed ID and script URL come pre-filled from your dashboard. ## Step 2: Add the Embed to Wix ### Option A: HTML Embed Element (Recommended for inline placement) 1. Open your Wix site in the editor 2. Click **"+"** to add an element 3. Search for **"HTML"** and select **"HTML Embed"** 4. Click **"Enter Code"** in the element panel 5. Paste your full embed snippet 6. Click **"Update"** to save 7. Position the element on your page 8. Publish your site ### Option B: Custom Code (Site-wide script loading) If you're placing embeds across several pages, loading the script tag site-wide is cleaner than including it in every HTML Embed element. 1. In your Wix dashboard, go to **Settings → Custom Code** 2. Click **"+ Add Custom Code"** 3. Paste only the script tag: ```html ``` 4. Set placement to **"Body - End"** 5. Set to load on **"All Pages"** 6. Save With the script loading site-wide, use only the embed div (without the script tag) in your HTML Embed elements. ## Step 3: Test It After publishing, open your Wix site in an incognito window. The embed should appear in the correct position. Submit a test email and verify the subscription is captured in your Supascribe dashboard. ## Wix-Specific Tips **Sizing the HTML Embed element** Wix wraps HTML Embed elements in a fixed-size container. If your subscribe form looks squashed or cut off, drag the element handles to increase the width or height. The Supascribe embed is responsive within its container. **Redirect subscribers after sign-up** Set a custom redirect URL in your Supascribe embed settings before generating the code. This sends new subscribers to a thank you page, a lead magnet, or your top Substack posts — something Wix's native forms or the basic Substack embed can't do. **Wix Studio** In Wix Studio, find HTML elements in the **Add** panel under **Embed & Social**. Paste your full snippet into the HTML element's code editor. The sizing and placement process works the same as in the standard Wix editor. **Mobile layout** After placing the embed, check the mobile view in the Wix editor. HTML Embed elements don't automatically reflow for mobile — adjust the element's size and position in the mobile layout separately from the desktop layout. ## Explore Other Embed Options - [Any Website (HTML)](https://supascribe.com/docs/embed-substack-on-any-website): Install on any site using plain HTML. - [WordPress](https://supascribe.com/docs/embed-substack-on-wordpress): Add using a Custom HTML block. - [Carrd.io](https://supascribe.com/docs/embed-substack-on-carrd-io): Add an Embed element to your Carrd page. ## Need Help? - Email: [gideon@supascribe.com](mailto:gideon@supascribe.com) - Twitter: [@0xGideon](https://x.com/0xgideon) ### Frequently asked questions **Q: Does the Substack embed work on Wix's free plan?** Yes. Supascribe embeds work on Wix free and paid plans. The HTML Embed element is available on all plans. **Q: Does it work in Wix Studio?** Yes. In Wix Studio, add an HTML element from the Add panel under Embed & Social, then paste your snippet into the code editor. **Q: Do subscribers sync automatically to my Substack list?** Yes. Every subscriber captured through Supascribe is added directly to your Substack subscriber list. **Q: Why isn't my embed showing up on Wix?** Check that the script tag is loading. Either include the full snippet in your HTML Embed element, or add the script tag via Settings → Custom Code → Body (End). Also confirm the embed ID matches your dashboard exactly. **Q: Can I customise the embed to match my Wix design?** Yes. Supascribe's embed builder lets you change colours, fonts, headline text, and button copy. Use the same colour values as your Wix theme for a native look. ## Embed Substack on WordPress Source: https://supascribe.com/docs/embed-substack-on-wordpress Last updated: 2026-03-02 Add a Substack subscribe form or feed widget to your WordPress site. Step-by-step guide for Gutenberg, the Classic editor, and widget areas. 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](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 5. Click **Publish** to generate your embed code Your snippet: ```html
``` 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](https://wordpress.org/plugins/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 ``. Use only the embed div in your Custom HTML blocks. The plugin method is safer than editing theme files directly. Theme updates can overwrite `footer.php`. A plugin like Insert Headers and Footers stores the script outside the theme, so it survives updates. ## 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 - [Any Website (HTML)](https://supascribe.com/docs/embed-substack-on-any-website): Install on any site using plain HTML. - [Carrd.io](https://supascribe.com/docs/embed-substack-on-carrd-io): Embed element setup for Carrd pages. - [Squarespace](https://supascribe.com/docs/embed-substack-on-squarespace): Code block and footer code injection. ## Need Help? - Email: [gideon@supascribe.com](mailto:gideon@supascribe.com) - Twitter: [@0xGideon](https://x.com/0xgideon) ### Frequently asked questions **Q: Do I need a plugin to add the embed to WordPress?** No plugin is required. WordPress supports custom HTML natively through the Custom HTML block in Gutenberg and HTML widgets in Appearance → Widgets. The 'Insert Headers and Footers' plugin is optional but useful for loading the script tag site-wide without editing theme files. **Q: Does this work with the Gutenberg block editor and the Classic editor?** Yes. In Gutenberg, use the Custom HTML block. In the Classic editor, paste the snippet in HTML mode (the Text tab) or use a Custom HTML widget. **Q: Can I add the embed to my sidebar or footer?** Yes. Go to Appearance → Widgets, add a Custom HTML widget to your sidebar or footer area, and paste the full embed snippet. **Q: Do subscribers sync automatically to my Substack list?** Yes. Every subscriber captured via Supascribe is added directly to your Substack subscriber list and receives your standard welcome email. **Q: Why isn't my embed showing up on WordPress?** The most common causes: the embed is placed in a Text block instead of a Custom HTML block, or the script tag is missing from the page. Make sure you're using the Custom HTML block, and that either the full snippet is in the block or the script tag is loaded site-wide. ## Substack Feed Widget Source: https://supascribe.com/docs/feed-embed Last updated: 2026-03-02 Display your latest Substack posts on any website. Auto-updates when you publish, fully customisable, with per-post click analytics. The [Supascribe Feed Widget](https://supascribe.com/embeds/newsfeed) displays your Substack posts directly on your website. It updates automatically when you publish, lets visitors preview your writing before they subscribe, and tracks which posts drive the most clicks. ## What It Does The widget connects to your Substack publication and renders a list of post previews on your page. Each post links back to Substack for the full read. When you publish a new issue, it appears in the feed without any changes on your end. This solves a real problem: visitors land on your website but have no context for what your newsletter is actually about. A feed widget changes that — they can scan your last five posts, see your voice and topics, and decide to subscribe with more confidence. Someone who subscribes after seeing a preview of your writing is self-qualifying: they know what they're signing up for. A cold form asks for trust before it's been earned. ## What You Can Configure Three decisions shape the widget: **Which posts appear.** The default is your latest posts in chronological order. You can switch to top posts (ranked by engagement), discussions, or manual selection — where you hand-pick specific issues by URL. Manual mode is useful when you want to curate a "best of" for a specific page rather than show your full chronological feed. For example, a page about your writing process could surface only posts on that topic. **How many posts.** The widget supports 1 to 12. Three to five works well in most contexts — enough to show range without taking over the page. **How it looks.** Apply your own background and text colours to match your site. You can also toggle cover images, subtitles, author name, publish date, and reaction counts on or off depending on how much detail you want to show. ## Analytics Each feed widget tracks: - **Post clicks** — which posts get the most clicks - **Click sources** — which pages or sites the clicks came from - **Top content** — which issues drive the most engagement across all placements This helps you understand which content resonates with website visitors, separate from your Substack open rates. ## Where to Place It **Homepage** — shows general visitors what you cover before they decide to subscribe. Gives the page depth if it doesn't have much other content. **About page** — visitors here are actively deciding whether to follow you. A feed of your actual posts shows your voice and topics better than any description of yourself could. **Blog sidebar** — keeps your newsletter visible across every post page. Readers who finish an article and glance at the sidebar can see what else you publish. **Topic pages** — this is where manual selection earns its place. If you have a page on a specific subject, set the feed to show only your best issues on that topic rather than your full chronological feed. Visitors who arrived via that page are already interested in the subject — a curated list converts better than "my latest". ## How to Set It Up 1. Log into your [Supascribe dashboard](https://supascribe.com) 2. Click **"Create Embed"** and select Feed Widget 3. Choose your post selection mode and configure display options 4. Customise the theme to match your site 5. Click **Publish** to generate your embed code 6. Copy the snippet and paste it into your website ## Add It to Your Platform - [WordPress](https://supascribe.com/docs/embed-substack-on-wordpress): Add to any page or sidebar widget area. - [Framer](https://supascribe.com/docs/embed-substack-on-framer): Embed component setup — works on the free plan. - [Squarespace](https://supascribe.com/docs/embed-substack-on-squarespace): Use a Code block to add the feed widget. - [Carrd.io](https://supascribe.com/docs/embed-substack-on-carrd-io): Add an Embed element set to Code type. - [Wix](https://supascribe.com/docs/embed-substack-on-wix): Use the HTML Embed element in the Wix editor. - [Shopify](https://supascribe.com/docs/embed-substack-on-shopify): Add to theme template or Custom HTML block. - [Any Website (HTML)](https://supascribe.com/docs/embed-substack-on-any-website): Paste into any HTML file or site builder. ## Explore Other Embeds - [Subscribe Embed](https://supascribe.com/docs/subscribe-embed): An inline email capture form for any page. - [Popup Modal](https://supascribe.com/docs/popup-modal): Catch leaving visitors with a timed or exit-intent popup. ## Need Help? - Email: [gideon@supascribe.com](mailto:gideon@supascribe.com) - Twitter: [@0xGideon](https://x.com/0xgideon) ### Frequently asked questions **Q: What is the Supascribe Feed Widget?** It's an embed that displays your Substack posts on your website. It updates automatically when you publish, so your site always shows fresh content without any manual work. **Q: Does the feed widget show paywalled or paid-subscriber-only posts?** The widget shows preview metadata for all your posts — title, excerpt, and cover image — including paid content. Clicking a paid post takes visitors to Substack, where Substack handles the paywall. The widget itself only shows the preview information Substack makes publicly available. **Q: Can I choose which posts appear in the feed?** Yes. You can show your latest posts, your top posts, your discussions, or hand-pick specific issues by URL using manual selection mode. **Q: Can I use the feed widget and subscribe form on the same page?** Yes. Add both embed divs to your page with a single shared script tag. Combining both is a common setup — the feed shows visitors what you write, the form captures the ones ready to subscribe. **Q: How is this different from just linking to my Substack?** A link sends visitors away from your site. The feed widget shows post previews inline — visitors can read your content before deciding to subscribe, without leaving your page. It also tracks clicks per post so you can see which content drives the most engagement. ## Substack Popup Modal Source: https://supascribe.com/docs/popup-modal Last updated: 2026-03-02 A customisable subscribe popup for any website. Triggers on exit intent, scroll depth, or time on page to grow your Substack list. The Supascribe Popup Modal is a customisable subscribe overlay for any website. Set it to appear on exit intent, scroll depth, or time on page — visitors see a branded subscribe form and can join your Substack list without leaving. ## What It Does The popup appears over your page when a trigger fires. It shows a subscribe form with your design, headline, and CTA. Visitors enter their email and are added directly to your Substack subscriber list. Exit intent is the highest-converting trigger for most sites: the popup fires when the visitor's cursor moves toward the browser bar, catching them at the moment before they leave. Unlike an inline form that waits to be noticed, the popup reaches visitors who would otherwise have left without subscribing. Scroll depth and time on page both target visitors who've already demonstrated engagement — a better audience for a subscribe ask than someone who just landed on the page. ## Triggers **Exit intent** — fires when the cursor moves toward the top of the browser window. Reaches visitors at the last useful moment before they leave. **Scroll depth** — fires after a visitor scrolls a set percentage of the page. A 60–70% threshold means you're reaching someone who's genuinely read what you wrote. **Time on page** — fires after a visitor has been on the page for a set number of seconds. Useful on long-form content where scroll percentage alone doesn't capture reading time. ## What You Can Configure **Design**: Set your own brand colours, font, headline text, and button copy. Add an image for visual context. The popup is mobile-responsive by default. **Content**: Custom headline, description, and CTA button text. Pair with a lead magnet — a free resource, a curated archive, or a bonus issue — to increase conversions beyond a plain subscribe ask. **Trigger settings**: Choose which trigger to use and set the threshold (scroll percentage or time in seconds). Control whether the popup shows again to visitors who've already seen it. ## Analytics Each popup tracks: - **Views** — how many times the popup appeared - **Conversions** — how many visitors subscribed through it - **Conversion rate** — calculated per popup placement ## How to Set It Up 1. Log into your [Supascribe dashboard](https://supascribe.com) 2. Click **"Create Embed"** and select Popup Modal 3. Choose your trigger and configure the threshold 4. Customise the design, headline, and CTA 5. Click **Publish** to generate your embed code 6. Copy the snippet and add it to your website ## Add It to Your Platform - [Any Website (HTML)](https://supascribe.com/docs/embed-substack-on-any-website): Add to any HTML file or site builder. - [WordPress](https://supascribe.com/docs/embed-substack-on-wordpress): Custom HTML block and site-wide script setup. - [Framer](https://supascribe.com/docs/embed-substack-on-framer): Embed component setup — works on the free plan. - [Squarespace](https://supascribe.com/docs/embed-substack-on-squarespace): Code block and footer code injection. - [Wix](https://supascribe.com/docs/embed-substack-on-wix): HTML Embed element and Custom Code injection. ## Explore Other Embeds - [Subscribe Embed](https://supascribe.com/docs/subscribe-embed): An inline email capture form for any page. - [Feed Widget](https://supascribe.com/docs/feed-embed): Display your latest Substack posts on your website. ## Need Help? - Email: [gideon@supascribe.com](mailto:gideon@supascribe.com) - Twitter: [@0xGideon](https://x.com/0xgideon) ### Frequently asked questions **Q: How does the Supascribe Popup Modal work?** The popup is an overlay that appears on your website based on a trigger you set — exit intent, scroll depth, or time on page. When it fires, visitors see a branded subscribe form and can sign up to your Substack list without leaving the page. **Q: What triggers are available for the popup?** Three triggers: exit intent (cursor moves toward the browser bar), scroll depth (fires after a visitor scrolls a set percentage of the page), and time on page (fires after a set number of seconds). **Q: Does the popup work on mobile?** Yes. The popup is mobile-responsive by default. Exit intent isn't available on mobile (no cursor), but scroll depth and time on page both work. **Q: Does it work on any website?** Yes. The Popup Modal works on any site that accepts custom HTML — WordPress, Squarespace, Wix, Carrd, Shopify, and custom-built sites. **Q: Will the popup feel intrusive to visitors?** It depends on the trigger. Exit intent and scroll depth (60-70%) both fire after the visitor has already engaged with your content, which makes the popup feel earned rather than forced. Pairing it with a relevant offer improves conversion without being disruptive. ## Substack Subscribe Embed Source: https://supascribe.com/docs/subscribe-embed Last updated: 2026-03-02 A customisable Substack subscribe form for any website. Capture subscribers, redirect after sign-up, and track conversions across placements. The [Supascribe Subscribe Embed](https://supascribe.com/embeds/subscribe) is a customisable email capture form for Substack creators. Paste it on any page to grow your subscriber list with your own design, your own CTA, and built-in conversion tracking. ## What It Does When a visitor submits their email, they're added directly to your Substack subscriber list. There's no redirect to Substack's sign-up page, no extra friction. The embed handles the Substack API connection automatically. Unlike Substack's built-in embed, you control what happens after someone subscribes. Redirect new subscribers to a thank you page, a lead magnet download, or a curated selection of your best issues. Welcome emails average an 83% open rate — the highest of any email you'll ever send. A subscriber who's already read something you've written before that first email arrives opens it because they know what to expect. One dropped onto a generic Substack confirmation page has no context at all. You can also match the form to your site's design: set your own brand colours, font, button text, and layout so it looks like it belongs on the page rather than a generic embed dropped in from somewhere else. ## What You Can Configure **Visual options** - **Colours** — set a primary colour (used for the button), an accent colour (for focus states and borders), background colour, and border colour to match your site exactly. - **Font** — the form inherits your site's body font by default. Override it with a web-safe or Google Font if needed. - **Layout** — single-line puts the email input and submit button side by side, useful in headers or constrained spaces. Stacked puts the button below the input, better for narrow columns and mobile-first designs. Both are mobile-responsive — single-line collapses to stacked automatically on small screens. - **Width** — the form fills its container by default. Set a fixed max-width to constrain it within a wider section. **Content options** - **Headline** — the main text above the form. Replace the default with something specific to what you're offering. - **Description** — a short line below the headline. Optional, but useful for clarifying what subscribers get and how often you publish. - **Button label** — defaults to "Subscribe". Change it to match your CTA ("Get the newsletter", "Join 2,400 readers", "Send me the guide"). - **Input placeholder** — the greyed-out hint text inside the email field. Default is "Your email address". - **Success message** — shown inline after a successful submission. Defaults to "You're subscribed!". - **Redirect URL** — where to send subscribers after sign-up. Leave blank to show the success message in place, or set a URL to send them to a thank you page, lead magnet, or curated post. ## Built-in Analytics Track every embed independently: - **Views** — how many times the form was displayed - **Conversions** — how many visitors subscribed - **Conversion rate** — calculated per embed placement - **Cross-page comparison** — compare performance across your homepage, blog posts, and landing pages This makes it straightforward to test placement without guessing. End-of-post embeds typically convert differently from above-the-fold embeds — the analytics show you which works for your audience. ## Where to Place It Where you put the embed determines who sees it and how likely they are to subscribe. Four placements consistently perform well: **End of post** — visitors who finish an article are your most engaged readers. They've just spent time with your writing. Conversion rates at end-of-post are typically the highest of any placement. Put the embed at the bottom of every article. **Above the fold on your homepage** — higher traffic, lower intent than end-of-post. More eyes, lower conversion rate per view. Worth having if your homepage gets significant traffic. **Sidebar** — gives the form persistent visibility across every page that has a sidebar. Converts at a lower rate than end-of-post, but the consistent exposure adds up across many page views. **Dedicated landing page** — a page built around a single subscribe form. The highest-converting placement per view. Build one if you're running ads, sharing links on social, or sending popup redirects somewhere. The per-embed analytics in your dashboard show which placement performs best for your audience. Average signup form conversion rates across the web sit around 2–3%. End-of-post placements on engaged readers tend to outperform that considerably — intent is higher when someone has just finished reading your writing versus landing cold on your homepage. Your actual numbers will depend on your traffic quality and topic. ## How to Set It Up 1. Log into your [Supascribe dashboard](https://supascribe.com) 2. Click **"Create Embed"** and select Subscribe Form 3. Customise the design and copy 4. Set a post-subscription redirect URL (optional but recommended) 5. Click **Publish** to generate your embed code 6. Copy the snippet and paste it into your website ## Add It to Your Platform Choose your platform for the step-by-step installation guide: - [WordPress](https://supascribe.com/docs/embed-substack-on-wordpress): Add using a Custom HTML block. - [Framer](https://supascribe.com/docs/embed-substack-on-framer): Embed component setup — works on the free plan. - [Squarespace](https://supascribe.com/docs/embed-substack-on-squarespace): Use a Code block to add your form. - [Carrd.io](https://supascribe.com/docs/embed-substack-on-carrd-io): Add an Embed element set to Code type. - [Wix](https://supascribe.com/docs/embed-substack-on-wix): Use the HTML Embed element in the Wix editor. - [Shopify](https://supascribe.com/docs/embed-substack-on-shopify): Inject into a theme template or Custom HTML block. - [Any Website (HTML)](https://supascribe.com/docs/embed-substack-on-any-website): Paste into any HTML file or website builder. ## Explore Other Embeds - [Feed Widget](https://supascribe.com/docs/feed-embed): Display your latest Substack posts on your website. - [Popup Modal](https://supascribe.com/docs/popup-modal): Catch leaving visitors with a timed or exit-intent popup. ## Need Help? - Email: [gideon@supascribe.com](mailto:gideon@supascribe.com) - Twitter: [@0xGideon](https://x.com/0xgideon) ### Frequently asked questions **Q: What is the Supascribe Subscribe Embed?** It's a customisable email capture form that connects directly to your Substack subscriber list. When someone submits their email, they're added to Substack automatically — no manual export or sync needed. **Q: How is it different from Substack's built-in embed?** Substack's native embed has fixed styling and sends subscribers to Substack's own success page. Supascribe lets you match your brand colours and fonts, set a custom redirect URL after sign-up, and track conversion rates across different placements independently. **Q: Can I redirect subscribers to a custom page after they sign up?** Yes. Set a redirect URL in your embed settings to send new subscribers to a thank you page, a lead magnet download, or your best posts. The native Substack embed doesn't support this. **Q: Does it work on any website?** Yes. The Subscribe Embed works on any website that allows custom HTML — WordPress, Squarespace, Wix, Carrd, Shopify, plain HTML sites, React, Next.js, and more. **Q: Can I track which placement on my site converts best?** Yes. Each embed has its own analytics in your Supascribe dashboard — views, conversions, and conversion rate tracked independently. If you place the form at the end of blog posts and on your homepage, you can compare both directly and focus on whichever performs better for your audience. ## Supascribe Documentation Source: https://supascribe.com/docs/introduction Get started with Supascribe: embed a Substack subscribe form, feed widget, or popup on any website. Works on WordPress, Squarespace, Wix, and more. Whether you're using **Squarespace**, **Carrd**, **Wix**, **Shopify**, or any other website builder, Supascribe gives you simple embed codes you can paste into your page to start growing your audience immediately. With just a few lines of code, you can: - **Capture emails** using a customisable subscribe embed - **Display your Substack posts** beautifully with the feed embed - **Convert bouncing visitors** with exit-intent popup modals No backend setup required — just copy, paste, and publish. ## Platform Quickstart Guides Follow the guide for your platform to get started: - [WordPress](https://supascribe.com/docs/embed-substack-on-wordpress): Add embeds to your WordPress site using a Custom HTML block or widget. - [Framer](https://supascribe.com/docs/embed-substack-on-framer): Use Framer's Embed component to add a subscribe form — works on the free plan. - [Squarespace](https://supascribe.com/docs/embed-substack-on-squarespace): Add a Code block to any Squarespace page and paste your embed snippet. - [Carrd](https://supascribe.com/docs/embed-substack-on-carrd-io): Use Carrd's Embed element to add a subscribe form to your one-page site. - [Wix](https://supascribe.com/docs/embed-substack-on-wix): Add an HTML Embed element in the Wix editor and paste your code. - [Shopify](https://supascribe.com/docs/embed-substack-on-shopify): Inject your embed into a Shopify theme template or Custom HTML block. - [Weebly](https://supascribe.com/docs/embed-substack-on-weebly): Use the Embed Code element to add Supascribe to your Weebly site. - [Any Website (HTML)](https://supascribe.com/docs/embed-substack-on-any-website): Paste your embed directly into any HTML file — works with any site. ## Embed Types Learn more about how each embed works: - [Subscribe Embed](https://supascribe.com/docs/subscribe-embed): A customisable email capture form that adds subscribers directly to your Substack list. - [Feed Embed](https://supascribe.com/docs/feed-embed): Display your latest Substack posts on any website. Auto-updates when you publish. - [Popup Modal](https://supascribe.com/docs/popup-modal): An exit-intent or timed popup to capture emails from visitors about to leave. ## Need Help? If you're stuck or need help implementing Supascribe on your site, reach out directly: - Email: [gideon@supascribe.com](mailto:gideon@supascribe.com) - Twitter: [@0xGideon](https://x.com/0xgideon) --- # Guides ## Best Tools for Substack Writers in 2026 Source: https://supascribe.com/guides/best-substack-tools Last updated: 2026-09-08 The tools Substack writers actually use to grow their subscriber count, understand their audience, and turn their newsletter into a business. Substack handles publishing, payments, and delivery. Everything around it — growing your subscriber count, understanding what's working, distributing your writing across other channels, and building additional revenue streams — needs separate tooling. Here are the tools that actually move the needle. ## Growth ### Supascribe — Website-to-Subscriber Embeds The most underused growth channel for Substack writers is their own website. Someone who already found your site is warmer than anyone you'll reach through Substack's internal discovery. Supascribe adds a subscribe form, feed widget, or exit popup to any page you control — WordPress, Webflow, Squarespace, Framer, Carrd, or custom HTML — so that website traffic converts directly into Substack subscribers without anyone leaving your site. What makes it different from Substack's built-in embed: custom styling (your colours and fonts), analytics per placement (so you can see which pages convert), custom redirects after sign-up (send new subscribers to a thank-you page or a curated archive), and a feed widget that shows your recent posts to visitors who haven't subscribed yet. **Free tier:** First 100 subscribers captured through the embed + first 1,000 views free. No time limit. **Best for:** Any Substack writer with an existing website, portfolio, blog, or online presence. --- ### Substack Notes — The #1 Free Growth Channel Notes is Substack's short-form social feed, and it's now the top source of new subscriptions inside the Substack network. The algorithm rewards clarity (making it obvious what you write about) and consistency (writers who post 5–7 Notes per week get disproportionate visibility). The key mechanic: Notes that perform well continue reaching new subscribers days after posting, unlike social media where reach decays quickly. A single well-written Note can drive sustained discovery for your publication. 20 minutes a day writing 1–2 Notes delivers more organic subscriber growth than most other free tactics at equivalent time investment. **Cost:** Free (built into Substack) --- ### Substack Recommendations — Network-Driven Growth Recommendations let you endorse other Substack publications. When a new subscriber signs up to your newsletter, Substack shows them publications you recommend — and you get surfaced to new subscribers of writers who recommend you. 40% of new Substack subscriptions now come from inside the Substack network through Notes and Recommendations combined. Getting 3–5 mutual recommendations from writers in adjacent niches can deliver a consistent passive stream of new subscribers. **Cost:** Free (built into Substack) --- ### Newsletter Cross-Promotions A direct mention swap with a newsletter at similar subscriber count adds 50–100 new subscribers per activation in a complementary niche. The mechanics: find writers with overlapping audiences (not identical), subscribe to 2–3 issues, pitch a brief mention swap ("2–3 sentences in each other's next issue"). No platform or tool required beyond email. One swap per month is a realistic cadence that compounds over the course of a year. --- ### SparkLoop — Referral Program SparkLoop lets you set up a referral program where existing subscribers earn rewards (ebooks, resources, shoutouts, merchandise) for referring new subscribers. Referral programs work by turning your existing audience into a growth channel. **Substack caveat:** SparkLoop doesn't have a native Substack integration. Subscribers acquired through SparkLoop referral links need to be manually imported into your Substack list via CSV. If you're sending more than a few hundred referrals per month, this is real operational friction. Beehiiv's native referral program removes this step entirely — which is one meaningful reason some writers migrate. **Pricing:** Starts at $199/year (Lite plan for under 5,000 subscribers). **Best for:** Writers with 1,000+ subscribers who want to formalise growth incentives and can manage the Substack import workflow. --- ## Analytics ### Google Analytics 4 — Free Traffic and Conversion Tracking Substack's built-in analytics show opens, clicks, and subscriber growth. What they don't show: where traffic comes from, which referral sources drive subscriptions, which posts get the most search traffic, and how your audience behaves on your Substack publication page. Google Analytics 4 fills those gaps. Connect it in **Settings → Integrations → Google Analytics** — Substack tracks `subscribe`, `paid_subscribe`, and `page_view` events out of the box. Add UTM parameters to links in other newsletters, your social bio, or email signatures and you can see exactly which channels convert to subscribers. **Cost:** Free --- ### Supascribe Dashboard — Per-Placement Embed Analytics If you have embeds on multiple pages or placements (end-of-post, sidebar, homepage, About page), Supascribe tracks views, submissions, and conversion rate per placement independently. This tells you which context converts best for your specific audience rather than relying on industry averages. **Cost:** Included with Supascribe (free tier available) --- ## Content and Writing ### Notion — Editorial Calendar and Research Organisation Notion's database templates let you track newsletter topics from idea to published issue, schedule content weeks in advance, and link source material directly to drafts. The editorial calendar view (timeline or calendar) gives you a reliable picture of your publishing cadence. The Sweet Setup, one of the most-read tech newsletters, uses Notion to manage its entire content pipeline across formats. Free templates are available in the Notion template gallery. **Cost:** Free for personal use --- ### Perplexity — Research and Source Finding Perplexity searches the web and synthesises answers with citations, which makes it faster for sourcing statistics, finding relevant studies, and checking facts than traditional search. Useful for newsletter topics that require credible data points rather than opinion. The workflow most writers use: Perplexity for sourcing and research context, then a writing tool for drafting with those sources in hand. **Cost:** Free tier available --- ### Grammarly — Writing Quality Check The grammar and readability checker most writers already have installed. For newsletters, the tone suggestions and readability scores are more useful than the grammar corrections — they flag writing that's too formal or too dense for an inbox read. **Cost:** Free tier; paid plans unlock advanced suggestions --- ## Distribution and Cross-Posting ### Typefully — Twitter/X Threads and LinkedIn Posts Every newsletter issue is a content asset. Breaking it into a Twitter/X thread and a LinkedIn post extends reach to audiences who don't read newsletters. Typefully writes, schedules, and publishes to both platforms simultaneously, and its Auto Plug feature automatically appends a newsletter subscribe link at the end of each thread. The workflow: draft your issue, pull out the central argument or best insight, format it as a thread in Typefully, schedule it for 48 hours post-send, and it promotes the newsletter to your social audience without manual copying. **Cost:** Free tier available; cross-posting requires the Creator plan --- ## Monetization Beyond Substack Subscriptions Substack's 10% platform fee applies to paid subscriptions — that's the only built-in monetization channel. Writers who want to sell one-off digital products, courses, or ebooks without losing 10% per transaction use separate tools. ### Gumroad — Digital Products Gumroad is the simplest way to sell ebooks, templates, guides, and courses. No monthly fee; they take a percentage per sale. Most newsletter writers use it to sell a lead magnet or resource that also doubles as an entry point into their free newsletter. **Pricing:** No monthly fee; 10% per sale on the free plan --- ### Lemon Squeezy — Digital Products with Global Tax Compliance Lemon Squeezy acts as the Merchant of Record, meaning it handles global sales tax and VAT compliance automatically. For writers selling to international audiences, this removes a significant compliance burden that Gumroad doesn't cover. **Pricing:** No monthly fee; commission per sale --- ### Memberful — Full Membership Platform For writers who want a membership layer beyond what Substack offers — including community access, tiered benefits, and payment terms separate from Substack's subscription model — Memberful integrates with WordPress and can run alongside a Substack newsletter. **Pricing:** Starts at $49/month --- ## A Note on Platform Choice If the tools above feel like workarounds for Substack's gaps — particularly the referral program friction and the lack of built-in ad monetization — Beehiiv has many of these features built in natively. That trade-off is worth understanding before you build tooling infrastructure on top of Substack. See [Substack vs Beehiiv](https://supascribe.com/compare/substack-vs-beehiiv) for an honest comparison. Supascribe specifically exists for writers who want to stay on Substack and add growth infrastructure around it — particularly website-based subscriber acquisition and conversion analytics. If you have an existing website and aren't using it to grow your Substack list, that's the highest-leverage gap to close first. ### Frequently asked questions **Q: What tools do Substack writers use to grow their newsletter?** The highest-leverage growth tools for Substack writers are: Supascribe (website embeds that convert visitors into subscribers), Substack Notes and Recommendations (native organic discovery), newsletter cross-promotions with peers, SparkLoop (referral program, though it requires manual subscriber import with Substack), and Typefully for cross-posting newsletter content to Twitter/X and LinkedIn. **Q: Is there a referral program tool that works natively with Substack?** SparkLoop is the most widely used referral program for newsletters, but it doesn't have a native Substack API integration. New subscribers acquired through SparkLoop referrals need to be manually imported to your Substack list. This is a real workflow friction that Beehiiv's built-in referral program avoids entirely. **Q: What analytics tools work with Substack?** Google Analytics 4 is free and integrates directly with Substack via Settings → Integrations → Google Analytics. It tracks page views, subscriptions, and paid subscription events. Supascribe adds per-placement conversion analytics specifically for embedded subscribe forms on external websites. **Q: Can I sell digital products alongside my Substack newsletter?** Yes. Gumroad and Lemon Squeezy are the most common tools Substack writers use to sell ebooks, templates, and courses alongside their newsletter. Both are free to start (they take a commission per sale). Neither integrates directly with Substack's subscriber list, but you can connect them via Zapier or Make. ## How to Grow Your Substack Newsletter with Website Embeds Source: https://supascribe.com/guides/grow-substack-newsletter-website-embeds Last updated: 2026-03-13 Your website converts subscribers at 3-5x the rate of a plain Substack link. Here's how to use embed placement, feed widgets, and popups to grow your list. Your website is the highest-converting subscriber acquisition channel most Substack writers ignore. A visitor who's already on your site, reading your articles, browsing your portfolio, looking at your work, is warmer than anyone you'll reach through social media or a newsletter swap. Getting an embed in front of them converts at a rate a plain link never will. This guide covers how to use embed placement, feed widgets, and popups to turn your existing website traffic into Substack subscribers. ## Why Website Traffic Converts Differently There's a meaningful difference between a cold visitor and someone who already sought out your website. Someone who typed your name into Google, clicked a link from your social bio, or followed a recommendation from a friend has already made an active decision to find you. They arrived with intent. A subscriber you capture from your own site is more likely to open your first email than someone who saw a casual mention in another newsletter. The form itself matters too. When you link to your Substack page, you're asking someone to stop, navigate away, and subscribe in a completely different context. Most don't follow through. When you embed a form directly on your page, the friction drops to almost nothing: email address, one click, done. They never leave your site. ## The Four Embed Types and What Each One Does There are four ways to embed on your website. Each one targets a different visitor moment. ### Subscribe Form The core embed: an email input field and a button that adds subscribers directly to your Substack list. When someone submits, they go straight into your subscriber list and receive your standard Substack welcome email. No manual sync, no separate platform. The two decisions that affect performance most are where you place it and what happens after someone subscribes. Placement is covered below. For the post-signup redirect, the logic is straightforward: welcome emails have an 83% average open rate, the highest of any email type. A subscriber who lands on something worth reading immediately after signing up starts the relationship stronger than one who lands on a generic confirmation screen. ### Feed Widget A live display of your Substack posts that updates automatically when you publish. Visitors see post titles, cover images, and excerpts. Each entry links to Substack for the full read. The feed widget's job is to show rather than tell. Most newsletter subscribe forms ask visitors to trust a description of what you write. A feed widget gives them actual posts to read before deciding. Someone who scans three headlines and reads one excerpt has more context about your voice and topics than someone looking at a sentence about "weekly insights." It's also a maintenance-free way to keep your site current. Most personal sites and portfolio pages go stale quickly. A feed widget means your homepage always reflects your latest thinking without you ever reopening your site editor after publishing. ### Popup Form A subscribe overlay that appears based on triggers you configure: scroll depth, time on page, or exit intent when the cursor moves toward the browser bar. Popups consistently produce more subscribers than inline forms because they interrupt at a deliberate moment rather than waiting to be noticed. Exit-intent popups specifically target the moment someone would otherwise be lost. A visitor who's spent two minutes reading your blog post but hasn't scrolled to the subscribe form at the bottom is still a warm lead. An exit popup catches them before they leave. The strongest popups offer something specific: a free issue, a curated archive of your best posts, a resource tied to the post they just read. Generic "subscribe to my newsletter" popups still convert, but a relevant offer converts more. ### Dedicated Landing Page A standalone page built entirely around a single subscribe form, with no competing navigation, links, or distractions. When someone arrives on this page, the only action available is subscribing. Landing pages are the highest-converting placement per view because every element on the page is pointed at one outcome. They're most useful when you're sending focused traffic from a specific source: a podcast appearance, a social post, a paid ad, a newsletter swap where you're directing readers somewhere. A link to your Substack profile page competes with everything else on that page. A link to your landing page doesn't. ## Placement Strategy: Where Each Embed Belongs Where you put a form determines who sees it and how ready they are to subscribe. The same form in a different position can convert at a very different rate. **End of post** is the highest-intent placement on most content sites. By the time a visitor has read to the end of an article, they've already decided you're worth reading. An embed here catches them at peak intent, when the decision to subscribe requires the least convincing. If you publish regularly, this one placement compounds across every article you write. **Above the fold on your homepage** gives every visitor a chance to subscribe on arrival. Conversion rate per impression is lower than end-of-post (people who just landed don't know you yet) but volume is higher. Worth having when your homepage gets meaningful traffic. **Sidebar** provides persistent visibility across every page that includes one. A reader who finishes your article and glances left sees the form. It converts at a lower rate than end-of-post, but the exposure accumulates across many pages and many visits. Good fit for blogs and documentation-heavy sites. **Popup** catches visitors at a high-value moment (exit intent, or after spending meaningful time on your page) that inline forms miss entirely. Use it on pages where visitors have already read enough to be interested. **Landing page** performs best with directed traffic. Link to it from your social bio, from other newsletters that mention you, from anywhere you're sending people with a specific reason to subscribe. ## Running Multiple Placements Together The most effective setup isn't a single embed. It's a combination that covers different visitor moments. An end-of-post embed catches readers who finish your articles. A sidebar form captures those who are browsing. An exit popup intercepts people who are about to leave. Each placement targets a different type of visitor in a different state of intent. Running all three means you're not choosing between the engaged reader and the casual browser. You're capturing both. The practical approach: start with end-of-post since it has the highest conversion rate per impression. Add a popup once you have traffic that justifies it. Layer in a sidebar on pages that already perform well. Track each placement independently to see where your specific audience converts best, and focus on what works for your traffic. Average signup form conversion rates across the web sit around 2-3%. End-of-post placements on engaged readers tend to outperform that baseline. Popups add volume that inline forms alone would miss. Over the course of a year, the difference between one embed and three strategic placements is compounding. ## Feed Widget and Form Together The feed widget and subscribe form are stronger in combination than either is alone. The feed shows visitors what they're getting before they commit to subscribing. The form gives them the mechanism to act on that. A page with a brief intro, a feed widget showing recent posts, and a subscribe form below it gives a visitor everything they need: context, content, and an action. They can evaluate your writing, decide it's worth subscribing to, and do it without ever leaving your site. This setup works well on homepage sections, dedicated newsletter pages, and About pages where visitors are actively deciding whether to follow you. It also works on Carrd pages and simple landing pages: both embeds share a single script tag, so you can run both without doubling your setup. ## Set It Up on Your Platform Both embeds are generated from your Supascribe dashboard and added to your site as a snippet. The exact steps depend on your platform: - [Any Website (HTML)](https://supascribe.com/docs/embed-substack-on-any-website): Works with any site builder or static HTML file. - [WordPress](https://supascribe.com/docs/embed-substack-on-wordpress): Custom HTML block, widget areas, and page builders. - [Framer](https://supascribe.com/docs/embed-substack-on-framer): Embed component setup — works on the free plan. - [Carrd.io](https://supascribe.com/docs/embed-substack-on-carrd-io): Embed element setup — works on the free plan. - [Wix](https://supascribe.com/docs/embed-substack-on-wix): HTML Embed element and Custom Code injection. - [Squarespace](https://supascribe.com/docs/embed-substack-on-squarespace): Code block and footer code injection. - [Shopify](https://supascribe.com/docs/embed-substack-on-shopify): Theme customizer and theme.liquid integration. - [Weebly](https://supascribe.com/docs/embed-substack-on-weebly): Embed Code element — works on the free plan. ### Frequently asked questions **Q: What is the best way to grow a Substack newsletter from a website?** Embed a subscribe form directly on your site rather than linking to your Substack page. Visitors who encounter an inline form convert at a higher rate than those who are asked to click away and subscribe elsewhere. End-of-post placement, where readers have just finished your writing, consistently produces the highest conversion rates. **Q: What conversion rate should I expect from a Substack subscribe embed?** The average signup form conversion rate across the web is 2-3%. End-of-post embeds on content sites tend to outperform this, because visitors who finish reading your work have already self-qualified. Homepage embeds typically convert at the lower end: more impressions, less intent. **Q: Does showing Substack posts on my website help with newsletter growth?** Yes. A feed widget lets visitors preview your writing before subscribing. Someone who has read three post previews on your site has more context than someone looking at a blank subscribe form. That prior context tends to produce subscribers who are more engaged from day one. **Q: Is an exit popup effective for growing a Substack newsletter?** Yes. Exit-intent popups catch visitors in the moment before they leave, before they would otherwise be lost. A popup with a specific offer (a free issue, a curated archive, a lead magnet) outperforms a generic 'subscribe' message. Popup conversion rates vary widely by offer, but they consistently add subscribers that inline forms alone would miss. **Q: Can I use multiple embeds on the same website to grow faster?** Yes, and it compounds. An end-of-post embed catches engaged readers. A sidebar form catches browsers. An exit popup catches those about to leave. Each placement targets a different visitor moment. Running two or three placements together produces meaningfully more subscribers than any single placement alone. ## How to Show Your Substack Posts on Your Website Source: https://supascribe.com/guides/embed-substack-feed-on-website Last updated: 2026-03-02 Display your latest Substack posts on any website with a feed widget. Why it converts better than linking, how it works, and where to place it. The fastest way to show your Substack posts on your website is a feed widget: one HTML snippet, dropped into your page, and your latest posts appear automatically. Every time you publish on Substack, the feed updates on your site without any effort on your part. ## Why Showing Posts Converts Better Than Linking The standard approach is a link: "Subscribe to my newsletter" with a URL to your Substack page. It's passive. The visitor has to make a decision — leave the site they're already on, navigate somewhere else, and subscribe there. Most don't. The decision to act later almost never happens. A feed widget changes the dynamic. Instead of asking visitors to trust your description of what you write, you show them. Your last five posts, right there on the page. They scan the headlines, read a preview, see your voice and your topics — and then decide whether to subscribe with actual context in hand. The conversion difference comes from that context. A visitor who has read three post previews before hitting a subscribe form has already decided you're worth reading. They're not cold. The subscribe action is confirmation, not a leap of faith. There's a secondary benefit too: your website stays current without any work. Most personal sites and blogs go stale quickly. Writers who add a feed widget to their homepage end up with a site that always reflects their latest thinking, without ever opening the site editor after a publication. ## What the Feed Widget Actually Shows Each entry in the feed shows the post title, cover image (if you have one), and an excerpt. The visitor can read the excerpt and click through to Substack for the full post. They don't read the full post on your website — the widget is a preview layer, not a full republication. You control how many posts appear (1 to 12), which posts are displayed, and how the widget looks. The configuration options in Supascribe include: - **Post selection**: Latest posts, top posts, discussions, or a manual selection of specific issues by URL - **Post count**: How many posts to show — three is common for a sidebar, five or six works well in a homepage section - **Theme**: Match your site's colours, or use the default styling - **Layout**: Left, centre, or right alignment - **Show/hide**: Cover images, subtitles, author name, publish date, reaction counts, comment counts, premium badge The widget renders as a clean list of post cards. It looks like it belongs on your site, not like it was pasted in from somewhere else. ## Where to Place the Feed Widget Placement shapes how the widget performs. The same widget in different positions produces very different results. **Homepage** is the most common placement. If you're a writer or creator and someone lands on your website for the first time, the most useful thing you can show them is your actual work. A feed widget above the fold or in the main body section lets visitors evaluate your writing immediately, without any separate trip to Substack. **About page** is underused. People who navigate to an About page are already curious — they want to know more about you. A feed widget here gives them a direct sample of your thinking, not just a description of it. It's an efficient way to go from "I'm curious about this person" to "I should subscribe." **Blog sidebar** keeps your Substack posts visible throughout long reads. Readers who reach the end of your blog post are already engaged with your writing. A feed widget in the sidebar surfaces more of your work before they leave, which compounds over multiple visits. **Dedicated newsletter page** is the cleanest setup for showing subscribers what they're getting. A page titled "Newsletter" with a brief description, a feed widget of recent posts, and a subscribe form is more persuasive than a description alone. The posts do the selling. **End of article** pairs well with a subscribe form. Someone who finishes reading your blog post sees the feed widget and a subscribe form together. The feed shows more of what you write; the form captures the decision to sign up. ## Feed Widget and Subscribe Form Together The feed widget and subscribe form work well in combination. The feed shows what someone gets when they subscribe; the form gives them a way to act on that. A common pattern: a brief intro at the top of a page, a feed widget showing recent posts, and a subscribe form below it. The visitor reads the intro, scans the posts, and subscribes without ever leaving your site. On Carrd pages and simple landing pages, both embeds fit in one Embed Code element — you can place both divs with a single shared script tag, which saves element slots on plans with limits. For the subscribe form, you can also set a redirect URL that fires after someone signs up. Rather than landing on a generic Substack confirmation screen, new subscribers go to a thank you page, a curated archive, or a specific post you want them to read first. That first post-signup interaction has an outsized effect on whether someone opens your first email. ## Analytics Per Placement Supascribe tracks each feed widget placement independently. You see post clicks and click sources separately per embed, not as one aggregate number. That means if you have a feed widget on your homepage and another on your About page, you know which posts perform better in each context. Over time that data tells you which content resonates most with website visitors — separate from your Substack open rate and subscriber data. ## Set It Up on Your Platform The feed widget works on any website that accepts custom HTML. Copy the snippet from your Supascribe dashboard and paste it in. - [Any Website (HTML)](https://supascribe.com/docs/embed-substack-on-any-website): Works with any site builder or static HTML file. - [WordPress](https://supascribe.com/docs/embed-substack-on-wordpress): Custom HTML block, widget areas, and page builders. - [Framer](https://supascribe.com/docs/embed-substack-on-framer): Embed component setup — works on the free plan. - [Carrd.io](https://supascribe.com/docs/embed-substack-on-carrd-io): Embed element setup — works on the free plan. - [Wix](https://supascribe.com/docs/embed-substack-on-wix): HTML Embed element and Custom Code injection. - [Squarespace](https://supascribe.com/docs/embed-substack-on-squarespace): Code block and footer code injection. - [Shopify](https://supascribe.com/docs/embed-substack-on-shopify): Theme customizer and theme.liquid integration. - [Weebly](https://supascribe.com/docs/embed-substack-on-weebly): Embed Code element — works on the free plan. ### Frequently asked questions **Q: How do I show my Substack posts on my website?** Use Supascribe's Feed Widget. Connect your Substack publication in the Supascribe dashboard, create a Feed Widget embed, customise the display, and paste the snippet onto your site. The feed updates automatically when you publish. **Q: Does the feed update automatically when I publish on Substack?** Yes. The widget pulls directly from your Substack publication. When you publish a new issue, it appears in the feed without any changes on your end. **Q: Can I choose which posts appear in the feed?** Yes. You can display your latest posts, your top posts, your discussions, or hand-pick specific issues by URL using manual selection mode. **Q: Does the feed widget work on WordPress, Squarespace, Wix, and Carrd?** Yes. The widget works on any site that accepts custom HTML. That includes WordPress, Squarespace, Wix, Carrd, Shopify, Weebly, and any custom HTML file. **Q: Is there a free plan?** Yes. Supascribe is free for your first 100 subscribers captured through the embed and your first 1,000 embed views — not your existing Substack subscriber count. No time limit; free until one threshold is reached. ## Substack Subscribe Form: Native Embed vs Supascribe Source: https://supascribe.com/guides/substack-subscribe-form-embed Last updated: 2026-03-02 The native Substack embed is free and works. But it breaks on mobile, has zero analytics, and can't be styled. A direct comparison of both options. The native Substack embed does one thing: it puts a subscribe form on your page. If that's all you need, it works. But it's an unstyled iframe with a hardcoded width that breaks on mobile, no conversion analytics, and no control over where subscribers go after they sign up. Here's how both options compare. ## What the Native Substack Embed Actually Is Substack provides a subscribe form you can add to any website. You find it under **Settings > Growth features > "Embed signup form on other websites"**. The code they give you is an iframe: ```html ``` The form is served entirely from Substack's servers. When someone types their email and clicks Subscribe, the interaction happens inside that 480×320 box. The signup flow stays within the iframe; the visitor never leaves your page. For a quick, no-setup form, it functions. But the iframe structure is also the source of every limitation listed below. ## What the Native Embed Can't Do There are five specific gaps worth knowing before you choose which option to use. **Styling is locked.** The iframe walls off all CSS from your site. The only configuration Substack exposes is a toggle to show or hide your publication logo. You cannot change the button color, the background, the font, or anything else. The form looks like a Substack form wherever you place it. **It breaks on mobile.** The iframe has a hardcoded `width="480"`. On screens narrower than 480px (most phones), the form overflows its container or gets cut off. The workaround is to manually edit `width="480"` to `width="100%"` in the copied snippet. Substack doesn't do this automatically. **No custom redirect after signup.** After someone subscribes, they see a brief confirmation message inside the iframe. You can't send them anywhere: no thank-you page, no lead magnet, no specific post to read first. That immediate moment after someone subscribes is when they're most engaged. The native embed has no way to use it. **No analytics.** Substack doesn't track how many times your embed was viewed, how many people submitted the form, or what the conversion rate is. Standard Google Analytics can't see inside the iframe either: it's cross-origin, so GA on your site is blind to form submissions entirely. You have no way to know whether your embed is actually working. **No success message control.** The text someone sees inside the iframe after subscribing is fixed. You can't change what it says. ## What Supascribe Adds Supascribe connects to the same Substack subscriber list as the native embed. When someone submits the form, they go into your Substack list exactly as they would through the native embed. The subscriber experience on Substack's end is identical. The differences are entirely on the website side. **Custom styling.** Set your own background color, button color, and font. Change the headline, button label, and placeholder text. Use a single-line or stacked layout. The form looks like it belongs on your page rather than being pasted in from somewhere else. **Mobile-responsive by default.** Single-line layout collapses to stacked automatically on small screens. No code edit needed. **Custom redirect after signup.** Set a URL to send subscribers to after they complete the form. A thank-you page, a lead magnet download, or a specific post you want them to read first. Welcome emails have an 83% average open rate, the highest of any email type. The immediate post-signup experience sets the tone for everything that follows. **Per-placement analytics.** Each embed has its own views, conversions, and conversion rate tracked separately in your dashboard. Average signup form conversion rates across the web sit around 2–3%. Knowing your actual numbers, and comparing your end-of-post embed against your homepage embed, tells you where to focus your attention. Without that data, you're guessing. **Feed widget and popup.** The native Substack subscribe embed is only a form. Supascribe also supports a [feed widget](https://supascribe.com/docs/feed-embed) that shows your latest Substack posts on your site, and an exit popup that fires when visitors are about to leave. You can run all three from the same account and track each independently. ## Side-by-Side Comparison | | Native Substack Embed | Supascribe | |---|---|---| | Cost | Free | First 100 captured + 1,000 views free | | Styling | Fixed | Full control | | Mobile responsive | No (manual fix required) | Yes | | Custom redirect after signup | No | Yes | | Conversion analytics | None | Views, conversions, rate per placement | | Success message | Fixed | Customizable | | Feed widget | No | Yes | | Exit popup | No | Yes | | Substack list sync | Direct | Direct | ## When to Use Each **Use the native embed** if you need something working in the next five minutes, you don't care whether the form matches your site's design, and you're not running any optimization work. It's functional and it's free with your Substack account. For writers who just want a working form with zero setup, it's a reasonable choice. **Use Supascribe** if any of the following matter: you want the form to look like it belongs on your site, you want to know whether the embed is converting, or you want to do something with the subscriber after they sign up. Also if you want a feed widget or popup: the native embed can't do either of those. Both options add subscribers to the same list. Moving from the native embed to Supascribe doesn't change anything on the Substack side. Subscribers still receive your standard Substack welcome email and all your future issues as normal. ## Set It Up on Your Platform Supascribe generates an embed snippet you paste into your site's HTML editor. The exact process depends on your platform. See the step-by-step guide for yours: - [Any Website (HTML)](https://supascribe.com/docs/embed-substack-on-any-website): Works with any site builder or static HTML file. - [WordPress](https://supascribe.com/docs/embed-substack-on-wordpress): Custom HTML block, widget areas, and page builders. - [Framer](https://supascribe.com/docs/embed-substack-on-framer): Embed component setup — works on the free plan. - [Carrd.io](https://supascribe.com/docs/embed-substack-on-carrd-io): Embed element setup — works on the free plan. - [Wix](https://supascribe.com/docs/embed-substack-on-wix): HTML Embed element and Custom Code injection. - [Squarespace](https://supascribe.com/docs/embed-substack-on-squarespace): Code block and footer code injection. - [Shopify](https://supascribe.com/docs/embed-substack-on-shopify): Theme customizer and theme.liquid integration. - [Weebly](https://supascribe.com/docs/embed-substack-on-weebly): Embed Code element — works on the free plan. ### Frequently asked questions **Q: What is the Substack native embed code?** It's an iframe element Substack generates for you under Settings > Growth features. The iframe is served from your Substack publication's domain and handles the entire signup flow (email input, submission, and confirmation) inside a 480×320 box on your page. **Q: Can I customize the design of the Substack embed form?** Not with the native embed. The only option Substack exposes is toggling your publication logo on or off. You can't change the button color, background, font, or layout. The iframe sandboxes all CSS from your site. Supascribe gives you full control over colors, fonts, button copy, and layout. **Q: Does the Substack embed work on mobile?** The native embed has a hardcoded width of 480px, which overflows on most phones. The manual fix is to change width='480' to width='100%' in the copied code. Supascribe's embed is mobile-responsive by default and collapses correctly on small screens without any code edit. **Q: Can I track how many people subscribe through my embedded form?** Not with the native embed. Substack provides no embed-specific analytics, and standard Google Analytics can't track form submissions inside an iframe because it's cross-origin. Supascribe tracks views, conversions, and conversion rate independently for each placement, so you can compare your homepage embed against your end-of-post embed directly. **Q: Is Supascribe free?** Yes. Supascribe is free for your first 100 subscribers captured through the embed and your first 1,000 embed views. These are new captures via Supascribe — not your total Substack subscriber count. No time limit; free until one threshold is reached. ## Where to Put Your Substack Embed (And Why It Beats a Link) Source: https://supascribe.com/guides/how-to-embed-substack-on-any-website Last updated: 2026-09-09 End of post, sidebar, homepage or exit popup — where a Substack embed converts best, and why embedding outperforms linking to your publication. The same subscribe form converts at very different rates depending on where it sits. End of post usually wins on intent; a homepage placement wins on volume; an exit popup catches people the others miss. Most writers pick one position by default and never test another. This guide covers why embedding beats linking at all, what you can put on a page, and where each type earns its place. If you already know what you want and just need the setup steps, the [implementation guide](https://supascribe.com/docs/embed-substack-on-any-website) has the snippet and the platform-by-platform instructions. ## Why Embed Instead of Just Linking Linking to your Substack is passive. Embedding is active. When you link to your Substack page, you're asking visitors to stop what they're doing, navigate away from your site, and subscribe in a completely different context. Most won't. The decision to act later almost never happens. When you embed a subscribe form directly on your page, the friction drops to almost nothing: email address, one click, done. The visitor stays on your site. They don't have to make a separate trip or remember to come back. Substack writers who add an embed to their personal website or blog consistently see higher subscription rates than those who rely on links alone. The reason is simple: the person is already on your site, already reading your work. They're warm. An embed catches them at exactly the right moment, rather than hoping they'll follow through after the fact. The same logic applies to a feed widget. Instead of telling visitors you have a newsletter, you can show them. Your last five posts, right there on the page. Someone who reads three post previews before deciding to subscribe has far more context than someone staring at a description and a link. ## What You Can Embed ### Subscribe Form A customisable email capture form that adds subscribers directly to your Substack list. When someone submits their email, they go straight into Substack and receive your standard welcome email. No manual sync, no spreadsheet, no separate email platform to manage. The important difference from Substack's native embed: after someone subscribes, you choose where they go. Send them to a thank you page, a lead magnet download, or a handpicked selection of your best posts. That first interaction after sign-up has a disproportionate effect on whether someone opens your first email. Subscribers who land on a curated page rather than a generic confirmation screen engage more from day one. You can also customise the form itself: colours, fonts, headline text, button copy, and placeholder text. It looks like it belongs on your site, not like it was pasted in from somewhere else. ### Feed Widget A live display of your Substack posts that updates automatically each time you publish. Visitors see your post titles, cover images, and excerpts on your page. Each entry links back to Substack for the full read. Feed widgets work particularly well on homepages and portfolio sites where you want to demonstrate that you publish consistently. Once embedded, your site stays current without any effort on your part. When you publish on Substack, the feed on your website updates automatically. You can configure what appears: latest posts, top posts, discussions, or a manual selection of specific issues. The built-in analytics show which posts get the most clicks from each placement, separate from your Substack open rate data. ### Popup Form A subscribe overlay that appears based on triggers you set: scroll depth, time on page, or exit intent when the cursor moves toward the browser bar. Popups consistently convert more visitors than inline forms because they catch people before they leave rather than waiting to be noticed. Best used on high-traffic pages where visitors have already seen enough content to be interested. Pair the popup with a lead magnet — a free resource, a curated archive, a bonus issue — and conversion rates climb further. ## Supascribe vs Substack's Native Embed Substack provides its own embed code. Here's an honest view of when to use each. **Substack's native embed** is fine if you want the simplest possible setup and don't need customisation. It works, it's free with your Substack account, and if you just need a functional form on your page, it does the job. **Supascribe** makes sense when any of the following matter: you want the form to look like it belongs on your site (matching colours and fonts), you want to control where subscribers land after signing up, you want conversion analytics per placement, or you want to add a feed widget or popup. Substack's native embed doesn't support any of those. Both connect to the same Substack subscriber list. The subscriber experience on sign-up is identical. The difference is entirely in what you can control on the website side. ## Where to Place Your Embed Placement matters more than most people expect. The same form in different positions on the same page can convert at very different rates. **End of post** is the highest-converting position for most content sites. By the time someone reaches the bottom, they've already decided you're worth reading. An embed here catches them at peak intent, before they move on to something else. **Homepage above the fold** gives every visitor a chance to subscribe on their first visit. Conversion rate per impression is lower than end-of-post, but volume is high. Best when your homepage gets meaningful traffic. **Dedicated landing page** is a page built solely for sign-ups, with no competing navigation or links. Useful when you're running a paid promotion, appearing on a podcast, or sending traffic from a specific source. The embed on a dedicated page typically outperforms the same embed on a general content page. **Sidebar** keeps a form visible throughout long reads. Works well on blogs and documentation sites where visitors spend extended time on a single page. **Exit popup** catches visitors before they leave. Higher subscriber volume than most inline placements. Use it on pages where you've established enough value that the interruption is earned. Supascribe tracks each placement independently. If your end-of-post embed converts at 4% and your sidebar embed converts at 0.8%, you know where to focus. Over time, that data tells you more about your audience than any general benchmark. ## Set It Up on Your Platform The embed works on any website that accepts custom HTML. Copy your snippet from the Supascribe dashboard and paste it in. Exact steps for each platform: - [Any Website (HTML)](https://supascribe.com/docs/embed-substack-on-any-website): Works with any site builder or static HTML file. - [WordPress](https://supascribe.com/docs/embed-substack-on-wordpress): Custom HTML block, widget areas, and page builders. - [Framer](https://supascribe.com/docs/embed-substack-on-framer): Embed component setup — works on the free plan. - [Carrd.io](https://supascribe.com/docs/embed-substack-on-carrd-io): Embed element setup — works on the free plan. - [Wix](https://supascribe.com/docs/embed-substack-on-wix): HTML Embed element and Custom Code injection. - [Squarespace](https://supascribe.com/docs/embed-substack-on-squarespace): Code block and footer code injection. - [Shopify](https://supascribe.com/docs/embed-substack-on-shopify): Theme customizer and theme.liquid integration. - [Weebly](https://supascribe.com/docs/embed-substack-on-weebly): Embed Code element — works on the free plan. Building on React or Next.js? See the code examples for a component template and global script setup: - [React](https://supascribe.com/examples/react): Global script loading and reusable component pattern. - [Next.js](https://supascribe.com/examples/nextjs): App Router layout.tsx and Server Component setup. ### Frequently asked questions **Q: Is there a free way to embed Substack on a website?** Yes. Supascribe is free for your first 100 subscribers captured through the embed and your first 1,000 embed views. These count from the embeds themselves — not your existing Substack subscriber total. No time limit; free until one threshold is reached. **Q: Does the Substack embed work on all website builders?** Yes. The embed works on any site that accepts custom HTML — WordPress, Squarespace, Wix, Carrd, Shopify, Weebly, and custom-built sites. Each platform has a different way to add HTML, but the embed code is the same everywhere. **Q: What's the difference between a subscribe form and a feed widget?** A subscribe form captures email addresses and adds them to your Substack list. A feed widget displays your published posts so visitors can preview your writing before subscribing. Both are separate embed types you create in the Supascribe dashboard. **Q: Can I embed Substack on WordPress?** Yes. In WordPress, use a Custom HTML block in the Gutenberg editor, or a Custom HTML widget in Appearance → Widgets. Paste your Supascribe embed snippet and publish. Full instructions are in the WordPress guide. **Q: How is Supascribe different from Substack's built-in embed?** Substack's native embed is a fixed-style form with no customisation and no control over what happens after someone subscribes. Supascribe lets you match your brand colours and fonts, redirect subscribers to a custom page after sign-up, show a feed widget or popup, and track conversion rates per placement. --- # Comparisons ## Substack vs Beehiiv: An Honest Comparison for Newsletter Writers Source: https://supascribe.com/compare/substack-vs-beehiiv Last updated: 2026-09-08 Beehiiv has stronger growth tools. Substack has better discovery and no upfront cost. What actually differs — and how to close the gap without migrating. The most common reason newsletter writers consider switching from Substack to Beehiiv isn't the writing experience — it's growth tooling. Beehiiv was built with a specific thesis: that newsletter growth should be engineered, not just hoped for. Substack was built with a different thesis: that great writing finds its audience. Both are defensible positions, and both produce successful newsletters. Here's what actually differs. ## What Both Platforms Do Both platforms handle the fundamentals identically: - Email delivery and newsletter publishing - Free and paid subscription tiers - A publication website with a custom domain - Subscriber management and basic analytics Writers switching between them report that the core publishing experience is comparable. The differences are almost entirely in the growth and monetization infrastructure that sits around publishing. ## Where Beehiiv Wins: Built-in Growth Infrastructure ### Referral Program Beehiiv has a native referral program on all paid plans. Subscribers get a unique referral link; you set milestones and rewards (free resources, merchandise via Beehiiv's Slingshot integration, or custom digital rewards). The program runs automatically. Substack has no equivalent. SparkLoop can add a referral layer to Substack, but it requires manual CSV imports of referred subscribers — a meaningful operational friction that Beehiiv removes entirely. ### Boosts — Paid Subscriber Acquisition Beehiiv's Boosts marketplace lets you pay to acquire subscribers from other newsletters in the network. The average cost is around $1.63 per subscriber. You set a target CPA, other newsletters recommend you to their subscribers on sign-up, and verified subscribers are delivered to your list. You can also earn from Boosts — established newsletters make $1–3 per subscriber they refer to others through the same marketplace. Substack has no paid acquisition channel. There is no way to pay to accelerate growth beyond organic discovery and your own promotion. ### Ad Network Beehiiv connects publishers with brand advertisers. Publishers with engaged lists earn $5–20 CPM on sponsored placements in their issues. Beehiiv handles advertiser relationships, contracts, and payments. Substack's only revenue channel is paid subscriptions (at a 10% platform fee). There is no sponsored newsletter ad infrastructure built into the platform. ### Email Automation and Segmentation Beehiiv includes a full automation builder: trigger-based email sequences, dynamic segments (auto-updating based on engagement), and multi-path branching for audience-specific content flows. You can build onboarding sequences, re-engagement campaigns, and behavior-based segmentation without any external tool. Substack has no email automation. Every newsletter is a broadcast to your full list or a pay-gated subset. There is no sequencing, no conditional sending, and no segmentation by behavior. ### Analytics Beehiiv's 3D Analytics (Scale plan and above) track subscriber sources, engagement by cohort, link performance across all posts, and growth attribution. The attribution layer shows exactly which channels, cross-promotions, or Boosts drove each subscriber. Substack shows opens, clicks, and subscriber count. There is no attribution reporting and no way to see where your subscribers came from within the platform. ## Where Substack Wins: Writing Culture and Organic Discovery ### Notes — Substack's Unique Growth Channel Substack Notes is the platform's short-form social feed, and it's now the top source of new subscriptions within the Substack network. The algorithm optimises for subscriptions (not engagement or time spent), which means well-crafted Notes that clearly communicate what you write about generate subscriber conversions directly. Beehiiv has no equivalent. There is no social discovery layer — growth on Beehiiv is either paid (Boosts, referrals) or happens through external channels you manage yourself. For writers willing to post consistently (5–7 Notes per week is the commonly cited threshold for meaningful visibility), Notes compounds over time in a way that no paid Beehiiv feature replicates. ### Recommendations Network Substack's Recommendations system surfaces your publication to new subscribers of writers who recommend you. When a writer with 10,000 subscribers recommends your newsletter to their incoming subscribers, your publication gets exposure to a highly relevant audience at zero cost. Beehiiv has a similar Top 4 Recommendations feature, but Substack's recommendation network has more writers participating at scale, which makes mutual recommendation exchanges more valuable. ### Zero-Cost Entry and the 10% Fee Structure Substack is completely free until you choose to monetize through paid subscriptions. When you do, Substack takes 10% of revenue. If you never monetize, you pay nothing regardless of how many free subscribers you have. Beehiiv's free plan (Launch) supports up to 2,500 subscribers. After that, paid plans start at $43/month. Beehiiv takes 0% of paid subscription revenue — you pay only Stripe fees. The math inverts around a few hundred dollars per month in paid subscription revenue: past that threshold, Beehiiv's $43/month flat fee beats Substack's 10%. ## How Supascribe Changes the Calculation Supascribe is tooling that runs on top of Substack. It adds growth infrastructure specifically for website-based subscriber acquisition — the gap that matters most if you have an existing website, portfolio, blog, or online presence. **What Supascribe adds to Substack:** - **Subscribe forms** on any external website with custom styling, mobile-responsive layout, and custom redirects after sign-up - **Feed widgets** that display your Substack posts on your own site, letting visitors preview your writing before subscribing - **Exit popups** triggered by scroll depth, time on page, or exit intent - **Per-placement analytics** — views, conversions, and conversion rate per embed, so you can see which pages drive subscribers This mirrors much of what Beehiiv's website builder and attribution tools provide natively. A Substack writer with a website using Supascribe captures website-driven subscribers with the same efficiency as a Beehiiv user using Beehiiv's own embedded forms. **What Supascribe doesn't replace:** - Beehiiv's referral program (incentive-driven subscriber growth through your existing audience) - Beehiiv's Boosts marketplace (paying to acquire subscribers from other newsletters) - Beehiiv's ad network (passive revenue from sponsored placements) - Beehiiv's email automation (behavioral sequences and segmentation) If the specific features Supascribe doesn't cover are the ones driving your consideration of Beehiiv, the platform switch may be the right move. If your main growth gap is converting website visitors into subscribers, Supascribe closes that gap without a platform migration. ## Feature Comparison | | Substack | Beehiiv | Substack + Supascribe | |---|---|---|---| | Cost | Free (10% on paid subs) | From $43/month (0% on paid subs) | Free + Supascribe free tier | | Subscribe form on external site | Basic iframe (fixed style) | Native website builder | Custom styled, mobile-responsive | | Feed widget on external site | No | No | Yes | | Exit popup on external site | No | No | Yes | | Per-placement conversion analytics | No | Attribution tracking | Yes | | Referral program | No (SparkLoop + manual import) | Native (Scale plan) | No | | Paid subscriber acquisition | No | Boosts marketplace | No | | Ad network | No | Native (Scale plan) | No | | Email automation | No | Full sequences + segmentation | No | | Social discovery | Notes + Recommendations | No equivalent | Notes + Recommendations | | 3D analytics | No | Scale plan | No | | Custom redirect after sign-up | No | Yes | Yes | ## When to Choose Each **Choose Substack if:** - You're starting fresh with no budget for platform fees - You want the Notes ecosystem and organic discovery as your primary growth channel - Your audience is already on Substack (mutual recommendations compound) - You write long-form content where the platform's writer-first culture aligns with your work **Choose Beehiiv if:** - You want to engineer growth through referrals, paid acquisition (Boosts), or ad revenue - You need email automation sequences for onboarding or re-engagement - You have (or expect) enough paid subscription revenue that Beehiiv's 0% fee beats Substack's 10% - You don't have an external website and want Beehiiv's built-in website and landing page tools **Add Supascribe to Substack if:** - You have an existing website and aren't using it to grow your Substack list - You want custom styling and analytics on your subscribe forms without switching platforms - You want to show your Substack posts on your own website to drive subscriptions ## The Bottom Line The writers who struggle with Substack most are those expecting the platform to do growth work it wasn't designed to do. Substack grows through organic discovery and the quality of your writing finding an audience — Notes and Recommendations accelerate this, but they require consistent output. Beehiiv's approach is that growth is infrastructure, and you should be able to pay for and engineer it. Both models produce newsletters with tens of thousands of subscribers. The choice is partly philosophical: do you want to build an audience through writing and organic discovery, or through systematic growth tooling? Neither answer is wrong. If you're on Substack and feel limited by the growth tools, the first question is whether your website is working for you. If you have traffic that isn't converting to subscribers, Supascribe closes that gap without a platform migration. If you need referral programs, paid acquisition, and ad revenue, Beehiiv is built for exactly that. ### Frequently asked questions **Q: Is Beehiiv better than Substack?** It depends on what you optimise for. Beehiiv has a materially stronger set of growth tools: a native referral program, a paid subscriber acquisition marketplace (Boosts), a built-in ad network, email automation, and deeper analytics. Substack has better organic discovery through Notes and Recommendations, no platform fee until you monetize through paid subscriptions, and a stronger writer community. Neither is universally better. **Q: What growth tools does Substack have that Beehiiv doesn't?** Substack's Notes feed is its most distinct growth channel — it functions like a social network within Substack and is currently the top source of new subscriptions on the platform. Beehiiv has no equivalent social discovery layer. Substack's Recommendations network also drives meaningful subscriber sharing between writers. Both of these are organic and don't require spending money. **Q: Does Supascribe make Substack competitive with Beehiiv?** Partially. Supascribe adds website-based subscriber acquisition (embed forms, feed widgets, popups) and per-placement analytics to Substack — features Beehiiv includes natively through its website builder and attribution tools. What Supascribe doesn't replace: Beehiiv's referral program (incentive-driven subscriber rewards), Boosts (paying to acquire subscribers from the network), the ad network (sponsored placement revenue), or email automation sequences. **Q: Can I migrate from Substack to Beehiiv?** Yes. Beehiiv has a direct Substack import tool. You export your subscriber list from Substack and import it into Beehiiv. Existing posts can be migrated. Free subscriber migration is straightforward; paid subscriber migration requires manually contacting subscribers to update billing. Most writers who migrate report the process taking 1–2 weeks. **Q: What does Beehiiv charge?** Beehiiv's free Launch plan supports up to 2,500 subscribers. The Scale plan is $43/month and unlocks the referral program, Boosts, ad network, and paid subscriptions. The Max plan is $96/month. Beehiiv takes 0% of paid subscription revenue (you pay Stripe fees only). Substack takes 10% of paid subscription revenue. ## Supascribe vs Substack Native Embed Source: https://supascribe.com/compare/supascribe-vs-substack-embed Last updated: 2026-03-13 A direct comparison of Supascribe and Substack's built-in embed code. What each one does, where each falls short, and which to use. The Substack native embed is a free subscribe form that works. Supascribe connects to the same Substack subscriber list but gives you control over styling, analytics, post-signup redirects, and additional embed types the native embed doesn't support. Here's an honest look at both. ## What the Native Substack Embed Is Substack generates a subscribe form for your publication at **Settings > Growth features > "Embed signup form on other websites"**. The code is an iframe: ```html ``` The form is hosted on Substack's servers inside a fixed 480×320 box. When someone enters their email and clicks Subscribe, the interaction happens inside that iframe. It works — but the iframe structure creates every limitation listed below. ## What Supascribe Is Supascribe is a third-party tool that embeds a Substack subscribe form, feed widget, or popup on any website. It connects to your Substack subscriber list: when someone submits the form, they're added to your Substack list the same way as through the native embed. The differences are entirely on the website side. ## Feature Comparison | Feature | Native Embed | Supascribe | |---|---|---| | Cost | Free | First 100 captures + 1,000 views free | | Custom colours and fonts | No | Yes | | Mobile responsive | No (480px fixed) | Yes | | Custom redirect after signup | No | Yes | | Per-placement analytics | None | Views, conversions, rate | | Custom success message | No | Yes | | Feed widget (show posts) | No | Yes | | Exit popup | No | Yes | | Dedicated landing page | No | Yes | | Substack list sync | Direct | Direct | ## The Gaps in the Native Embed **Styling is locked.** The iframe walls off all CSS from your page. The only configuration Substack exposes is a toggle to show or hide your publication logo. The button colour, background, font, and layout are fixed. **It breaks on mobile.** The hardcoded `width="480"` overflows on most phones. The manual fix is changing `width="480"` to `width="100%"` in the copied snippet. Substack doesn't apply this automatically, so anyone who copies the code without knowing about it gets a broken mobile form. **No post-signup redirect.** After someone subscribes, they see a confirmation inside the iframe. You can't send them anywhere: no thank-you page, no lead magnet, no curated post to read first. Welcome emails average an 83% open rate — the highest of any email type — but the native embed has no way to shape what happens in the moments before that email lands. **No analytics.** Substack doesn't track how many times your embed was viewed or how many people subscribed through it. Google Analytics also can't see inside the iframe: it's cross-origin, so GA on your site is blind to form submissions. You have no way to know if the embed is converting. ## What Supascribe Adds **Custom design.** Set background colour, button colour, font, headline text, button copy, placeholder text, and layout (single-line or stacked). The form looks like it belongs on your page. **Mobile-responsive by default.** Single-line layout collapses to stacked on small screens. No code edit needed. **Custom redirect after signup.** Send new subscribers to a thank-you page, a lead magnet download, or a specific post you want them to read. Or show an inline success message and keep them on the page. **Per-placement analytics.** Each embed instance has its own views, conversions, and conversion rate tracked in your dashboard. If you have a form at the end of your blog posts and another on your homepage, you see each placement independently and know which one works better for your audience. **Feed widget.** Display your latest Substack posts on your website. Visitors preview your writing before subscribing. The feed updates automatically when you publish, so your site stays current without manual work. **Exit popup.** A subscribe overlay triggered by exit intent, scroll depth, or time on page. Catches visitors who are about to leave before they would otherwise be gone. ## When to Use Each **Use the native Substack embed** if you need something working immediately, you're not optimising for conversions, and the form looking like a generic Substack embed is acceptable on your site. It's free, requires no account setup, and takes under a minute. **Use Supascribe** if any of the following apply: you want the form to match your site's design, you want conversion data, you want to do something with the subscriber immediately after sign-up, or you want a feed widget or popup. The native embed can't do any of those. Both connect to the same Substack list. Switching doesn't affect existing subscribers. New subscribers captured through Supascribe are added in exactly the same way. ## Set It Up Supascribe generates a snippet you paste into your site's HTML editor. See the guide for your platform: - [Any Website (HTML)](https://supascribe.com/docs/embed-substack-on-any-website): Works with any site builder or static HTML file. - [WordPress](https://supascribe.com/docs/embed-substack-on-wordpress): Custom HTML block, widget areas, and page builders. - [Framer](https://supascribe.com/docs/embed-substack-on-framer): Embed component setup — works on the free plan. - [Carrd.io](https://supascribe.com/docs/embed-substack-on-carrd-io): Embed element setup — works on the free plan. - [Wix](https://supascribe.com/docs/embed-substack-on-wix): HTML Embed element and Custom Code injection. - [Squarespace](https://supascribe.com/docs/embed-substack-on-squarespace): Code block and footer code injection. ### Frequently asked questions **Q: Is Supascribe free?** Supascribe is free for your first 100 subscribers captured through the embed and your first 1,000 embed views. These are subscribers collected via Supascribe — not your total Substack subscriber count. After those thresholds, a paid plan is required. No time limit — free until one threshold is reached. **Q: Does switching from the native embed to Supascribe affect my Substack subscribers?** No. Both connect to the same Substack subscriber list. Your existing subscribers aren't affected. New subscribers captured through Supascribe are added directly to your Substack list, the same as the native embed. **Q: Can I use Supascribe alongside the Substack native embed?** Yes. You can run both at the same time on different pages, or replace the native embed on specific pages while keeping it elsewhere. There's no conflict. **Q: Does Supascribe work on all website builders?** Yes. Supascribe works on any site that accepts custom HTML — WordPress, Squarespace, Wix, Carrd, Framer, Shopify, Weebly, and custom-built sites. **Q: What happens to subscribers after they sign up through Supascribe?** Subscribers are added to your Substack list and receive your standard Substack welcome email — the same as with the native embed. On the website side, Supascribe lets you redirect subscribers to a custom page after sign-up, which the native embed cannot do. --- # Code examples ## Code Examples Source: https://supascribe.com/examples/introduction Real-world code examples for embedding Supascribe subscribe forms and feed widgets. Practical code snippets showing how to integrate Supascribe embeds into different environments. Copy, adapt, and use these as a starting point for your own site. ## Code Examples How to add Supascribe embeds to your project: - [HTML](https://supascribe.com/examples/html): Copy-paste HTML snippets to add a subscribe form or feed widget to any website. - [React](https://supascribe.com/examples/react): Integrate Supascribe embeds into a React application with a reusable TypeScript component. - [Next.js](https://supascribe.com/examples/nextjs): Add Supascribe embeds to a Next.js app with App Router and layout.tsx script loading. ## Substack Embed — HTML Source: https://supascribe.com/examples/html Copy-paste HTML snippets to add a Substack subscribe form or feed widget to any website. Works with any site builder or static HTML file. When you click **Copy embed code** in your [Supascribe dashboard](https://supascribe.com), you get a snippet with your embed ID and script URL already filled in — paste it directly. The examples below show the structure. The only difference between the [subscribe form](https://supascribe.com/embeds/subscribe) and the [feed widget](https://supascribe.com/embeds/newsfeed) is a single attribute. ## Subscribe Form ```html My Site
``` ## Feed Widget ```html My Site
``` `data-supascribe-subscribe` renders the subscribe form. `data-supascribe-feed` renders the feed widget. ## Both on the same page One script tag handles both. Place the divs anywhere in the body. ```html
``` ## Working with a website builder? See the platform guides for step-by-step instructions: - [WordPress](https://supascribe.com/docs/embed-substack-on-wordpress): Add using a Custom HTML block. - [Carrd.io](https://supascribe.com/docs/embed-substack-on-carrd-io): Add using an Embed element. - [Squarespace](https://supascribe.com/docs/embed-substack-on-squarespace): Add using a Code block. - [Wix](https://supascribe.com/docs/embed-substack-on-wix): Add using the HTML Embed element. - [Shopify](https://supascribe.com/docs/embed-substack-on-shopify): Add using a Custom HTML block or theme template. ## Substack Embed — Next.js Source: https://supascribe.com/examples/nextjs How to add a Substack subscribe form or feed widget to a Next.js app. Covers App Router setup and global script loading via layout.tsx. When you click **Copy embed code** in your [Supascribe dashboard](https://supascribe.com), you get a snippet with your embed ID and script URL already filled in. Load the script once in `app/layout.tsx` — then place the embed divs anywhere without needing `"use client"`. ## 1. Load the script in layout.tsx ```tsx // app/layout.tsx import type { Metadata } from "next"; export const metadata: Metadata = { title: "My Site" }; export default function RootLayout({ children }: { children: React.ReactNode }) { return ( {children} {/* Paste your script tag from the Supascribe dashboard */} ``` With the script loaded globally, the component is a plain div wrapper — no browser APIs, no side effects: ```tsx // components/SupascribeEmbed.tsx interface SupascribeEmbedProps { embedId: string; type: "subscribe" | "feed"; } export default function SupascribeEmbed({ embedId, type }: SupascribeEmbedProps) { if (type === "feed") { return
; } return
; } ``` Use it anywhere: ```tsx // App.tsx import SupascribeEmbed from "./components/SupascribeEmbed"; export default function App() { return (

Get the newsletter

Latest posts

); } ``` ## Method B: Self-contained component with useEffect If you can't edit `index.html` (e.g. you're working within a larger app), load the script from the component itself. The component guards against loading the script more than once — safe to use multiple times on the same page: ```tsx // components/SupascribeEmbed.tsx import { useEffect } from "react"; interface SupascribeEmbedProps { embedId: string; type: "subscribe" | "feed"; } export default function SupascribeEmbed({ embedId, type }: SupascribeEmbedProps) { useEffect(() => { const scriptSrc = "https://js.supascribe.com/v1/loader/example.js"; if (document.querySelector(`script[src="${scriptSrc}"]`)) return; const script = document.createElement("script"); script.src = scriptSrc; script.async = true; document.body.appendChild(script); }, []); if (type === "feed") { return
; } return
; } ``` Usage is the same: ```tsx // App.tsx import SupascribeEmbed from "./components/SupascribeEmbed"; export default function App() { return (
); } ``` ## Alternative: Load the script in a Footer component If you have a shared Footer component that mounts once per page, you can load the script there instead of `index.html`: ```tsx // components/Footer.tsx import { useEffect } from "react"; export default function Footer() { useEffect(() => { const script = document.createElement("script"); script.src = "https://js.supascribe.com/v1/loader/example.js"; script.async = true; document.body.appendChild(script); }, []); return (
{/* footer content */}
); } ``` Then use the embed div directly in any component — no component wrapper needed: ```tsx // components/NewsletterSection.tsx export default function NewsletterSection() { return (

Get the newsletter

); } ``` ## Using Next.js? The pattern is the same — load the script in `app/layout.tsx` instead. See the Next.js example. - [Next.js Example](https://supascribe.com/examples/nextjs): App Router setup with layout.tsx. --- # Blog ## 7 Substack Growth Strategies That Actually Work Source: https://supascribe.com/blog/how-to-grow-substack-newsletter Last updated: 2026-03-02 Seven ways to grow your Substack newsletter — from embedding a subscribe form on your website to newsletter swaps, referral programmes, and Substack internal discovery. The fastest way to grow a Substack newsletter is to put the subscribe form in front of people who are already reading your writing — on your website, portfolio, or social content. Here are the seven tactics that actually move the subscriber count, starting with the one most writers skip entirely. ## 1. Embed a Subscribe Form on Every Page You Own The single highest-leverage thing most newsletter writers neglect: **capturing subscribers on websites and platforms they already control**. Your Substack page converts cold traffic at roughly 2–5%. A subscribe form embedded on your own site — where visitors already sought out your work — converts at a meaningfully higher rate. With [Supascribe](https://supascribe.com), you can add a native subscribe embed to any site — WordPress, Webflow, Squarespace, Carrd, or custom HTML — in under five minutes. The form handles the Substack API handshake automatically, so subscribers go directly into your Substack list. **How to do it:** 1. Create a free Supascribe account and connect your Substack 2. Customise the embed style (colours, CTA copy, layout) 3. Copy the embed snippet and paste it into your site The embed works in the header, sidebar, end-of-article, and popup contexts. ## 2. Create a Dedicated Newsletter Landing Page A landing page is not your Substack page. It's a standalone URL you control, built specifically to convert visitors who don't know you yet. A good newsletter landing page includes: - **A headline that states the outcome** — not "my newsletter," but "Weekly tactics to grow your SaaS to $1M ARR" - **Three bullet points** covering what subscribers get, how often, and who else reads it - **Social proof** — subscriber count, notable names, or a short testimonial - **One CTA** — the subscribe form, nothing else competing with it **Quick win:** Supascribe includes a dedicated landing page option — a clean subscribe form on a standalone URL with no competing navigation. Build it in your Supascribe dashboard and link to it from your social bio, podcast appearance, or any focused traffic source. ## 3. Publish on a Consistent Schedule Consistency matters more than frequency. A weekly newsletter beats a daily one that skips weeks. Pick a cadence you can maintain: | Schedule | Best for | Expected churn | |----------|----------|----------------| | Daily | News, finance, sports | Higher — readers unsubscribe when they miss days | | 2–3x/week | Tutorials, commentary | Moderate | | Weekly | Analysis, long-form | Low — readers expect the cadence | | Bi-weekly | Deep research | Lowest | Most creators underestimate the compounding effect of consistency. A weekly newsletter published for 52 weeks will consistently outperform an "whenever I feel like it" newsletter with better individual posts. ## 4. Cross-Post to Twitter/X and LinkedIn Every newsletter issue is a content asset. Break it into: - **One Twitter thread** (the key idea + 5–7 tweet breakdown) - **One LinkedIn post** (the insight framed for professionals) - **One short clip or carousel** (if you have the bandwidth) Always end cross-posts with: *"Full breakdown in this week's newsletter — subscribe link in bio."* The goal is not to give everything away. It's to give enough that the right people want more. ## 5. Do Swaps With Newsletters in Adjacent Niches Newsletter cross-promotions (swaps) are the fastest free growth channel available. A single swap with a 5,000-subscriber newsletter in a complementary niche can add 50–200 subscribers in 48 hours. **How to pitch a swap:** 1. Find 10 newsletters with a similar subscriber count (within 30%) 2. Subscribe to them for 2–3 issues 3. Email the author: *"I've been reading [newsletter]. I write [your newsletter] for [audience]. Want to do a brief mention swap this month?"* 4. Keep it simple — a 2–3 sentence mention in each other's next issue Aim for one swap per month initially. ## 6. Optimise Your Substack Profile for Discovery Substack has its own internal discovery engine. Profiles that appear in search and recommendations share these traits: - **Specific niche** — not "business tips" but "SaaS growth for B2B founders" - **Consistent publishing history** — at least 12 issues - **Recommendations from other Substack writers** Ask 3–5 Substack writers you know to recommend your newsletter. Each recommendation surfaces your newsletter to their entire subscriber base via Substack's recommendation emails. This is Substack's highest-leverage internal discovery feature. ## 7. Run a Referral Programme Once you have 500+ subscribers, a referral programme creates a self-compounding growth loop. The principle: give existing subscribers a reason to share. Simple implementation: - Offer a **free resource** (template, guide, checklist) for 3 referrals - Offer a **shoutout in the next issue** for 10 referrals - Use [SparkLoop](https://sparkloop.app) or [Referral Hero](https://referralhero.com) to track referral links automatically Newsletters with active referral programmes consistently outgrow those relying solely on organic discovery — the compounding effect of subscriber-driven referrals is hard to replicate with any other free channel. --- ## Summary The fastest path to 1,000 subscribers combines: 1. **Embed a subscribe form** on every website you own (Supascribe makes this instant) 2. **Build a dedicated landing page** for non-Substack traffic 3. **Publish consistently** on a schedule you can sustain 4. **Cross-post** to Twitter/X and LinkedIn with every issue 5. **Do one newsletter swap** per month 6. **Optimise your Substack profile** for internal discovery 7. **Launch a referral programme** once you hit 500 subscribers None of these require paid advertising. All of them compound over time. --- *Want to add a professional subscribe embed or landing page to your site? [Try Supascribe free →](https://supascribe.com)* ### Frequently asked questions **Q: How long does it take to grow a Substack newsletter to 1,000 subscribers?** Most newsletters reach 1,000 subscribers within 3–6 months with consistent publishing (2–3x per week) and active promotion across 2–3 channels. **Q: Does having a subscribe embed on my website help grow my Substack?** Yes. Visitors who find an embedded subscribe form on your own website — rather than a plain Substack link — are much more likely to convert, because the form is right in front of them and they don't need to leave your site. Tools like Supascribe let you embed a subscribe form on any site or platform in a few minutes. **Q: Should I use a landing page to grow my Substack newsletter?** Yes. A dedicated landing page with a clear value proposition and social proof will typically convert better than a generic Substack page, because it removes every distraction except the subscribe form. The difference in conversion rate depends heavily on your copy and offer. **Q: What is the best way to promote a Substack newsletter for free?** Cross-posting to Twitter/X and LinkedIn, guest posts or swaps on larger newsletters, and embedding a subscribe form on your existing website are the highest-ROI free tactics.