Ship badges without touching code.

01Install the snippet

Create a site in the dashboard, then fetch its fragment server-side so crawlers read real anchors with no JavaScript. All embeds are homepage-only.

Next.js — Server Component

async function Badges() {
  const html = await fetch("https://badgeroll.com/e/abc123.html").then((r) => r.text());
  return <div dangerouslySetInnerHTML={{ __html: html }} />;
}

Astro — frontmatter

---
const html = await fetch("https://badgeroll.com/e/abc123.html").then((r) => r.text());
---
<div set:html={html} />

WordPress — front-page.php

<?php
$res = wp_remote_get("https://badgeroll.com/e/abc123.html");
if (!is_wp_error($res)) echo wp_kses_post(wp_remote_retrieve_body($res)); ?>

Static HTML — loader script

<!-- Homepage only -->
<div data-br="abc123"></div>
<script src="https://badgeroll.com/e/abc123.js" defer></script>

02Add badges, then publish

Paste a directory's badge HTML into the dashboard, or enter label, link, and image manually. Arrange the order, switch badges off without deleting them, keep unfinished ones as drafts. Badges stay drafts until you hit Publish — then every page using the snippet reflects them within seconds.

03Verify like a bot

The dashboard homepage checker fetches your site the way a verification bot would and reports which badges it can see — the marker snippet plus each backlink — before a directory ever complains. Carousel layouts loop as a marquee; row layouts stay a static row. Listing watches check your badge link daily; when it misses, the bot also scans the directory sitemap to find your exact listing page.

04Plans

05FAQ

How bots read badges, why updates never need a deploy, what Pro includes, how payment works, and why hardcoding stops working at directory five — answered in full on the homepage FAQ.

Badgeroll is one snippet, one dashboard, publish in seconds — free for 1 site, Pro from $10/month.