Embeddable badge

Powered by rd Labs

Drop a small script onto your product pages. For every product, we render a badge that reads the current COA on file — always fresh, always accurate. No API keys, no build step.

Preview

Example badge

The badge fetches live data at view time. If the COA lapses, the badge automatically flips to a neutral “not current” state.

Generic HTML snippet

Replace your-brand-slug and the barcode with your values.

<div data-rdlabs-badge data-slug="your-brand-slug" data-barcode="123456789012"></div>
<script src="https://raddadlabs.com/embed.js" async></script>

Shopify

Paste inside product.liquid or your product template.

<!-- Inside your Shopify product template -->
<div data-rdlabs-badge data-slug="your-brand-slug" data-barcode="{{ product.barcode }}"></div>
<script src="https://raddadlabs.com/embed.js" async></script>

How it works

  • The script scans the DOM for [data-rdlabs-badge] elements and renders an SVG badge for each one.
  • Each badge fetches /badge/[slug]/[barcode] with a 60-second cache — fast to load, fresh enough.
  • If no current COA exists for that barcode, the badge shows a neutral state instead of a green check. Never misleads.
  • Badge renders are counted in your dashboard so you can see which products generate external interest.