Embedding Drumroll on your site

Drumroll is a hosted product, but the changelog is meant to live where your users already are: inside your own app or marketing site. Two ways to embed.

Embeddable widget

A small JavaScript snippet that opens your changelog in a slide-over panel from anywhere on your site - typically a "What's new" bell icon in your nav.

Grab the snippet from /admin/<your-slug>/embed. It looks like this:

<script
  src="https://usedrumroll.com/embed.js"
  data-workspace="your-slug"
  defer
></script>
<button data-drumroll-trigger>What's new</button>

Any element with data-drumroll-trigger opens the panel. The widget is around 5 KB, loads lazily, and inherits your workspace's theme.

Iframe

If you want a full-page embed (e.g. on a marketing page), use the iframe route:

<iframe
  src="https://your-slug.usedrumroll.com/embed/changelog"
  width="100%"
  height="600"
  style="border: 0"
></iframe>

The iframe is set to frame-ancestors * on purpose - it's designed to be embedded across origins. There's also /embed/guides for your guides surface.

Custom domain

If you'd rather host the public changelog on your own domain (e.g. changelog.your-company.com) instead of your-slug.usedrumroll.com, point a CNAME at us and add the domain in Settings. We'll issue and renew the TLS certificate.