Add Stunning In-App Notifications in 1 Minute

Beautiful Toast Notifications in Bubble

There are a number of toast notification plugins available in the Bubble plugin directory, but this has to be the most beautiful. Just look at how great these notifications look. Look how minimalist they are, how clean, how crisp, how they scroll with the page as you move up and down. And you can add these in in just a minute or two. Let me show you how.

Customizing Toast Notifications

So we're using this plugin. I just saw the developer, Paul, promoting this on X, and I thought, I've got to do a video on this because they look so good. You can customize titles, messages, you can have multiple ones. You saw them queue up in that demo there. Flexible positions on the screen.

Setting Up Toast Notifications in Bubble

There is a small charge. But hey, it's very important that we encourage and promote beautiful plugins in Bubble. And we can just dive into the demo app that Paul's created to see exactly how this works and how easy it is. So simply in plugins, we have the toast notification plugin installed. And then he's got this set up a little bit more complex because he's got the choosing different notification types.

Understanding the Workflow

But if we dive into the workflow he's built, we can see what's going on, which is to say, if you've got the error button toggle selected or the info one, etcetera, it's just triggering a custom event. So if you just wanted to trigger this, all you need to do is add in one notification. And so you would do that with plugins. Maybe this is because I'm on his demo app, but you'd find it in toast. Yeah, toast to toast.

Adding Notifications to Your Bubble App

It's not going to let me make changes because I'm in his demo app. But you just add in one action and then fill in the different parameters, title, message, position, color, notification type, etcetera. And that's how within a minute, you can add in beautiful notifications like this into your Bubble app.

Accelerating Your Bubble App Development

So if you're watching this video, it's because you're building an app with Bubble, and you've got an amazing idea that you want to bring to life with no code. If you want to accelerate that process, your learning experience, et cetera, click the link down in the description and head over to planetnocode.com to learn more.