Widget Embed
Let users see what's new without leaving your app. The rlse widget shows your latest release notes in a modal or slide-out.
Quick Setup
Option 1: Script Tag (Any Website)
Add this to your HTML, just before the closing body tag:
<script>
window.rlseWidgetConfig = {
orgSlug: "your-org-slug"
};
</script>
<script async src="https://rlse.dev/widget.js"></script>Option 2: React Component
import { RlseWidget } from 'rlse-widget';
function App() {
return (
<>
<YourApp />
<RlseWidget orgSlug="your-org-slug" />
</>
);
}Configuration
| Option | Type | Default | Description |
|---|---|---|---|
| orgSlug | string | required | Your organization slug |
| appSlug | string | - | Filter to specific app |
| trigger | string | manual | manual, auto, or both |
| position | string | bottom-right | Widget button position |
| theme | string | auto | light, dark, or auto |
| limit | number | 10 | Max changes to show |
Trigger Modes
Manual (default)
Floating button always visible. Click to open. Shows unread badge.
Auto
No visible button. Modal auto-opens on first visit after new releases. Respects autoShowAfter days setting.
Both
Best of both worlds: visible button + auto-popup for new releases.
Unread Tracking
The widget uses browser LocalStorage to track seen changes. No backend required—works immediately for all visitors.
Styling
Use primaryColor to match your brand:
window.rlseWidgetConfig = {
orgSlug: "acme",
primaryColor: "#ff6b6b" // Your brand color
};