Limited Time Offer: Watch All Our Bubble Tutorial Videos for Only $99 per Year!

Adding Beautiful Alerts & Notifications to Your Bubble App

In this Bubble tutorial we share a Bubble web app development UI tip. Here's how to add amazing in app notifications to your Bubble app using the Toast Notifications plugin by Minimum Studio.

Here's a quick demo of how to add really beautiful alerts and notifications to your Bubble app just like these.

But before I launch into that, did you know that we've got over 100 Bubble tutorial videos just like this one, many of which you cannot find on YouTube?

The Plugin: Toast Notifications by Minimum Studio

The plugin I'm using is called Toast Notifications by Minimum Studio. In order to use this plugin, you need to install it and add the notifier element to your page. This will load the necessary scripts to display and run the plugin, showing the notifications in your Bubble app. You can customize the notifications in various ways, including positioning and styling.

Setting Up Notifications in Bubble

In this Bubble tutorial, I'll show you how to set up two notifications: one for success and one for warning. To create these notifications, you'll need to edit or create a workflow triggered by a button click. Within the workflow, you can use the "notify a notifier" action to display the desired message and notification type (success or warning).

I hope this tutorial has shown you how quick and easy it is to add visually appealing alerts and notifications to your Bubble app using the Toast Notifications plugin.

Latest videos