Embed widget

Drop a HotBirthdays profile card into your blog post, fan wiki, or newsletter. One script tag, no API key, zero JS bundle on your end.

Quick start

Paste the script once anywhere on the page (footer is fine), then drop an anchor with data-hb-embed set to the profile's slug wherever you want the card to render.

<a data-hb-embed="sontungmtp">Son Tung MTP</a>

<script src="https://hotbirthdays.com/embed/widget.js" async></script>

The script swaps every tagged anchor for an iframe pointing at our profile embed page. If the script fails to load, the original anchor stays — visitors still get a working text link.

Live demo

Same iframe the script swaps in, rendered here against Tian Xiwei.

Manual iframe

If you can't add a script (CMS quirks, AMP), embed the iframe directly. Same content, no JS.

<iframe
  src="https://hotbirthdays.com/embed/sontungmtp"
  loading="lazy"
  width="320" height="180"
  style="border:0; max-width:100%;"
  sandbox="allow-popups allow-popups-to-escape-sandbox"
  title="HotBirthdays profile card"
></iframe>

Behaviour

Idempotent: re-running the script (SPA navigation) won't double-wrap a tagged anchor.
Sandboxed iframe — no script access to the parent page.
Cached for 24 hours at our CDN; the iframe content itself caches for 6 hours.
No analytics, no third-party fonts, no CSS leakage.

Terms

The card itself links back to the profile — please keep the click-through.
Bios sourced from Wikipedia carry their own CC BY-SA 4.0 license; the embed shows attribution.