Carrd.io Guide

Carrd.io makes it easy to add custom HTML embeds to your website. Follow this guide to integrate Supascribe and start growing your newsletter audience.

Step-by-Step Guide

1. Get your embed code

First, you'll need to create and publish an embed in your Supascribe dashboard:

1. Log into your Supascribe dashboard at supascribe.com
2. Click "Create Embed" to start building your email capture form
3. Customize your embed with your style, colors, and messaging
4. Click "Publish Embed" to generate your unique embed code

After publishing, you'll see your embed code that looks like this:

<!-- Subscribe embed code -->
<div data-supascribe-embed-id="example" data-supascribe-subscribe></div>

<!-- Supascribe Script (Only add this to your site once) -->
<script src="https://js.supascribe.com/v1/loader/example.js" async></script>

2. Copy your embed code

Copy the embed code that was generated when you published your embed:

We recommend adding the Supascribe Script immediately before your site's closing </body> tag or in your footer. This only needs to be added once to your site. If the script tag is already present, you do not need to add it again.

3. Add the embed to your Carrd page

1. Log into your Carrd.io account and open the site you want to edit
2. Click "Add Element" and select "Embed"
3. Paste your embed code into the Embed element
4. Position and resize the embed as needed
5. Publish your site to make the changes live

Troubleshooting

Embed not showing up?

• Make sure you've added the script tag before the closing </body> tag
• Check that your embed ID is correct
• Try refreshing the page and clearing your browser cache

Styling issues?

• The embed will is fully customizable within your Supascribe Embed Dashboard.

Need Help?

If you're stuck or need help implementing Supascribe on your Squarespace site, feel free to reach out using our live chat or contact me directly.

[email protected]

0xGideon

Explore More Features