Skip to content
    Droplert
    ProductHow it worksInstall
    Sign inStart building

    IN-PRODUCT ANNOUNCEMENTS

    Put the right update in front of the right customer.

    Droplert helps product teams publish targeted announcements inside the pages where they matter. Set routes and a schedule once; a durable HTTP feed keeps the message available without a permanent browser connection.

    Start building See how it works
    • Targeted routes
    • Scheduled delivery
    • No browser secrets
    • HTTP feed
    yourapp.dev/changelog
    preview
    yourappDocsReleasesAccount

    RELEASES / 2.4

    Make every release easier to follow.

    One place for the notes, decisions, and details your team wants to share.

    4 min readUpdated today
    Product updateFor changelog readers
    Version 2.4 is ready to explore

    New routes, clearer handoffs, fewer things to remember.

    Read release notes

    CAMPAIGN

    Release 2.4
    Live
    Siteyourapp.dev
    Route/changelog
    WindowNow → Fri
    SurfaceInline alert
    verified siteHTTP feed ready
    Rendered in your productone route / one message

    AFTER THE SHIP

    Built for the moment after you ship.

    Turn a finished product moment into a message that reaches people in context—without another dashboard to keep alive.

    01

    RELEASE NOTES

    Release noteVersion 2.4 is ready.

    See what changed in the product you use every day.

    Read the update

    Give the change a place to land.

    Keep a release update close to the page where customers feel the difference.

    Preview an alert
    02

    PLANNED MAINTENANCE

    yourapp ×
    Maintenance starts at 22:00 UTC

    We'll be back shortly.

    Set expectations before the window.

    A scheduled notice can arrive on the exact routes affected, then quietly expire.

    Preview a toast
    03

    ONBOARDING NUDGES

    Welcome to your workspace×
    Start with one verified site.

    Connect your first origin and publish a nudge when you're ready.

    Add a site

    Help the next step feel obvious.

    Use a focused prompt to guide new customers without turning your product into a tour.

    Preview a dialog

    HOW IT WORKS

    A small loop from message to meaning.

    Every campaign is a record you can inspect. Droplert serves it from a versioned HTTP feed, so the browser can fetch on load and revalidate later—no persistent client socket needed.

    1. 01

      Compose

      Write the message and choose the surface it belongs on.

    2. 02

      Target

      Match verified sites and routes to the people who need it.

    3. 03

      Publish

      Set a start or end window, then make the record available.

    4. 04

      Learn

      Read delivery and interaction events without guessing who saw what.

    Durable by default. A published revision stays available to the next page load, with ETag revalidation keeping unchanged fetches lightweight.

    HTTP / VERSIONED / CACHEABLE

    CONTROL THE MOMENT

    Give every update a place, a route, and a window.

    Keep the campaign decision-making close to the product context. Verify the origin, choose the routes, set the timing, and pick an accessible surface—all before the message reaches a customer.

    Open the campaign workspace
    CAMPAIGN RULESRelease 2.4
    Ready
    Verified siteyourapp.dev
    Route rules/changelog exact match
    ScheduleNow → 18:00 UTC
    Accessible surfaceschoose the lightest interruption
    ToastInlineDialog
    PUBLIC READNO BROWSER SECRET

    INSTALL

    Three small steps to put it in your app.

    The reader stays lightweight and the public contract stays explicit. Add a verified site, mount the reader, then publish your first campaign.

    1. 01
      Add a verified site

      Confirm the exact origin that will receive the announcement.

    2. 02
      Mount the reader

      Use the public site ID and the Droplert API origin in your app.

    3. 03
      Publish a campaign

      Choose the route, surface, and delivery window from your workspace.

    app/layout.tsxREACT / PUBLIC CONFIG
    import { Droplert } from "droplert/react"
    import "droplert/styles.css"
    
    export default function AppLayout({ children }) {
      return (
        <>
          {children}
          <Droplert
            siteId="site_public_id"
            apiUrl="https://droplert.abstergo.dev"
          />
        </>
      )
    }
    VERSIONED HTTP FEEDORIGIN ONLY

    READY WHEN THE MESSAGE IS

    Make the next product moment findable.

    Start building
    Droplert
    Sign inDashboard HTTP feed delivery