How to customize the 'Updated' page banner

Customizing the 'Updated' Page Banner in Bubble

If you've been building your own No Code Bubble app for even a few minutes, you will have become familiar with this black bar. We have just updated this page, please refresh the page to get the latest version. You will not be able to use the app until you refresh. And whilst it's not like ugly or anything, did you know that you can change it? And here is a plugin we just want to quickly showcase to you that allows you to customize the... We just updated this page, banner that appears at the top of your Bubble app.

Introducing the Beautiful Update App Alerts Plugin

And so this is the beautiful update app alerts by a plugin developer called Eli, and it's so simple to use. So in my Bubble app, I've installed the plugin. And then if I click through to the plugin page, and then go through to the service link, and then click on launch configurator, I can now customize the way that the banner is going to look in my app. And basically it provides me with a string containing the data of the position, the color, the layout. And I can copy and paste that into my Bubble app, into the plugin settings, and that's how I can change the look.

Customizing the Banner Appearance

For example, I can say let's have it as a column. Let's have it in the top right. And then I'm going to make the button background color, say I'll go through it, try and get nice, like, bluey purple, something like that. And then, oh, I should change the text color in that case to white. Okay, and then what I need to do is click copy token, go into our Bubble app, go into the plugin settings, and paste in the token, and that contains all of the details the plugin needs in order to update the display of the banner.

Seeing the Customized Banner in Action

So, let's go here, let's refresh the page. This is just one of my demo apps. And then let's update something in the app. So we'll add in a third name into the text there. And you can see, there you have it, a much cleaner, much more customizable. Your page has been updated banner for your app. So at the moment, it's price is just three dollars, and if you're wanting your Bubble app to stand out, maybe to distance yourself from some of the things that makes a Bubble app look like a Bubble app, this is a great plugin that you can play around with in just a few minutes.

Explore More Bubble Tutorials

And did you know that we have over a hundred Bubble tutorial videos, many of which can only be found on our website, planetnocode.com. So do head over there if you are wanting to learn more about Bubble. If you'd like one-to-one support, you can also book a coaching session with someone like myself. And over Zoom, we will work through the difficulties you've got on your Bubble app. I will teach you how to streamline your development and hopefully overcome any opposite calls that you're facing.