Web push notifications are a powerful marketing tool that allows businesses to communicate with customers in real-time. These notifications appear on the customer’s device, even when they are not actively using the website, and can be used to drive engagement and increase conversions. However, many businesses struggle to know how to effectively use web push notifications as part of their marketing strategy.

In this blog post, we will provide a complete guide to web push notifications, covering everything from the basics of setting up web push notifications to advanced strategies for personalization and segmentation. We will also explore the benefits of web push notifications and the metrics that can be used to measure their effectiveness. Whether you are a small business owner or a digital marketer, this guide will provide you with the knowledge and tools you need to create effective web push notification campaigns that drive engagement and increase conversions.

Table of Contents

  1. What are web push notifications?
  2. Why should brands use web push notifications on their website?
  3. What makes a good web push notification?
  4. How to take web push permissions to enable push notifications?
  5. What types of web push notification campaigns do businesses use?
  6. How to track and measure your web push notification campaign
  7. 10 best examples of successful web push notification campaigns
  8. Conclusion


What are web push notifications?

Web push notifications are small messages (usually with an image and a few lines of text) that pop up on a consumer’s screen when they’re browsing the web. They deliver essential information about various things, from breaking news to new blog posts from their favorite bloggers and everything in between.

If you own an online store, web push notifications are one of the most effective tools in your communication arsenal. There are so many ways they can help you improve customer engagement and keep customers coming back to your website repeatedly.

Whether you’re just getting started with web push notifications or you’ve been experimenting with them for some time now, this guide will go over all the basics—plus some advanced tips and tricks that can help take your marketing game to new heights.

Why should brands use web push notifications on their website?

Web push notifications are an incredibly powerful tool, and companies can use them to do a variety of things. Shopify web push notifications allow you to send messages directly to customers’ devices, even when they’re not using your website. They’ve been shown to be effective at increasing open rates, conversion rates, and more.

Some of the things companies use web push notifications for include:

  • Sending updates about sales and promotions
  • Sending out new product announcements
  • Engaging with customers in real-time
  • Re-engaging with customers who have abandoned carts

There are many reasons why brands should use web push notifications on their websites. Here are five reasons why: 

1. Better opt-in rates 

Web push notification opt-in rates are higher than email opt-in rates. That’s because there is no need for visitors to enter any information before signing up. They can simply accept or decline the request. 

Web push notifications don’t require users to share their email addresses making them less intrusive than emails. Because they are less intrusive, opt-in rates are higher, which means more people will receive your messages.

2. Better click-through rates 

Web push notifications have a higher open rate than emails, which means more people will see what you have to offer. Plus, there’s a good chance that many of those people will click on your notification too! 

That’s because web push notifications allow for actionable buttons like “Read more” or “Buy now” that make it easy for users to take action right.

3. They’re trackable

You can’t say that about every marketing channel. With web push notifications, you can see how many people received the notification, how many clicked on it, and how many converted. 

If you send web push notifications in conjunction with email, social media, or other channels, you can also see how each channel performs with an app like AiTrillion

4. They’re not interruptive

It’s a fact: people hate pop-ups. But they don’t mind web push notifications so much. Plus, they don’t take over the page when someone visits your website; they alert them to something new in a small way. And if they don’t want to see them anymore, they can turn them off.

5. They increase retention and loyalty

Customer loyalty is everything! And with web push notifications helping your customers retain information about what your brand has to offer and even getting them excited about new products or sales, it’s easier than ever for them to become loyal customers who trust your brand and love what you have to offer.

Marketers are in love with web push notifications. Current studies show that the average internet user only has an attention span of 8 seconds. This means you have to get your message across quickly. And web push notifications help you achieve that.

Push notifications also give marketers another advantage: these notifications can’t be blocked by ad blockers. That’s because they’re a feature of the browser itself—it isn’t something a website sets up and runs separately like traditional ads, so ad blockers have no effect on them.

Finally, 80% of people online are on smartphones, and marketers make full use of this fact by tailoring their messages specifically to mobile devices. This is especially important because many people subscribe to push notifications through a mobile device and then view those notifications on that same device later on.[/vc_column_text]

What makes a good web push notification?

What makes a web push notification effective?

The answer is simple: send notifications that deliver value.

But how do you send notifications that provide value to users? What are the key elements of a good web push notification?

Well, we looked at millions of push notifications, and here’s what the best of them contained:

1. High-quality images:

Images are an integral part of any communication. A web push notification with HD images not only stands out and grabs a customer’s attention but also improves your chances of engagement.

2. Crisp content:

The best web push notifications are clear and concise, getting the point across without being too wordy. Web push notifications are limited in size—your message needs to be short and sweet in order not to get cut off or too small to read! Focus on what’s going to be most compelling for your customer and cut anything else out.

3. Personalization: 

Personalization is key to making a customer feel valued and important, which increases the chances that they will click your notification link.

Does a customer always buy products related to sports? Send them a notification about sports gear if you carry that product! Learn about what each customer likes and use that information to personalize their experience, starting with their web push notifications.

4. A compelling CTA:

Make your notifications actionable by including a compelling call to action. If you’re going to ask someone to do something for you, make it worthwhile and incentivize them with a special offer or discount.

Anatomy of a good web push notification

How to take web push permissions to enable push notifications?

1. Introduce a popup to nudge for notifications

In order to provide push notifications, you need to ask the user for permission. A popup appears in their browser, and this gives them the opportunity to allow notifications. If you’re going to present them with this choice, you’ll want to make sure that the opt-in button is prominent and that it’s easy to find. 

To reduce the possibility of users clicking ‘don’t allow, you can use a pre-permission dialog box to ask for a system opt-in. 

2. Trigger the system permission dialog box by a click on a CTA button or widget

Another way to take permission is by placing a CTA button that triggers the permission dialog box on your website upon getting clicked. 

This is a safe method because it’s entirely driven by the user. However, it’s going to have a low subscription rate because the nudge is too subtle and doesn’t come across strongly, unlike the previous method.

3. Display targeted opt-in prompts on: 

Specific pages

By specifying your targeting rules specific to certain landing pages, you can target your user when they land on a specific URL. By doing so, you will be able to ask for permission only on those pages where the likelihood of the user accepting the permission is the greatest. 

For instance, you can nudge users: 

  • For subscribing to promotional notifications when they are on the checkout completion page.
  • For product or discount offer updates when the user visits the product search page.
  • For blog updates, when the user visits the help page. 

Time delay

The amount of time a person spends on a website is one indicator of how interested they are in the content. So, you can use this targeting option to display the prompt when the person has been on the site for a certain amount of time. When coupled with other targeting options, this option is powerful and can increase the probability of a user opting in.

For example, you can target users with product or discount offer updates when they would have spent more than 2 minutes on the product page. Or you can nudge users for subscribing to blog updates who have spent more than 180 seconds in the help section of the site.

On scroll

This allows a prompt to be displayed when the user scrolls to a certain percentage of a page. This is useful for websites that display content in an infinite scroll or with one long page.

On event

Events are the actions performed either by the user or the system on the website. 

Using events as a behavioral trigger, you can conceptualize infinite ways to prompt your users to enable web-push. You can enable the push prompt whenever any critical event happens, therefore increasing the likelihood of allowing notifications.

For instance, let’s say you are selling books on your online store. You can show the web-push prompt to your users when they add any book to their cart. The message in the prompt can be something like, “Get notified when new books are added to our catalog .”In this way, you can keep the user engaged and nurture them for the purchase.


  • You would be able to show an opt-in prompt to a user when they fill a subscriber form.
  • Or when the user creates a new account on the online store platform.
  • Or when the user adds more than a particular number of items to their Wishlist.

The applications of this method are endless and use cases vary from industry to industry.

What types of web push notification campaigns do businesses use?

Now that you’re convinced a web push opt-in is the way to go, what type of campaigns should you start building?

Let’s go over the various web push notifications eCommerce managers and marketers can send and how they can best fit the messaging in their campaigns:

1. Cart Abandonment Web Push Notifications

Cart abandonment is a huge issue for online stores. According to Statista, up to 80% of all online shopping carts are abandoned before customers complete their purchase. In fact, most businesses can expect to lose an average of 68% of their potential revenue due to cart abandonment. Cart Abandonment Web Push Notifications are designed to get people who abandon their shopping carts to come back and complete their purchases. They allow a customer who has added items to their cart but hasn’t completed their purchase to receive a reminder from the company that they were in the middle of buying something from them. These notifications can be sent immediately after a user leaves the site or can be scheduled for delivery at a later time.

Cart abandonment notifications are a great way for online stores to recover lost sales. Some of the benefits include: 

  • Getting users to finish what they started
  • Recover lost carts and increase revenue
  • Increase your average order value (AOV)

2. Personalized Product Recommendations and Web Push Notifications

Personalized product recommendations are a tool online stores use to help you find what you like. They’re often found on the side of your screen, and they show different products that might be of interest to you based on what you’ve already looked at. They’re usually made up of a few different types of recommendations, including:

  • Recently viewed items: shows you a list of the most recent products you visited while browsing the site. 
  • Similar products: shows products that are similar to one another and that might interest people who looked at one item but not the other. 
  • Related items: shows products that aren’t necessarily similar to each other but may interest people who bought or viewed one item. For example, if someone buys a projector lamp for their home entertainment system, they might also be interested in buying a projector lamp for their office.

 By sending personalized product recommendations to opt-in subscribers, online store owners can: 

  • Increase their conversion rates through personally tailored recommendations.
  • Increase engagement rates on their website and provide an incentive for users to purchase.


3. Price Drop Web Push Notifications

Decreases in price can make a big impact on a purchase decision. Price drop notifications allow marketers and eCommerce managers to create alerts based on changes in product prices and offer limited supply deals.

Automatic price drop alerts are a win-win for online stores. The customer gets notified of the price drop, increases their chances of converting, and saves money at the same time! 

<image showing a price drop web push>Price Drop Web Push Notifications are a powerful way to engage customers and increase conversions. These notifications give customers the maximum value for their spending by keeping them up-to-date on discounts—and they help increase conversions and shorten the visitor-to-buyer journey by reminding customers of products they’re interested in and incentivizing them to return to your store.

If a user sees a certain product three times in the span of five days, they will receive notifications when the price changes. This feature is particularly useful for e-commerce websites, travel sites, and hospitality websites.

4. Stock Web Push Notifications 

Stock Web Push Notifications are a way to alert your customers when you have new items in stock or when an item that was out of stock is back in stock. So they don’t have to remember to check back for the item, and you can let them know when it’s available. You can use them to:

  • Promote any products that are in limited supply. This helps create a sense of urgency and encourages users to purchase before the product runs out.
  • Highlight your latest product releases. If you have a new item in stock, you can use push notifications to get the word out and drive sales.
  • Advertise your sale items. If you have any items that are on sale, you can use this type of notification to let customers know about them.


5. Promotional Web Push Notifications 

Promotional web push notifications are a great way to get people back on your site. Promotional Web Push Notifications are quick messages that inform users about the latest deals, coupons, and other discounts.

Promotional Web Push Notifications

They’re a great alternative to email marketing since they don’t require visitors to give out their email addresses or other personal information (unless you want them to). Instead, you can send them through an app or even through the web store. All online stores use them to increase customer engagement, boost sales, and improve user loyalty.

Thanks to promotional web push notifications, you can:

  • Send exclusive offers during holidays and special events.
  • Increase brand awareness and recognition.
  • Increase user return rates.

You can use promotional notifications to let users know about exclusive offers, new deals, and flash sales. This can encourage them to buy in your app.

Not only do re-engagement push notifications to help you stay top-of-mind with these busy shoppers, but they also help you avoid losing them to competitors permanently. By showing up in their alerts and reminding them of what they want—and letting them buy it right away without having to log in or create an account—you make things easy for your customers and give them a reason to come back to your store again and again.

6. Re-engagement web push notifications (for inactive customers)

Re-engagement web push notifications are one of the most effective ways for an online store to turn inactive customers into active ones.

Re-engagement push notifications are messages that appear on a customer’s desktop or mobile device, like SMS or email marketing, but with a much higher open rate. They are sent to inactive customers who haven’t been to your website in a while and may have forgotten about you.

Re-engagement web push notifications (for inactive customers)

7. Customer engagement web push (for like keeping ppl up to date with new deals, etc.)

When it comes to keeping customers in the loop, there’s no better way than customer engagement web push notifications. Customer engagement web push notifications are an effective way to reach out to customers and keep them up to date with your latest deals. With web push notifications, you can engage with customers in a highly targeted manner, increasing the likelihood of conversion.

8. Web Push API

Web Push API notifications are the best way to connect with your customers. Online stores use them to keep customers informed about what’s happening at the back-end of a purchase, like a delivery status, a news release, or a flight cancellation.

With Web Push API notifications, you can provide your users with the information they need when they need it, like letting them know when their order is ready for pickup or if it has already shipped. 

Web Push API

How to track and measure your web push notification campaign

To ensure that the notifications you send are relevant to your users, it’s important to monitor and measure your push notification campaigns. You should monitor some basic metrics to get an understanding of how well your notifications perform.

Tracking the success of your web push notifications helps you improve your messaging and helps you move toward your overall marketing goals and succeed in eCommerce.

With regular tracking and analysis, you’ll be able to make informed decisions about which kinds of messages and strategies work best for your audience and what to exclude from future campaigns and messaging.

Marketers and eCommerce managers should use the following metrics to track their push notification’s performance:

  • Total number of users who have opted-in for a push notification
  • Total number of subscribers who have opted-in within a given period (e.g., from January 1st to March 1st)
  • Weekly growth: the percentage of new subscribers each week compared to the previous week
  • Number of push notifications delivered in a given period (e.g., from January 1st to March 1st)
  • Number of clicks on a push notification in a given period. 
  • Click-through rate (CTR): The percentage of people who clicked on a message from those who received it. 
  • Conversion rate: Number of subscribers who achieved the end goal (a purchase)

With the best web push notification apps like AiTrillion, tracking the performance of your web push notification campaigns is easy. Get the app today

10 best examples of successful web push notification campaigns

Here are 10 creative web push notification campaigns that you can take inspiration from:

1. Vahdam Teas – Abandoned Cart Reminder With a Discount

Vahdam Teas, a DTC brand selling wellness teas and superfoods sends a sequence of three reminders through push notifications to recover abandoned carts. 

Vahdam Teas – Abandoned Cart Reminder With a Discount

2. Headphone Zone – Product Promotion

Headphone Zone, a premium audio accessories brand uses quirky copy and crisp content to differentiate itself. 

Headphone Zone – Product Promotion

3. Protein Package – New Product Launch & Promotion

Protein Package, a UK based protein snack brand uses web push notifications to inform their customers about new product launches.

Protein Package templates

4. Planet of the Vapes: New Product Launch Discount

Planet of the Vapes, a leading brand for vapes and vape accessories sends out a simple and elegant web push notification informing subscribers of its product launch. 

Planet of the Vapes

5. Ikonick – Black Friday Promotion

Ikonick’s web push notification uses emojis within their copy to grab their shoppers’ attention and includes 2 CTAs to take them to two different offers they have running.

New Product Launch & Promotion templates

6. Jabong – upselling

Jabong, an online retail store, triggers emotion through its push notification by wrapping it around an achievement.

Jabong - upselling notification template

7. Biba – sale announcement notification

Biba, an online clothing store, intelligently calls out its customers as ‘fashion experts’ and nudges them to get in on exclusive offers. 

Biba - sale announcement notification

8. Mavi Jeans: Sale Campaign

Mavi Jeans, an international apparel brand, sends out a ‘Last Chance’ reminder with a push notification to get subscribers to take action out of FOMO. 

Mavi Jeans: Sale Campaign

9. Abof – Product promotion

Abof uses a weekly discount incentive to create a habit loop for their customers: look for discounts every Wednesday.

Abof - Product promotion

10. NaturAll Club – Product Promotion Discount

NaturAll Club, an online retailer selling innovative hair products, uses their hero image to show a before and after to their push notification subscribers. Thereby convincing why the product works. 

NaturAll Club – Product Promotion Discount


The bottom line is that online stores can’t afford to miss out on the benefits of web push notifications. 

These simple little messages have a major positive impact on your business, and they’re super easy to set up. They can help keep your customers engaged, encourage them to keep coming back for more, and even increase your conversion rates. 

So what are you waiting for? If you’re not using web push notifications, now is the time to start! 

However, if you are looking for an easy solution to setting up a push notification campaign for your eCommerce store, check out AiTrillion.

AiTrillion’s web push notification app provides a smart solution to recover abandoned carts, send targeted campaigns, and enable powerful automation that helps you convert your one-time visitors into loyal customers.

Ready to set up a push notification campaign to boost your Shopify store’s performance? 

Reach out to us today. 


Also Read: Shopify Web Push Notification