Skip to main content

Announcements

Announcements let you display banners, popups, and toasts to communicate important information to your users. Great for announcing new features, maintenance windows, or promotions.

Creating an Announcement​

Navigate to produktly.com/app/announcements/create to create a new announcement.

Settings​

Display​

Controls how often the announcement is shown:

  • Until Dismissed - The announcement is shown until the user closes it. Once dismissed, it won't appear again for that user.
  • Always - The announcement is shown on every page visit, regardless of whether the user has seen it before.

Add a URL that opens when the user clicks the announcement's action button. You can toggle Open link in new tab to control whether the link opens in a new tab or the same window.

Secondary Action​

Enable a secondary action button with its own link and text. Useful for offering an alternative action, like "Learn more" and "Dismiss".

Content​

Title​

The headline of the announcement. Supports template values like {{user.name}}.

Description​

Rich text content for the announcement body. Only available for Popup and Toast types.

Action Text​

The text shown on the action button. Defaults to "Learn more".

Secondary Action Text​

The text shown on the secondary action button. Defaults to "Secondary action". Only visible when secondary action is enabled.

Announcement Types​

Topbar​

A banner that appears at the top of the page inline with the content.

  • Push content down - When enabled, the page content shifts down to make room for the banner instead of overlapping
  • Stick to top - When enabled, the banner stays fixed at the top of the viewport when scrolling

Topbar Hovering​

Similar to Topbar but floats above the page content without affecting layout.

A centered popup/modal with title, description, and action buttons. Good for important announcements that require user attention.

Toast​

A small notification that appears in a corner of the screen. Less intrusive than popups.

  • Toast Location - Choose which corner: Bottom-Left, Bottom-Right, Top-Left, or Top-Right

Styling​

  • Show action "button" - Toggle whether the action button is displayed
  • Show close button - Toggle whether the close/dismiss button is displayed
  • Theme - Select a pre-made theme or set custom theme and text colors

Targeting​

Announcements support the full targeting rules engine.

Localization​

Announcements support full localization. Title, description, action text, and secondary action text can all be translated.

Opening with code​

You can also open an announcement manually using the Client SDK:

window.Produktly.openAnnouncement({ id: announcementId });