With web push notifications, you can stay in touch with your audiences even if they are not currently visiting your website. This article demonstrates how you can use the web push channel to inform your audience about a flash sale in your online store.

Prerequisites

  1. An active Firebase account.
  2. Web push activated on your website.

For details see our Getting Started Guide.

Procedure

A) Set up Web Push Channel in Mapp Engage

  1. Go to Administration > Channels > Websites.
  2. Click Create Website Channel. 

  3. Give the channel a name.

    ItemDescription
    Name

    Mandatory, unique channel name, used to identify the website channel within the system and is not visible to your contacts.

    DescriptionOptional, also not visible to your contacts.

  4. Enter the FCM Credentials: the FCM Json Key. The following video shows how to generate the Key in Firebase. For more information see Firebase Cloud Messaging.

    If you didn't provide a FCM Json Key, or if you provided an invalid one, you won't be able to activate the channel upon the last step (Summary). Instead, you will only be able to Save the channel or Close the creation process. In case of a valid FCM API Key, you will be able to first Activate the channel before saving it and closing the process.

    Click Next.

  5. A Summary page gives you an overview of all of the previous steps.

B) Compose the Web Push Notification

  1. Go to Create New > Message > Web Push Notification.

  2. Give the notification a unique name. For example "Flash Sale" and click Next.

  3. Choose the desired website channel you previously created. In our case, the channel is called "WebChannel_Promo".

  4. Enter a title and the body of the message that you want to send.

  5. Optionally, you can add an icon by either uploading it, or selecting one from the content store.

  6. Enter the name of the website that should open when your contact interacts with the web push notification.

  7. Check your message preview in the panel on the left and click Save.

  8. Click Next.

  9. Now specify the delivery date - in our case a specific time when our flash sale starts.

  10. Select the audience. In our case, the notification will be sent to all opted-in contacts. Click Next.

  11. You can see an overview of the notification along with its status which will be set to Completed once it is sent.

C) Monitor Message Statistics

To monitor message statistics go to Statistics > Group Messages > Web Push and click on the three dots icon in the Action column to view statistics. For more information see Web Push Channel Statistics.

Further Information

Web Push Channel