Getting Started with Web Push

1 Minute to read

Print
Share
Dark
Light

Article summary

Did you find this summary helpful?

Thank you for your feedback

Web Push notifications help you to reach users through their preferred browser.

Basic Information

Some of the key benefits of Web push include its improvement of your reach and engagement. You can choose who you'd like to reach with each push, reminding returning visitors of an abandoned cart or new visitors that you have an on going sale. You can use Web Push with or without Mapp Intelligence. This allows you to set up your Web Push with our Tag Integration system or Java script

Prerequisites

An existing Google Firebase account.
An existing Mapp Engage account.
(optional) An existing Mapp Intelligence integration with pixel version 3.2.1 or higher.
Permission from visitors to contact them. This will be done with an automated pop up in their browser when you attempt to reach them

Please note you will need to speak with your Account Manager about setting up Web Push in your account.

Procedure

A) Technical Setup

With Intelligence

If you use Mapp Intelligence on your website, you should use this set up so your customer engagement with web push messages is tracked.

Documentation	Description
Step 1: Configuration Firebase and Service Worker	This page guides you in how to set up your Firebase account which will be the basis for your messaging.
Step 2: Configuring and Activating the Web Push Plugin	Learn how to set up your Web Push plugin.
Step 3: Set up in Mapp Engage	How to set up your channel and Push with Engage

Without Intelligence

Documentation	Description
Step 1: Configuration Firebase and Service Worker	This page guides you in how to set up your Firebase account which will be the basis for your messaging.
Step 2: Configuring and Activating the Web Push Script	Learn how to set up your Javascript to activate webpush on your page.
Step 3: Login of the user	Gives you the code to call when a user visits your website.
Step 4: Set up in Mapp Engage	Finally, how to set up your channel and prepare a message in Engage!

B) Create Web Push Notification

Documentation	Description
Send an Abandoned Cart Reminder via Web Push	Use cases for inspiration
Send a Flash-Sale Announcement via Web Push	Use cases for inspiration

C) Monitor performance

Documentation	Description
Web Push Channel Statistics	Provides an overview of all web push notifications, allowing you to see the statistics for each.