Bouton flottant global : une action clé visible partout dans votre app

Le geste que vous attendez de vos utilisateurs mérite d'être accessible en permanence, qu'ils lisent un article, parcourent une fiche produit ou passent d'un onglet à l'autre. Le Bouton flottant global lui donne exactement cette place : un bouton défini une fois, présent là où vos utilisateurs en ont besoin, sans avoir à le replacer écran par écran.

C'est un composant au niveau de l'app : vous choisissez sa destination, son libellé, son icône et sa couleur, et il s'affiche sur l'ensemble des écrans. La destination peut être une page de votre app, une action directe comme un appel ou un SMS, ou une app externe comme WhatsApp. Par défaut, le bouton reprend les couleurs de thème de votre app, dans la logique du design system de GoodBarber : il s'intègre comme un élément natif, sans réglage manuel. Une seule mise en place, et il reste accessible quelle que soit la page consultée.

Concrètement, c'est le même bouton qui suit le contexte de chacun :

• Une boutique garde « Voir le panier » accessible pendant que ses clients parcourent le catalogue.
• Un commerce de proximité met « Appeler » ou « Nous écrire sur WhatsApp » directement accessible, sans que le client cherche le numéro.
• Un salon de coiffure place « Prendre rendez-vous » sur chaque écran, vers sa section Booking.

Une seule action, mais omniprésente, sans la recopier nulle part.

C'est le cas d'usage où le Bouton flottant prend toute sa valeur. Avec l'extension RAG Chatbot, votre app embarque un assistant qui répond aux questions de vos utilisateurs à partir de votre propre contenu publié, pas de la mémoire générale d'un modèle. Réponses fiables, dans la langue de la question, avec un lien possible vers la source.

Encore faut-il que vos utilisateurs y pensent. Un Bouton flottant « Poser une question » présent sur chaque écran transforme l'assistant en réflexe, au lieu d'une section qu'il faut aller chercher dans le menu. Une app de tourisme, une plateforme de e-learning ou une base de connaissances interne donne ainsi à son assistant la place qu'il mérite : bien en vue, en permanence.

Un bouton présent partout ne doit jamais devenir une gêne, et son affichage est cadré pour ça. Deux logiques se combinent.

Certaines pages ne l'affichent jamais, sans aucune intervention de votre part : les sections qui disposent déjà de leur propre bouton flottant, pour ne jamais en montrer deux en même temps, et les pages système comme la recherche, le panier, le paiement, le profil ou la connexion.

Partout ailleurs, c'est vous qui décidez. Depuis le panneau de configuration du bouton, vous masquez son affichage section par section, et vous le gardez uniquement sur les écrans où il a vraiment du sens.

Enfin, lorsqu'une TabBar, un lecteur audio ou une bannière fixe occupe déjà le bas de l'écran, le bouton se cale juste au-dessus, sans jamais les recouvrir.

Le Bouton flottant se configure depuis le panneau Structure de votre back-office, où il apparaît comme un élément dédié, juste sous votre navigation principale. Activez-le, choisissez la destination, le libellé, l'icône et la position, et il est en ligne sur toute l'app à la prochaine publication. Désactivé, il reste visible à cet emplacement, prêt à servir le jour où vous en aurez besoin.

Ouvrez le panneau Structure de votre app et donnez à votre action clé la visibilité qu'elle mérite. Pas encore d'app GoodBarber ? Lancez votre essai gratuit et testez-le dès le premier écran.