Learn Bubble with 500+ tutorials, courses & AI Assistant ✨

Limited time launch offer get $80 off today

0 days 0 hours 0 minutes 0 seconds
SAVE $80 NOW
Planet No Code logo
Bubble.io CoachingFounder MentoringSponsorships
LoginLearn Bubble.io

How to customize the 'Updated' page banner

In this Bubble tutorial discover the latest techniques on how to revamp your "We Just Updated This Page" banner in your No-Code Bubble app. This video highlights an amazing, user-friendly plugin that offers customization of the updated banner, contributing to a unique and pleasant user experience. Learn how to master the details of your app, right down to the color and layout of your app notification.

Join now $19/monthLearn more
Get 500+ tutorials, a No-Code AI Assistant, 4 premium courses, and everything you need to build faster!
How to customize the 'Updated' page banner
Explore these topics...
Plugins
Design
Beautiful Update App Alerts

With just this tutorial learn...

Customize your Bubble app's update banner: Learn how to transform that plain black bar into a sleek, branded alert!

Elevate your Bubble app's UI: Discover how to create beautiful update app alerts that match your brand's style in minutes!

No more generic update alerts: See how easy it is to add custom CSS and make your Bubble app stand out from the crowd!

With membership you'll...

Learn how to build a ChatGPT Clone, Custom CRM for your business & SaaS Marketing website with Webflow & AI.

Unlock 500+ Bubble tutorial videos with AI powered Q&A.

Debug your Bubble app instantly with our custom trained No Code AI Assistant.

Join now $19/month
Risk-free! 14-day money-back guarantee. Cancel anytime.

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.

Table of contents

Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Your No-Code Journey Starts Here

The best way to learn Bubble.io?

Build No Code Confidently

No more delays. With 30+ hours of expert content, you’ll have the insights needed to build effectively.

Find every solution in one place

No more searching across platforms for tutorials. Our bundle has everything you need, with 500+ videos covering every feature and technique.

Dive deep into every detail

Get beyond the basics with comprehensive, in-depth courses & no code tutorials that empower you to create a feature-rich, professional app.

Monthly
Yearly
Member
Accelerate your Bubble app to launch
$99 / month
$19/month/mo
Includes:
500+ tutorials
4 premium courses
Find the right tutorial with our custom trained AI
New tutorials added each week
Cancel anytime
14 day money back
Join now
Member
Accelerate your Bubble app to launch
$990 / year
$149/year/mo
Includes:
500+ tutorials
4 premium courses
Find the right tutorial with our custom trained AI
New tutorials added each week
Cancel anytime
14 day money back
Join now

Frequently Asked Questions

Find answers to common questions about our courses, tutorials & content.

Do I need any coding experience?

No. Our Beginner Essentials course and AI No-Code Coach are designed for total newcomers. You’ll learn Bubble.io step by step - no coding required.

How does the AI No-Code Coach work?

Simply type your question in plain English, and our AI taps into the entire video library to recommend the exact lessons you need. It’s like having a personal instructor on demand.

How long can I access the content?

As long as you’re subscribed! With our monthly subscription, you get unlimited access to all 500+ videos, our growing course library, and the AI No-Code Coach.

What courses are included

Your subscription includes:

  • Bubble Beginner Essentials – Get up and running fast.
  • Build a ChatGPT Clone – Integrate AI into your no-code apps.
  • Build Your SaaS Website with AI – Learn to create a scalable startup site.
  • Develop a Custom CRM App in Bubble - Learn database relationships with a CRM.

Plus, new tutorials every week!

What if I get stuck on a lesson?

The AI No-Code Coach is your first stop for instant answers. If you need deeper help, you can book 1:1 Bubble coaching for expert guidance.

Do you offer a money-back guarantee?

Yes! If you don’t see real progress within 14 days, let us know, and we’ll issue a full refund—no questions asked.

Can I cancel anytime?

Absolutely. Your subscription is month-to-month, and you can cancel anytime—no lock-ins, no hidden fees.

What if I want more than just tutorials & courses?

Absolutely. Your subscription is month-to-month, and you can cancel anytime—no lock-ins, no hidden fees.

If you’re serious about building a successful SaaS startup, check out Mastery—our intensive mentorship program. Mastery goes beyond Bubble.io development and includes:

  1. 1:1 mentorship to fast-track your progress
  2. Marketing strategies tailored for no-code founders‍
  3. Product management insights to scale your startup‍
  4. Personalized support from experienced founders

‍

Still have questions?

Reach out to our dedicated team.

Contact
Services
Search Bubble TutorialsBubble.io CoursesBook Bubble.io CoachingApply for Mastery
Latest Bubble tutorials
Rerank Text By MEANING With Cohere In Bubble.io Step by Step!
Unlock RAG Providers for NO CODE AI App Development TODAY!
Better Tables with Built-in Search and Sort By in Bubble.io
Partnerships
Flusk.eu
VectorShift
Comnoco
Plumb
Toddle
Whereby
Get started with no code
AI Powered No Code AppsNo Code Web ScrapingBubble.io Plugin tutorialsBubble API Connector tutorialsStudent & Teacher DiscountBest tools for no coders
Follow us
Youtube
X
LinkedIn
Planet No Code logo
In partnership with
Queen Mary University of London Logo
© 2024 Planet No Code. All rights reserved.
Privacy PolicyTerms of ServiceCookies SettingsContact Us