Bubble Notifications

What Are Bubble Notifications?

Bubble notifications appear as a small floating icon on your website. When a visitor clicks the icon, it expands into a full notification panel with your content.

They are perfect for messages that don't need to interrupt the visitor immediately. The bubble sits quietly in the corner until someone decides to click on it.

Bubble Styles

You can choose from three different bubble styles:

Style Description Best For
Circle A round floating icon Clean, modern look
Rounded A square shaped icon with rounded corners Bolder visual presence
Pill A text based badge that shows a short message When you want to show a teaser

Choosing an Icon

For Circle and Rounded styles, you can pick from a wide selection of icons including:

  • Bell, Star, Heart, Rocket
  • Shopping Cart, Gift, Megaphone
  • Lightning, Fire, Sparkles
  • Info, Help, Chat, Mail
  • And many more

The icon gives visitors a visual hint about what the notification contains. For example, use a megaphone for announcements, a gift for promotions, or a bell for general updates.

Pill Text

When using the Pill style, you can set custom text that appears on the badge. This is great for short messages like:

  • "New!"
  • "Sale"
  • "Update"
  • "Important"

If your text is longer than 20 characters, it will be trimmed automatically with "..." to keep things tidy.

Default Open

By default, visitors need to click the bubble to see your content. But you can enable Default Open to have the notification panel expanded automatically when the page loads.

This is useful when you have something important you want every visitor to see right away, while still giving them the ability to close it.

Even when set to default open, visitors can still close the panel by clicking the close button. The panel will stay closed for the rest of their browsing session so they won't be bothered by it again.

How Views Are Tracked

For bubble notifications, a view is recorded when a visitor opens the notification panel, not when they see the floating icon. This gives you accurate engagement data that reflects genuine interest.

Last updated on March 8, 2026