Substack Embed — HTML | Supascribe Docs

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, 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 and the feed widget is a single attribute.

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>My Site</title>
  </head>
  <body>
    <!-- Subscribe form -->
    <div
      data-supascribe-embed-id="abc123"
      data-supascribe-subscribe
    ></div>
 
    <!-- Script — add once per page, URL is in your dashboard snippet -->
    <script
      src="https://js.supascribe.com/v1/loader/example.js"
      async
    ></script>
  </body>
</html>

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>My Site</title>
  </head>
  <body>
    <!-- Feed widget -->
    <div
      data-supascribe-embed-id="abc123"
      data-supascribe-feed
    ></div>
 
    <!-- Script — add once per page, URL is in your dashboard snippet -->
    <script
      src="https://js.supascribe.com/v1/loader/example.js"
      async
    ></script>
  </body>
</html>

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.

<body>
  <!-- Subscribe form -->
  <div data-supascribe-embed-id="abc123" data-supascribe-subscribe></div>
 
  <!-- Feed widget -->
  <div data-supascribe-embed-id="abc123" data-supascribe-feed></div>
 
  <!-- Single script handles both -->
  <script src="https://js.supascribe.com/v1/loader/example.js" async></script>
</body>

#Working with a website builder?

See the platform guides for step-by-step instructions:

WordPress

Add using a Custom HTML block.

Carrd.io

Add using an Embed element.

Squarespace

Add using a Code block.

Wix

Add using the HTML Embed element.

Shopify

Add using a Custom HTML block or theme template.

Substack Embed — HTML

#Feed Widget

#Both on the same page

#Working with a website builder?

Ready to grow your Substack?

Substack Embed — HTML

#Subscribe Form

#Feed Widget

#Both on the same page

#Working with a website builder?

Ready to grow your Substack?