Web push notifications: understand what they are, how they work and learn how to configure using Pushcrew

Is it possible to generate Leads with videos on Youtube?
Facebook changes algorithm and gives more space to long videos: learn how your page can be impacted

Web Push Notifications Notifications are displayed in browsers (such as Chrome and Firefox) and originates from the app notifications on mobile devices. When you access a site that uses the strategy and accept notifications, the user will receive messages sent by the company, directly in your browser.

Have you ever noticed that some sites are sending notifications to users through the browser?

If you accessed the blog here at Digital results, you should have received an invitation to register and receive our updates also:


These notifications are sent through the browser (Chrome or Firefox), even if you are doing another activity on the Internet. They are known as push notifications , and are used to engage users of a particular site, keeping them up to date on new content.

web notifications

Push notification is a technology that originates in mobile applications. If you have a smartphone, certainly it has been impacted by a push before.

When you are on your smartphone and get notified of new email in your inbox, or when a friend of his comments on a photo of you on Facebook, you are being impacted by the push notification that application.

Mobile push notification

Notification  push  on a mobile device

When it appeared on the web : Chrome enabled this technology in March last year . Therefore, it is still a very new channel, but already features in mobile . Firefox was another great browser that enabled this functionality still at the beginning of 2016.

supported browsers

Browsers that support  push notifications 

The web for use possibilities are many – and everything will depend on the context of your business. Throughout the post, we will give some usage tips for you that are interested in implementing the push notification on their website.

Push vs. email : the push notification has a different purpose of the email, and the use of one does not replace the other.

There is not much secret: to push you send notifications and short notices to their subscribers, while in the email you can perform a more extensive and complete communication.

Notifications have a major restriction: your messages should contain a maximum of 100 characters, which means that they need to always be objective and succinct.

use possibilities

use possibilities are several, all depends on your creativity. Since you already have a basic understanding of your target audience, start by setting a goal for you. The use will be to generate more conversion, traffic or awareness?

Here’s some tips on how you can use push your website:

  • Updates / news: you can use the push as an extra channel for distribution of rich content produced by you. Let visitors to your site and redirect them to a landing page;
  • Ecommerce: if you have an ecommerce, create a segmentation that notifies leads that left the cart before purchase;
  • New Products / Promotions: Product Hunt is a site that makes curation of new products and applications; they use the push to notify the base on top rated apps of the day;
  • General updates: web applications can also use the technology push to notify users of any updates or specific offer. Example: If you own a restaurant that accepts orders over the internet, you can create a notification about the time when an order is ready for delivery.

Sending a push

The configuration tool is made simple, but an intermediate understanding of JavaScript and HTML is required. Overall, are a few lines of code that need to be inserted in the <header> on your website or through a plugin (if you use WordPress). If you use Google Tag Manager , you can include the code there (Pushcrew itself has a tutorial to do this ).

Contact lists are composed of numbers and letters that are stored in the browser cookie, and then used to send the notification. You can import and export these contact lists (if you want to change the tool) but for this it is necessary to set the code GCM (more information in the link). The GCM account allows you to store your contact list on its own account.

After making this initial setup, you can start to configure some features of the tool itself:


features Pushcrew

Features PushCrew

There are two ways to generate enrolled in web push : (1) through opt-in native of your browser and (2) through an opt-in developed by the tool used (in the case above, the PushCrew Box).

native opt-in

Opt-in native

What is the difference between the native optin with the optin tool?

There are some differences:

You can not edit the text and even insert image in native opt-in (so far, but can arise in future updates).

The native opt-in also requires that your site is configured with the HTTPS protocol; this protocol is required to enable notifications. In the case here of the RD Blog, we have not made the move to the protocol yet, so we use a solution made by the tool itself.


The opt-in tool is a solution for sites that have not yet migrated protocol. Basically, the tool provides a landing page with HTTPS domain, used to record each conversion.

The disadvantage is that this landing page adds an extra step in the conversion. Because of this, the tool opt-in has a lower conversion rate than the native opt-in.

If your site has configured the HTTPS protocol, it is recommended to use the native opt-in.

Send push notification

There are three ways to send notifications: via integration with RSS (automating shipping), either manually or by schedule. The setup required to send a notification is simple, requiring:

  • Title: no more than 48 characters;
  • Message: no more than 100 characters;
  • URL: Landing Page (Landing Page);
  • UTM: UTM parameters for you to monitor the results in Google Analytics (go HERE for more information);
  • And other advanced options such as image segmentation, book publishing and auto-hide.

send push notification

tools available

Here in the DR blog, we use the PushCrew , but there are other options such as Aimtell , OneSignal and SendPulse . The differences are few; in general, all of these tools offer the same functionality, ranging over the pricing.

Features usually offered:

  • Opt-in or opt-in box native;
  • Notifications to mobile and browser;
  • Welcome notification;
  • Targets (in the case of PushCrew, segmentation is done via API, not the dashboard );
  • Statistics in general (both for registration and for sending notification and engagement rates).


The One Signal and PushCrew are two tools with freemium plan. Both tools are good, but the free plan of Signal One has less use restrictions.

The business model of the tools may vary; some have plans that take into account the number of subscribe (PushCrew, Aimtell, SendPulse), and others, through the number of notifications sent (Aimtell, SendPulse).

The push notification is a promising new tool has the ability to become a new important acquisition channel in the near future (if well used). The result we are having here in DR using the push notification is super positive; also we received good feedback from our readers.

What I have seen is that the niche business with more specific audiences, are the ones who benefit from the push notification . It becomes a great tool when the focus is to engage with the audience of your website.