iZooto is a leading Web Push Notification tool used by websites

to retarget and engage with visitors who have left the website.

1. What Are Web Push Notifications?

Web push notifications are clickable rich content messages sent to your

device by a website or a web app. Web Push notifications can delivered to

your device, mobile or desktop, even when the user is not on your website.

As these notifications are delivered directly to the user’s device, users don’t

have to be present on the website to receive these notifications. This makes

web push notifications extremely visible and also easy to respond to.

Push Notifications are best used for delivering time bound content and

engage users. Some of the popular use cases of push notifications include

offers, retaining users with personalized content and more.

1.1 What are web push notifications used for?

Just like native app notifications, web push notifications are meant to facilitate

timely flow of information. To subscribe or opt-in to these notifications, users

notifications as a solution to build and engage their audience. Online retailers

and publishers now heavily use web push notifications as a communication

channel to engage their audience. The primary reason for this adoption is also

the plummeting performance of email, SMS and display ads.

Some of the popular use cases are :

• Delivering Sports updates and news right on user's lock screen

• New Articles and content posted

• Utility messages like traffic, weather and ski snow reports

• Flight check in, change, and connection information

• Sales Alerts, New Coupons, and Product updates

notifications on the other hand can be used to reach users on Desktop

as well.

• Native app notifications support rich media - images, videos, gifs, audio,

and other interactive elements. Web push notifications as of now, only

support large images (only on Chrome 56 and above).

1.3 Where do these notifications appear on desktop and mobile

Web push notifications are delivered even when the user is not on the

website. On Desktop, these notifications are delivered to the browser, right

next to the task bar.

above the task bar. Chrome

68 supports the native notification

systems of the Windows 10

operating system.

Notifications are directly delivered to Windows Action center

• On Linux, web push notifications are displayed in the top right section of

the browser.

• On Android, these notifications are displayed in the notification tray.

The user must be an active subscriber to receive these notifications. It is

will start seeing a notification subscription prompt. You will be able to push

notifications to this audience once they subscribe. They can subscribe by

clicking on the "Allow Button".

There are 6 key elements that constitute a web push notification - Title,

Description, Landing Page URL, Icon, Banner Image and Call To Action

Buttons. You can also make use of emojis in push notifications to express

yourself better. It is important to understand features of Web Push

Notifications like Banner Image and Call To Action Buttons are only available

for Chrome. Here is a breakdown of how each of these elements-

1. Website Domain: The website domain which has sent the notification.

3. Icon: You can add an icon to your notification to build a better recall.

The default icon is bell icon. Users are nowadays bombarded with

notifications, hence it becomes essential to let your users know when

your push notification pops up. Adding your logo helps users in building

a brand recall. The recommended icon should be 100*100px and

should be less than 20kb in size.

4. Banner Image: Banner size images were introduced on notifications

with Chrome 56. This was one of the most awaited features and rightly

so - visuals help you amplify your message by as much 189%. While

the copy of your notification should be eye catchy, adding a

There are three actors involved with delivering a push notification, along with

a fourth, optional, component for advanced functionality.

1. Push Notification Service: Each browser, including Chrome, Safari

and Firefox have their own notification delivery service. Chrome uses

uses Apple Push Notification Service ( APNS ) and Firefox uses MDN

servers.

2. Service Worker Registration: Developer must register the service

worker on the browser. This is only for Chrome and Firefox. Safari while

has added support for service-workers, Safari notifications are delivered

using a different mechanism.

3. User’s Subscription ID: Subscriber ID is generated when a user opts

in to receive notifications from a specific website.

and Firefox browsers, and by generating APN certificate for Safari

browsers.

2. Browsers provide standard API calls to read user subscription

permissions for the domain and to prompt visitors for notification

consents.

3. Website owners can additionally use service providers like iZooto and

use their SDK to take care of the first two steps.

4. Website owners can push notifications to their subscribers by executing

APIs provided by browser push system. This can also be done through

UI.

• A unique registration key is generated by browser for every user who

subscribes to notification.

• Notification service provider stores the keys at their end along with any

additional data points to identify subscribers uniquely.

Web Push notifications can be targeted and personalised to select segments

of your user base, and even personalized for specific users. As compared to

email or SMS, in the context of web push, users are not required to do away

with their personal information. Segmentation basis a user’s browsing and

1. What - Understanding the content that you want to send to your

audience and making sure that the content is not only apt for this

medium but also that you have right copy and creatives ready.

2. When - No one likes notifications delivered at 2 AM in the morning.

Learn more about industry-specific use cases.

You can read more about how these use cases of web push notifications for small

businesses to delight users. If you are a retailer, give this article a read to know how you

can boost the retail store sales with web push notifications. If you are an e-commerce

using web push notifications.

An effective Web Push Notification campaign can easily outperform Email

Marketing when executed well. Here are tips you can follow to ensure that

your web push notification campaign is a success:

messages are highly targeted, timely, and

personalized. For example: An eCommerce site

sends you a message that those shoes you

were browsing last week are now available in

your size. When you tap in, the message takes

you right to the product page for the shoe with

your size checked.

A Call-to-action (CTA) can be added to

provoke an immediate response, usually

using an imperative verb such as "Buy now",

words”. Notification with an image and call-to-

action is worth a lot more than that. Along with

call-to-action buttons, Chrome Rich

Notifications capture mobile user’s attention

and offer powerful ways to interact with push

notifications, providing more data for personalization and creating refreshing

experiences for users.

While subscribing to notifications, there are few properties that are captured

discount on your

• Suggesting nearby

places: A food

delivery website

can suggest you

nearby

from

Internet is everywhere and so are your users – prospects and clients. Clearly,

you can no longer afford to ignore that “international-time zone-user-set”.

Especially, in such cases, communicating with users across different

timezones is a key challenge. More than often marketers not paying heed to

• Send push notifications that include CTAs, pictures and other rich

• Custom Deployment for HTTP Websites