Overview

Web Push Notifications are messages sent to users' browsers, even when they are not on your site. These messages appear on their screens even when not on your website. Use Web Push to engage users, deliver important updates, and drive traffic to your site.

Benefits

Here are the key benefits of Web Push Notifications.

• High Visibility: Notifications appear on the user’s screen, catching their attention even if they are not on your website.
• Real-Time Updates: Deliver messages instantly to inform users about new content, promotions, or important updates.
• Enhanced Engagement: Encourage users to return to your site through personalized and relevant messages.

Journey of a Web Push Notification

To make the most of web push notifications, understand the entire process from start to finish. It starts when a user subscribes and ends when they interact with your message. Knowing this process helps ensure timely, relevant, and engaging notifications. Here’s a simple overview of how a web push notification gets to your users and what happens at each step.

1. A user visits your website and clicks the Allow button to subscribe to web push notifications.
2. You create a web push notification message in the Netcore CE dashboard, defining the content and target audience.
3. The web push is sent to the user’s browser.
4. The user receives the notification on their desktop or mobile screen, even if they are not browsing your site.
5. The user clicks on the notification, which directs them back to your website or a specific page.

Browser Support for Browser Push Notifications

With our comprehensive support, you can ensure your push notifications reach users across various browsers. The table below lists the browsers and versions supporting Browser Push Notifications.

Anatomy of a Web Push Notification

To create effective web push notifications, it's crucial to understand their key components. Each element plays a role in making the notification engaging and functional.

Refer to the table to know the components of a web push notification and their description.

📘

Prerequisite

You need to integrate your website with Netcore CE.

Enable Web Push Notifications

Follow these steps to Web Push Notifications for your website:

1. Log in to the Netcore CE dashboard.
2. Navigate to Settings> Website.
3. Click Edit for the website where you want to enable Web Push Notifications.

For HTTP Domains: Web Push Notifications require HTTPS, so you must first configure your site to use HTTPS. Add a subdomain to your domain settings. Complete the necessary setup to secure your site with HTTPS.

For HTTPS Domains: Enable Browser Push Notifications without adding a subdomain. Check the Advanced Features box, then toggle the Browser Push Notification option to enable it. Once you turn it on, the following options appear.

4. Provide the FCM details to enable Web Push Notifications in Chrome and Firefox.

Refer to the table to learn more about the options.

💡

Web Push for Safari

Refer to the following document to set up web push notifications for your website on Safari.

5. Upload the Firebase Private Key. Upload the Firebase Private Key file. This credential authenticates Netcore's server with Google's Firebase Cloud Messaging (FCM) service, allowing secure push notifications to be sent to your subscribed users.

📘

Note

Get the Firebase server key by navigating to Firebase > Project settings > Service accounts > Generate new private key. Refer to Firebase Cloud Messaging documentation for more details.

With web push notifications enabled, choose between Single Opt-In or Double Opt-In.

Single Opt-In

Single opt-in allows users to subscribe to web push notifications with a single click. Upon clicking the subscription promptly, users immediately opt in and start receiving notifications without any additional confirmation. Refer to the table below for information about the options when editing the double opt-in templates.

Double Opt-In

Double opt-in requires users to confirm their subscription to web push notifications. After clicking the initial subscription prompt, users receive a follow-up message or email to verify their intent. Only after this second confirmation are they fully subscribed and can receive notifications.

You can edit the two templates by selecting the double opt-in option. For information about the options, refer to the table below.

Opt-in Rules

Opt-in rules let you target users for subscription prompts based on their behavior. Setting these rules allows you to customize when and how users see subscription requests. Refer to the table below to learn more about Opt-in rules.

With web push notifications enabled, you can create your web push notifications.