How to Embed Substack on Any Website

The fastest way to embed Substack on any website is one HTML snippet: a div tag where you want the form and a script tag once per page. No plugins, no API keys, no developer required. Works on any site builder, CMS, or custom HTML file.

If you're running a Substack newsletter and have any kind of website, this guide explains what you can embed, how to choose the right type, and where to place it for the best results.

#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)

Works with any site builder or static HTML file.

WordPress

Custom HTML block, widget areas, and page builders.

Carrd.io

Embed element setup — works on the free plan.

Wix

HTML Embed element and Custom Code injection.

Squarespace

Code block and footer code injection.

Shopify

Theme customizer and theme.liquid integration.

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

Global script loading and reusable component pattern.

Next.js

App Router layout.tsx and Server Component setup.