Tutorial

Embed a live WingMan badge

Drop a one-line loader or an iframe fragment on your own site to show your live directory listing — not a screenshot that goes stale.

Growth 4 min read

The one-line loader

<script src="https://wingmanprotocol.com/embed/card.js" data-slug="your-slug"></script>

Drop that on any page and it renders your live directory card — no iframe wrangling required.

Or embed it yourself

Prefer to control the markup? GET /embed/card/<slug> returns an iframe-able HTML fragment directly, and GET /embed/badge.svg?slug=<slug> returns a small live SVG badge (cached 1 hour) you can drop into a README or footer.

It's actually live

Every badge and card render bumps a real view counter against your listing — not a static export that goes stale the day you publish it. If your listing isn't showing what you expect, confirm it cleared moderation and (if you want the checkmark) finished the claim flow from Claim your directory listing.