Embed Substack on Carrd.io

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 — 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:

<div data-supascribe-embed-id="abc123" data-supascribe-subscribe></div>
<script src="https://js.supascribe.com/v1/loader/example.js" async></script>

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

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

<div data-supascribe-embed-id="abc123" data-supascribe-subscribe></div>
<div data-supascribe-embed-id="abc123" data-supascribe-feed></div>
<script src="https://js.supascribe.com/v1/loader/example.js" async></script>

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

#Need Help?

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