Web push notifications are clickable push messages you receive in your desktop browser or mobile browser. These alert-style messages slide in at the top or bottom right corner of a desktop screen, depending on the browser, or appear on a mobile device screen, almost like mobile app push notifications do.

Web push notifications are delivered anytime your users have their browsers open — regardless of whether they're on the website or not.

Why use web push notifications?

Timely delivered web push notifications are effective for boosting website traffic and increasing conversions. Messaging via this channel can spark overall engagement on a longer-term basis.

According to multiple studies, users who have push notifications enabled for certain websites have 53% more monthly sessions than users who do not. This is because the notifications are often personalized, highly contextual, and reach users in high-impact moments.

Sliding on a user's screen while they're surfing the web, they are pretty hard to ignore and capture attention easily.

Besides, a major advantage of web push notifications is that they give you the ability to re-engage users without knowing their contact details. Web push notifications don’t need a user’s email or other contact details. If a user once visited your website and has given his permission to send him notifications, they can receive notifications anytime.


The elements of a web push notification

There are 6 key elements that create a web push notification - Title, Description, website URL, Icon, Banner Image, and Call To Action Buttons. You can also add emojis to web push notifications to increase CTR by over 100%.

  1. Title: Notification title is what your users read first, it should capture attention. That's why try to make it urgent, funny, or inquisitive – write content that shows some kind of urgency or creates curiosity. This will lead to an increase in click rates.
  2. Description: This is where you briefly mention what your message is about. The description should be in-line with the title. For example, if you are using the Urgency type, then maintain it in the description as well.
  3. Website URL: The website domain which has sent the notification.
  4. Call to Action Buttons: These buttons can be used to trigger certain actions. You can use them to take the user to a landing page, where they can buy something, or trigger the App Store launch so that they can install your app.
  5. Icon: Add an icon to your notification - it's also your signature that makes a web push more noticeable and distinguishable. Nowadays users are getting bombarded with notifications, so it's extremely important to let your users know when your push notifications pop up.
  6. Banner Image: The text of your notification may already be engaging, but adding a banner image will increase your chance of getting that click.

Use cases


Some of the popular use cases are :

  • Delivering sales alerts, coupons, and personal offers
  • Notifying about new content posted
  • Updating on the latest news
  • Asking for feedback and promoting marketing surveys
  • Providing information about the order or account status
  • Loyalty programs automation

Implementation

Web push notifications are really quick and easy to implement. All you need to do is simply add JavaScript to the website using HTML, configure a web platform in your Pushwoosh Control Panel and that's it — you're ready to go!

See web push notifications in action on a personal demo and see how they help to engage your audience and boost conversions!

Contact Pushwoosh Team