Better Web Push Notifications in 2022

Joel Oliveira
Joel Oliveira
Jan 10 2022
Posted in Best Practices

5 tips for a great web push experience

Better Web Push Notifications in 2022

If you are wondering how to leverage web push notifications in 2022 or how to improve your current web push experience, then this post is for you.

Web push notifications deliver remote messages to users that have opted-in on your website or web app, in their desktop and mobile browsers, even when users are not currently visiting your website, providing an app-like experience. With the exception of Safari for iOS, support for web push notifications has now reached a considerable level, making it a desirable channel to add to a brand's marketing stack.

1. Onboarding

A good web push implementation starts with a compelling onboarding setup. And best practices dictate that requesting permission for push notifications should be user- initiated. Notificare's web push library offers 2 different managed onboarding solutions:

Floating Button

This mode will display a button on your page at all times, where users can, at any time, subscribe for notifications. It will also display the notification's permission state when users have accepted or blocked notifications.

Auto Onboarding Dialogue

You can also choose for a more disruptive solution instead and display a dialogue that overlays your content. This solution can also be configured to use a presentation delay allowing you to perfectly time when this dialogue should be displayed after the page is loaded. Additionally, it can also be configured to have an automatic retry period for users who choose to cancel this dialogue.

These solutions offer a low-code onboarding implementation, while you can always choose to customize how the library is initialized and design a user interface that fits your needs.

2. Device Segmentation

Besides registering opted-in users, most brands will also want to categorize users based on their interests. The easiest way of achieving this, via your web app, is by using device-level categories, something we call Tags. Basically, Tags make it extremely easy to offer users the possibility to collect users' preferences in a way that matches your messaging strategy.

By offering a list of topics they might be interested in, you'll enrich those devices' profiles with attributes that you can then harness in your messaging campaigns.

3. Notification UI

Although browsers will display native alerts when a push notification is received, Notificare also offers a wide range of content types that can extend these interactions, right after the user clicks those native alerts. From simple text dialogues or URL redirects to more rich interactions like HTML, Images, Videos, or Maps, our web push library offers a frictionless way of supporting all these without any additional development. And at the same time, we will collect extremely useful metrics like open events and user responses.

4. Inbox

Notificare also offers a powerful in-app inbox where all messages sent will be displayed. Websites or web apps that implement an in-app inbox see up to 50% more interactions in their campaigns! The reason is simple, in case your users miss those browser's native alerts, they will always be able to interact with your messages when they visit your website. An in-app inbox also enables messaging even when users don't allow native web push notifications. In reality, an in-app inbox can be considered a standalone channel, since it can display messages even when you don't use remote web push notifications.

5. Event Tracking

Just like other analytic solutions out there, Notificare also offers a powerful way of tracking basically anything you care about on your website. Additionally, by using our Actionable Analytics features, you can easily transform event tracking into meaningful web push interactions. Things like welcome messages, abandoned cart reminders, order confirmations, or shipping status can easily be implemented by using our library's event tracking methods in combination with our event-driven automations.

notificare.logCustomEvent("AddToCart", {
    qty: 1,
    productName: "Trendy Shoe",
    total: 120.00,
    currency: "EUR",

Pushing it Forward!

As you can see, it is easy to create a stellar web push experience without that much work. You can even use things like the Google Tag Manager to get you going faster. Adding web push to your marketing strategy requires minimal effort and will allow you to bring back website traffic, eliminate transactional email pressure and create a new stream of rich and personal interactions.

If you would like to see this in action, don't hesitate and create a demo app today that showcases the power of web push notifications. As always, we are available via our Support Channel for any questions you might have.

Keep up-to-date with the latest news