Skip to content
Reflet DocsBack to Reflet

Changelog widget

Show recent updates in a popover. A badge counts the entries each visitor hasn’t read yet.

Script tag embed

Add this script tag. Any element with the data-reflet-changelog attribute opens the widget, and an inner data-reflet-changelog-badge element shows the unread count.

<script
  src="https://cdn.reflet.app/widget/reflet-changelog.v1.js"
  data-public-key="fb_pub_xxx"
  data-mode="trigger"
  async
></script>

<button data-reflet-changelog>
  What's new <span data-reflet-changelog-badge></span>
</button>

React component

In React projects, render the SDK’s ChangelogWidget with your public key. It loads the same script and accepts the same options as props.

import { ChangelogWidget } from "reflet-sdk/react";

function App() {
  return (
    <>
      <ChangelogWidget publicKey="fb_pub_xxx" mode="trigger" />
      <button data-reflet-changelog>What's new</button>
    </>
  );
}

Features

  • Each entry shows its version, date, title, description and the feedback it shipped.
  • An unread badge counts the entries the visitor hasn’t seen.
  • Read state is stored in the browser and survives new sessions.
  • window.Reflet("open_changelog") and window.Reflet("close_changelog") control the widget from your code.

Configuration