Skip to main content
Version: 1.4.x

Enabling web push notifications using Engagespot Bubble.io plugin

Engagespot supports several communication channels including Web Push notifications.

info

Enabling web push notifications in your Bubble app requires a paid subscription of Bubble.

Install the Engagespot Bubble plugin

Make sure you have installed the Engagespot bubble plugin and configured it. If you haven't read the guide here.

Enabling the web push channel in Engagespot console

Goto your Engagespot console and navigate to Channels menu. Turn ON the web push channel. Now you've enabled web push on your app and your user's can subscribe by opening the settings page on the notification widget.

Adding the service worker file

From the Settings menu of your Bubble app, navigate to SEO/metatags tab.

Upload the service-worker.js file (Which you can download here Just right click and save the file) After downloading the above file, upload it to your Bubble App's root folder so that it can be accessed from http://yourbubbleapp.com/service-worker.js

caution

After uploading the file to your Bubble app, make sure it is accessible from http://yourbubbleapp.com/service-worker.js. Without service-worker.js file, web push notifications won't work!

Subscribe the users

Now you're users will see a web push subscription prompt (Inside the Engagespot in-app widget). They can accept the prompt and subscribe to web push notifications!

Sending the notification

Now when you send notifications, it will be delivered as web push notification!

info

Web push notifications will be delivered only if the user is away from the tab!