Botón flotante global: una acción clave visible en toda tu app

El gesto que esperas de tus usuarios merece estar accesible en todo momento, ya estén leyendo un artículo, mirando una ficha de producto o cambiando de una pestaña a otra. El Botón flotante global le da exactamente ese lugar: un botón que defines una vez y que aparece allí donde tus usuarios lo necesitan, sin que tengas que volver a colocarlo pantalla por pantalla.

Es un componente a nivel de la app: eliges su destino, su texto, su icono y su color, y se muestra en todas las pantallas. El destino puede ser una página de tu app, una acción directa como una llamada o un SMS, o una app externa como WhatsApp. Por defecto, el botón adopta los colores del tema de tu app, siguiendo la lógica del design system de GoodBarber: se integra como un elemento nativo, sin ningún ajuste manual. Lo configuras una sola vez y queda accesible en cualquier página que se consulte.

En la práctica, es el mismo botón el que se adapta al contexto de cada uno:

• Una tienda mantiene «Ver el carrito» accesible mientras sus clientes recorren el catálogo.
• Un comercio de proximidad deja «Llamar» o «Escríbenos por WhatsApp» al alcance directo, sin que el cliente tenga que buscar el número.
• Una peluquería coloca «Reservar cita» en cada pantalla, enlazando con su sección Booking.

Una sola acción, pero presente en todas partes, sin tener que duplicarla en ningún sitio.

Este es el caso de uso donde el Botón flotante despliega todo su valor. Con la extensión RAG Chatbot, tu app incorpora un asistente que responde a las preguntas de tus usuarios a partir de tu propio contenido publicado, no de la memoria general de un modelo. Respuestas fiables, en el idioma de la pregunta y con la posibilidad de enlazar a la fuente.

Pero falta que tus usuarios se acuerden de usarlo. Un Botón flotante «Hacer una pregunta» presente en cada pantalla convierte al asistente en un reflejo, en lugar de una sección que hay que ir a buscar en el menú. Así, una app de turismo, una plataforma de e-learning o una base de conocimiento interna le dan a su asistente el lugar que merece: bien visible, en todo momento.

Un botón presente en todas partes nunca debe convertirse en una molestia, y por eso su visualización está bien acotada. Se combinan dos lógicas.

Algunas páginas no lo muestran nunca, sin que tengas que intervenir: las secciones que ya tienen su propio botón flotante, para no mostrar nunca dos a la vez, y las páginas de sistema como la búsqueda, el carrito, el pago, el perfil o el inicio de sesión.

En todo lo demás, decides tú. Desde el panel de configuración del botón, ocultas su visualización sección por sección y lo conservas únicamente en las pantallas donde realmente tiene sentido.

Por último, cuando una TabBar, un reproductor de audio o un banner fijo ya ocupa la parte inferior de la pantalla, el botón se coloca justo encima, sin taparlos nunca.

El Botón flotante se configura desde el panel Structure de tu back-office, donde aparece como un elemento dedicado, justo debajo de tu navegación principal. Actívalo, elige el destino, el texto, el icono y la posición, y estará en línea en toda la app en la próxima publicación. Si lo desactivas, sigue visible en ese mismo lugar, listo para usarlo el día que lo necesites.

Abre el panel Structure de tu app y dale a tu acción clave la visibilidad que merece. ¿Todavía no tienes una app GoodBarber? Empieza tu prueba gratuita y pruébalo desde la primera pantalla.