What's New
A tool for sharing product news on your website. Create a pop-up, side message or banner in four easy steps, add it to your site with one line of code, and see how many people viewed and clicked each announcement.
Test account: test@example.com / test1234
This prototype demonstration is running on our lower environments, so you may experience slowness or unexpected behavior due to their configuration at times.
Announcements: live count, views today, status tabs and search
1 / 5
The Problem
The business problem it solves
Product and marketing teams ship changes constantly, but telling users about them means either a developer ticket for every in-app message or an email blast nobody reads. What's New gives non-technical teams a place to compose, schedule, and target announcements themselves, published to a live site through a single embed snippet, with display rules, device previews, and per-announcement view and click analytics so the impact of each message is measurable instead of assumed.
Features & Functionality
What it does
Compose (Step 1: Content)
Three formats: modal, slide-in, or banner
Title, message, and media: single image, slideshow, or video
Optional call to action with link and open-in-new-tab toggle
Labels and an optional publish date (blank publishes immediately)
Target & Preview (Steps 2–3)
Display rules: trigger on load, delay, or exit intent
Frequency: once per visitor, once per session, or always
URL targeting: only show on pages whose URL contains a string
Desktop, tablet, and mobile previews plus pre-flight checks before publishing
Publish & Install (Step 4)
One copy-paste embed snippet, dropped in once before </body>
Install guides for Google Tag Manager, WordPress, Webflow, and Shopify
Live install verification that waits for the first page view from your site
Pause a live announcement without deleting it
Measure & Manage
Total views, total clicks, and click-through rate across the workspace
Per-announcement views, clicks, and views-today breakdown
Announcement queue filtered by All, Live, Drafts, or Scheduled, with search
Workspace with plan tier, settings, and sign-out
Technology Stack
Frameworks & infrastructure
Frontend
Next.js (App Router)TypeScriptTailwind CSSMulti-step wizard UIDevice preview harness
Backend / Data
Supabase (PostgreSQL)Supabase AuthSupabase Storage (media + widget asset)View & click event tracking
Embed Widget
Standalone widget.js bundleAsync script loader with init queuePer-workspace + per-announcement keysCDN-served from Supabase Storage