DemoBitesConfiguration
Pulse offers 8 template styles and a range of settings to match your product’s look and feel. Everything is configured from the dashboard — no code changes needed.
Templates
Every Pulse feed uses a template that controls how the widget panel looks. Templates are divided into two categories based on how the panel appears on screen.
Sidebar templates
Open as a side panel that slides in from the edge of the screen. Best for content-rich feeds with longer titles and descriptions.
Floating templates
Appear as a compact popup anchored near the trigger button. Best for minimal, notification-style feeds.
Sidebar templates
Detailed Cards
Large thumbnail cards with title, date, and duration. The default template — great for product tours and feature walkthroughs.
Compact List
Dense list view with small thumbnails. Fits more items on screen — ideal for teams that ship frequently.
Media Showcase
Full-width video thumbnails with overlay text. Bold and visual — best when thumbnails tell the story.
Timeline Feed
Chronological layout with date grouping and a vertical timeline line. Perfect for release-note style updates.
Floating templates
Floating Compact
Small popover with thumbnail rows. Minimal footprint — stays out of the way while still keeping users informed.
Notification Drawer
Notification-style cards with circular thumbnails. Familiar pattern for users who are used to notification centers.
Vibrant Gradient
Gradient header derived from your brand color with bold card styling. Eye-catching and modern.
Minimal Timeline
Clean floating panel with a subtle timeline and play buttons. Quiet and elegant — lets the content speak.
Tip: You can switch templates at any time. The change takes effect the next time you publish — no embed code changes required.
Widget text
The widget panel has a header with two configurable text fields:
Title
The main heading shown at the top of the panel. Default: “What’s New”. Try “Product Updates”, “Release Notes”, or “New Features”.
Tagline
A subtitle below the title for additional context. Default: “Latest updates and features”. Keep it short — one line works best.
Theme color & icon
The trigger button’s appearance is fully customizable to match your brand:
- Color — Sets the trigger button background and accent color throughout the widget (header highlights, badges, active states).
- Icon — Choose from Bell, Megaphone, Sparkles, Zap, Rocket, or Help Circle. The icon appears inside the trigger button.
The color also influences template-specific accents. For example, the Vibrant Gradient template derives its header gradient from your chosen color automatically.
Domain restriction
Control exactly which domains can load your Pulse widget. This is enforced at the server level — the widget script simply won’t load on unauthorized domains.
Server-side enforcement
Domain checks happen on the server before the script is served. No client-side workarounds possible.
Bare domain format
Enter domains without protocols or paths — just example.com or app.example.com. Ports are supported (localhost:3000).
How it works
- Leave the field empty to allow all domains (default — backward compatible).
- Add one or more domains to restrict where the widget loads.
- Subdomains are distinct — app.example.com and example.com are treated separately.
- Protocols and paths are stripped automatically — just enter the domain name.
“New” indicator
When enabled, a “NEW” pill appears on the trigger button whenever Bites have been added since the visitor last opened the widget. Inside the panel, unseen Bites are highlighted with a subtle tint of your theme color so they stand out from previously seen content.
- Fully anonymous — uses localStorage in the browser, no server-side tracking or cookies. No consent banner required.
- The pill disappears as soon as the user opens the panel. The highlight on unseen cards stays visible for that session.
- Re-appears automatically when you publish new content via Generate & Publish.
- First-time visitors see a configurable number of Bites marked as new (default: 5) — preventing an overwhelming "everything is new" experience.
- Works with both the default trigger bubble and custom triggers via the JavaScript API.
Personalization settings
When the “New” indicator is enabled, two additional controls appear in the Personalization section of your Pulse settings:
Limits how many Bites are highlighted as "new" when someone visits for the first time. Default is 5. Prevents long-running feeds from overwhelming new visitors with dozens of highlighted items.
When enabled, unseen Bites tagged as "Major" appear before minor ones in the feed. This ensures important releases aren't buried below smaller updates for visitors who haven't checked in for a while.
How it works under the hood: The SDK stores a single key in localStorage — the ID of the newest Bite at the moment the panel was opened. On the next visit, anything above that point in the feed is treated as “new.” No personal data is stored or transmitted.