Globaler Floating-Button: eine zentrale Aktion, überall in Ihrer App sichtbar

Die Handlung, die Sie von Ihren Nutzern erwarten, verdient es, jederzeit erreichbar zu sein, ob sie gerade einen Artikel lesen, ein Produkt ansehen oder zwischen Tabs wechseln. Genau diesen Platz gibt ihr der globale Floating-Button: einmal definiert, dort präsent, wo Ihre Nutzer ihn brauchen, ohne dass Sie ihn Bildschirm für Bildschirm neu setzen müssen.

Es handelt sich um eine Komponente auf App-Ebene: Sie legen Ziel, Beschriftung, Symbol und Farbe fest, und der Button erscheint auf allen Bildschirmen. Das Ziel kann eine Seite Ihrer App sein, eine direkte Aktion wie ein Anruf oder eine SMS oder eine externe App wie WhatsApp. Standardmäßig übernimmt der Button die Themenfarben Ihrer App, ganz im Sinne des design system von GoodBarber: Er fügt sich wie ein natives Element ein, ohne manuelle Anpassung. Einmal eingerichtet, bleibt er erreichbar, egal welche Seite gerade geöffnet ist.

Konkret ist es derselbe Button, der sich dem jeweiligen Kontext anpasst:

• Ein Shop hält „Warenkorb ansehen" griffbereit, während die Kunden den Katalog durchstöbern.
• Ein lokales Geschäft macht „Anrufen" oder „Schreib uns auf WhatsApp" direkt zugänglich, ohne dass der Kunde die Nummer suchen muss.
• Ein Friseursalon platziert „Termin buchen" auf jedem Bildschirm, mit Link zu seinem Booking-Bereich.

Eine einzige Aktion, aber allgegenwärtig, ohne sie irgendwo zu duplizieren.

Das ist der Anwendungsfall, in dem der Floating-Button seinen ganzen Wert entfaltet. Mit der Erweiterung RAG Chatbot erhält Ihre App einen Assistenten, der die Fragen Ihrer Nutzer auf Basis Ihrer eigenen veröffentlichten Inhalte beantwortet, nicht aus dem allgemeinen Gedächtnis eines Modells. Verlässliche Antworten, in der Sprache der Frage, bei Bedarf mit Link zur Quelle.

Doch dafür müssen Ihre Nutzer auch daran denken. Ein Floating-Button „Eine Frage stellen" auf jedem Bildschirm macht den Assistenten zum Reflex, statt zu einem Bereich, den man erst im Menü suchen muss. So gibt eine Tourismus-App, eine E-Learning-Plattform oder eine interne Wissensdatenbank ihrem Assistenten den Platz, den er verdient: gut sichtbar, jederzeit.

Ein Button, der überall präsent ist, darf nie zur Last werden, und seine Anzeige ist genau darauf abgestimmt. Zwei Logiken greifen ineinander.

Manche Seiten zeigen ihn nie an, ganz ohne Ihr Zutun: Bereiche, die bereits über einen eigenen Floating-Button verfügen, damit nie zwei gleichzeitig erscheinen, sowie Systemseiten wie Suche, Warenkorb, Bezahlung, Profil oder Anmeldung.

Überall sonst entscheiden Sie. Über das Konfigurationspanel des Buttons blenden Sie seine Anzeige Bereich für Bereich aus und behalten ihn nur auf den Bildschirmen, auf denen er wirklich sinnvoll ist.

Und wenn eine TabBar, ein Audioplayer oder ein fester Banner bereits den unteren Bildschirmrand belegt, setzt sich der Button direkt darüber, ohne sie je zu verdecken.

Der Floating-Button wird im Panel Structure Ihres Back-Office konfiguriert, wo er als eigenes Element direkt unter Ihrer Hauptnavigation erscheint. Aktivieren Sie ihn, wählen Sie Ziel, Beschriftung, Symbol und Position, und mit der nächsten Veröffentlichung ist er in der gesamten App online. Ist er deaktiviert, bleibt er an dieser Stelle sichtbar, bereit für den Tag, an dem Sie ihn brauchen.

Öffnen Sie das Panel Structure Ihrer App und geben Sie Ihrer zentralen Aktion die Sichtbarkeit, die sie verdient. Noch keine GoodBarber-App? Starten Sie Ihre kostenlose Testversion und testen Sie ihn vom ersten Bildschirm an.