--- title: "Globaler Floating-Button: eine zentrale Aktion, überall in" description: "Die Handlung, die Sie von Ihren Nutzern erwarten, verdient es, jederzeit erreichbar zu sein, ob sie gerade einen Artikel lesen, ein Produkt ansehen oder zwische" canonical_url: "https://de.goodbarber.com/blog/globaler-floating-button-eine-zentrale-aktion-überall-in-ihrer-app-sichtbar-a1374/" lang: de date: 2026-06-11 last_updated: 2026-06-11 --- # Globaler Floating-Button: eine zentrale Aktion, überall in [Zurück](/blog/mach-es-r13/) # Globaler Floating-Button: eine zentrale Aktion, überall in Ihrer App sichtbar Written by [Lesia PIETRI](https://de.goodbarber.com/blog/author/lesia-pietri/) on Donnerstag 11 Juni 2026 ## Es gibt eine Aktion, die Ihre Nutzer jederzeit auslösen können sollten: reservieren, bestellen, anrufen, mit einem Assistenten chatten. Bisher gab es keine Möglichkeit, dafür einen schwebenden Button anzuzeigen, der diese Aktion überall griffbereit hält. Der neue globale Floating-Button platziert sie auf allen Bildschirmen Ihrer App, einmal eingerichtet. ![](https://cmsphoto.ww-cdn.com/superstatic/129568/art/grande/96935088-67561481.jpg?v=1781171716.8177764) 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. ## Derselbe Button, im Dienst Ihres Ziels ![](https://cmsphoto.ww-cdn.com/superstatic/129568/art/grande/96935088-67561482.jpg?v=1781171718.8057914) 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](https://de.goodbarber.com/uxdesign/) 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](https://de.goodbarber.com/extensions/appointment-booking/)-Bereich. Eine einzige Aktion, aber allgegenwärtig, ohne sie irgendwo zu duplizieren. ## Ihr KI-Assistent, präsent auf jedem Bildschirm ![](https://cmsphoto.ww-cdn.com/superstatic/129568/art/grande/96935088-67561483.jpg?v=1781171720.8418064) Das ist der Anwendungsfall, in dem der Floating-Button seinen ganzen Wert entfaltet. Mit der Erweiterung [RAG Chatbot](https://de.goodbarber.com/extensions/rag-chatbot-ai/) 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. ## Klug genug, sich zurückzunehmen 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. ## So aktivieren Sie ihn ![](https://cmsphoto.ww-cdn.com/superstatic/129568/art/grande/96935088-67561485.jpg?v=1781171731.5178852) 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. ![](https://cmsphoto.ww-cdn.com/superstatic/129568/art/grande/96935088-67561486.jpg?v=1781171741.6579597) Ö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](https://de.goodbarber.com) und testen Sie ihn vom ersten Bildschirm an. ![Lesia PIETRI](https://blog.goodbarber.com/_public/profile/e1/e1822db470e60d090affd0956d743cb0e7cdf113-default.jpg) Über den Autor[Lesia PIETRI](https://de.goodbarber.com/blog/author/lesia-pietri/)Head of Product Design Ich bin Head of Product Design bei GoodBarber. Ich verantworte das Design des Produkts: das Design System, auf dem jede App aufbaut, die Layouts als Ausgangspunkt und den Weg von der ersten Idee bis zur veröffentlichten App. Mein Anspruch: Auch wer noch nie ein Design-Tool geöffnet hat, veröffentlicht eine App, die auf jedem Screen durchdacht wirkt. Als Designer aus Leidenschaft verbringe ich meine Tage mit den Details, die niemand benennt: Abstände, Kontraste, das Gewicht einer Überschrift. Hier schreibe ich über das Design von GoodBarber und über die Neuheiten des Produkts: die Features, die Layouts und die Themes. [Mehr erfahren](https://de.goodbarber.com/blog/author/lesia-pietri/) [![LinkedIn](https://portal.ww-cdn.com/portal_static/svg/base2021/linkedin.3ed8162e2a2b.svg)](https://www.linkedin.com/in/lesia-pietri-150824116/)