You have an action your users should be able to trigger at any moment: booking, ordering, calling, chatting with an assistant. Until now, there was no way to show a floating button that kept it within reach everywhere. The new global Floating Button puts it on every screen of your app, configured just once.
The action you want from your users deserves to be reachable at all times, whether they are reading an article, browsing a product page, or moving from one tab to another. The Floating Button gives it exactly that place: a button defined once, present wherever your users need it, with no need to place it again screen by screen.
The same button, working toward your goal
It is an app-level component: you choose its destination, its label, its icon, and its color, and it appears across every screen. The destination can be a page in your app, a direct action like a call or a text message, or an external app like WhatsApp. By default, the button picks up your app's theme colors, in line with GoodBarber's design system: it blends in like a native element, with no manual tuning. Set it up once, and it stays reachable no matter which page is open.
In practice, it is the same button adapting to each person's context:
- A store keeps "View cart" within reach while customers browse the catalog.
- A local business makes "Call" or "Message us on WhatsApp" instantly available, so customers never have to hunt for the number.
- A hair salon puts "Book an appointment" on every screen, pointing to its Booking section.
One action, everywhere, without copying it anywhere.
Your AI assistant, present on every screen
This is the use case where the Floating Button truly comes into its own. With the RAG Chatbot extension, your app includes an assistant that answers your users' questions from your own published content, not from a model's general memory. Reliable answers, in the language of the question, with an optional link to the source.
But users still have to think of it. An "Ask a question" Floating Button on every screen turns the assistant into a reflex, instead of a section they have to dig out of the menu. A travel app, an e-learning platform, or an internal knowledge base can give its assistant the place it deserves: clearly in view, at all times.
Smart enough to step aside
A button that shows up everywhere should never get in the way, and its display is designed with that in mind. Two rules work together.
Some pages never show it, with no action on your part: sections that already have their own floating button, so two are never shown at once, and system pages like search, cart, checkout, profile, or login.
Everywhere else, you decide. From the button's configuration panel, you hide it section by section, keeping it only on the screens where it genuinely makes sense.
Finally, when a TabBar, an audio player, or a fixed banner already sits at the bottom of the screen, the button settles just above it, never covering it up.
How to turn it on
The Floating Button is configured from the Structure panel in your back office, where it appears as a dedicated element, right below your main navigation. Turn it on, choose the destination, the label, the icon, and the position, and it goes live across the whole app at your next publish. When turned off, it stays visible in that spot, ready to use the day you need it.
Open the Structure panel of your app and give your key action the visibility it deserves. Don't have a GoodBarber app yet? Start your free trial and test it from the very first screen.