How to add a "Made by" badge to Carrd

Carrd adds custom code with an Embed element.

Steps

1. 1

   Create your badge in the Maker Badge editor and copy your code.

2. 2

   In the Carrd builder, add an element → Embed.

3. 3

   Set Type to "Code" and Style to "Hidden", and place it at the end of the body.

4. 4

   Paste the code, then publish your site.

What the code looks like

An updatable badge is a single line like this (the editor gives you yours). The self-contained version is longer but works the same way.

<script src="https://madebybadge.netlify.app/v1/badge.js" data-badge="YOUR_BADGE_ID" async></script>

Good to know

• Embeds with code need a Carrd Pro plan.

Not showing up?

• Check the published site, not an editor preview: most builders only run custom code on the live site.
• Make sure the whole snippet was pasted, including the closing </script> tag.
• Use "Test page" in the Maker Badge code dialog to confirm the badge itself works.