Skip to main content
Version: 1.3.x

Installing Engagespot plugin

If your app is built using, you can use the Engagespot plugin to add notifications to your Bubble app in minutes.

Install Engagespot plugin from Bubble marketplace

On your Bubble app dashboard, on the left sidebar, click Plugins, and then click on the Add Plugins button on the top right corner.

Search Engagespot, and click on the Install button. Install Engagespot Plugin

After installing, click the "Done" button, and open the plugin configuration screen.

Add your Engagespot API KEY and API SECRET which you'll find in your Engagespot console

Configure Engagespot Bubble Plugin


Make sure that the email field of your User data type is visible for the plugin. You can change this settings from your Bubble dashboard -> Data -> Privacy tab. If your User data doesn't have an email field, unfortunately, the plugin won't work.

Bubble privacy settings

Sending Notifications Through Workflows

Now let's learn how to send a notification using Bubble workflows. In the sample Bubble project, which is a task management app, we'll add a notification workflow whenever a user clicks on the up vote button. Our goal is to notify the owner of the project that their project has been upvoted by another user. Let's see how to do this quickly.

Preview Engagespot in Bubble

For this, let's open the Bubble Workflow tab and add a On Click event on the Upvote icon. And then click on add action link and choose Engagespot Send Notification action.

Adding Engagespot Action

In the action configuration popup that appears, we'll define the notification content, and the user to which this notification should be sent.

We'll set the notification_title to a custom message with dynamic variables such as the project's title, current user's name etc. We want the notification to appear as {User} upvoted your project - {Project Name}

recipient as the creator of the project, and for the notification_icon we'll use the current user's icon url.


Please note that for notification_icon parameter, you must always pass the image URL. Not the image object.

Configuring Send Notification Action

Done. Now let's preview our app and click on the upvote button of "Sample Project", which is created by user 'Appu'.

Upvote clicked

Let's login as user 'Appu' and see if the notification has arrived.

New Notification

A new notification has been arrived. Let's click and read it.

Read notification

Hurray! You've successfully added a notification engine and a beautiful notification inbox to your Bubble app in a few minutes. You can simply add more channels to deliver the same notifications via email, mobile push, web push etc by enabling them from your Engagespot dashboard.