Getting Started with Web Push
    • 1 Minute to read
    • Dark
      Light

    Getting Started with Web Push

    • Dark
      Light

    Article summary

    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

    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.

    Related Topics

    Intelligence Technical Requirements & Download

    Engage Technical Requirements & Download


    Was this article helpful?