Table of Contents

Product tour

Lisa Fockens Updated by Lisa Fockens

The Notification Feed

The notification feed is where you and your site visitors connect. It's the hub for all of the notification campaigns that you create in Wisepops.

There are two ways your visitors can experience the notification feed depending on your implementation: The Floating Feed and the embedded Custom Feed.

Before exploring what makes the floating and custom feeds different, let's consider what makes them the same.

The Red Notification Badge.

When a visitor has a notification waiting, the familiar red badge will appear at the location of the feed to draw them in.  Depending on how many unopened notifications are waiting, the red badge will display the corresponding number.

Another thing to note is that the feed isn't just updated when a page is loaded. Visitors can receive new notifications in real time, based on their activity as they browse. This is covered more in the section on audiences.

Feed Contents

Inside the feed, you'll always see the teaser: a short preview of the full notification campaign. Clicking on a teaser will reveal the next component of the campaign. We call this the message.

Unopened campaigns will be indicated in an obvious way. The feed will become scrollable if there are too many notifications to display in the frame.

There are opportunities for you to style and customize the appearance. THis is accomplished in settings.

The Floating Feed

When the tracking code is installed, the default setup for the notification feed is the floating feed.

The floating feed is placed on one of the bottom corners of your page. It's called 'floating' because as you scroll, the feed stays fixed relative to the window instead of moving with the page.

When the feed is opened, it expands up and toward the middle of the page. The floating feed enables a really simple, out of the box setup to get started with notifications.

The Custom Feed

The custom feed allows you to implement the feed anyway you envision in. Most commonly, this means embedding an icon in a header. It's a more technical implementation, but there are several benefits that come with it to consider.

  • Full brand integration - your visitors won't feel like they're opening an app.
  • Higher engagement - see 2.5 x the engagement of the floating feed.
  • Customizable to fit design - adopt the style of your site and optimize for mobile.

Below is an example of the custom feed as a fixed part of the site's header. You're free to place it anywhere, but the top right of your site would follow conventional user-experience practices.

Another important design consideration that we enable accounts for responsiveness. Since their site is responsive, their nav collapses into a hamburger menu (or menu drawer) with a few other icons on smaller displays.

If your site aims to have a minimal header on mobile, you'll likely need to tuck a lot of your nav away in a menu. For this reason, Wisepops allows you to display the red notification badge in multiple places, as if to create a click trail for your visitors that leads them to the feed.

This shop uses the notification feed inside their menu on mobile. When you open the menu, you can see the the feed through the continuation of the red badge.

It was really important to us that the notification feed can feel like a part of your site instead of a floating widget, if that's what you want. Even though it's a bit more difficult, the custom feed is our most popular implementation.


Notifications are the content you want to deliver to your visitors. A notification has two main pieces:

  • The Teaser: What your visitors see when you open the feed.
  • The Message: What your visitors see when you open the teaser.

The Teaser

The teaser is a preview of the campaign. It hints at the message inside using only two simple components: a thumbnail image and some text. For text, you get 30 characters for the title and 90 character.

It's up to you to make the most of these. Think of this as the subject line of your email marketing campaign, and your goal is to get that open rate as high as possible.

The Message

For the visitor, the message is the content of the notification they purposefully opened. For the campaign creator, it's the carefully crafted content with a specific goal in mind.

Wisepops designed the message component of notifications to be compelling and flexible to deliver on this.

  • Compelling: After getting the visitor this far, we want to convert them. To deliver on this, messages let you provide your own images (or GIFs!) and copy: up to 300 characters to close the deal. The message inherits the title that you set on the teaser.
  • Flexible: Not all goals are the same, and you need the tools to convert visitors efficiently. Depending on the campaign you created, you can enable different actions to be taken directly in the notification, and they're all easy to set up. These include email collection, opening a new link, or closing the notification.

Some campaign types provide the additional 'Thank-You' message for completed actions. These can be super valuable for rewarding customers with a discount or sharing the next steps after they complete your goal.

Additional resources: