--- title: "Botão flutuante global: uma ação essencial visível em toda" description: "O gesto que espera dos seus utilizadores merece estar sempre acessível, quer eles estejam a ler um artigo, a explorar uma ficha de produto ou a passar de um sep" canonical_url: "https://pt.goodbarber.com/blog/botao-flutuante-global-uma-acao-essencial-visivel-em-toda-a-sua-app-a1274/" lang: pt date: 2026-06-11 last_updated: 2026-06-11 --- # Botão flutuante global: uma ação essencial visível em toda [Voltar](/blog/make-it-r19/) # Botão flutuante global: uma ação essencial visível em toda a sua app Escrito por [Lesia PIETRI](https://pt.goodbarber.com/blog/author/lesia-pietri/) na Quinta-Feira 11 Junho 2026 ## Tem uma ação que os seus utilizadores devem poder iniciar a qualquer momento: reservar, encomendar, ligar, conversar com um assistente. Até agora, não havia forma de mostrar um botão flutuante para a manter acessível em todo o lado. O novo Botão flutuante global coloca-a em todos os ecrãs da sua app, configurada uma única vez. ![](https://cmsphoto.ww-cdn.com/superstatic/121801/art/grande/96935087-67561475.jpg?v=1781171687.7655592) O gesto que espera dos seus utilizadores merece estar sempre acessível, quer eles estejam a ler um artigo, a explorar uma ficha de produto ou a passar de um separador para outro. O Botão flutuante global dá-lhe exatamente esse lugar: um botão definido uma só vez, presente onde os seus utilizadores precisam dele, sem que tenha de o reposicionar ecrã a ecrã. ## O mesmo botão, ao serviço do seu objetivo ![](https://cmsphoto.ww-cdn.com/superstatic/121801/art/grande/96935087-67561476.jpg?v=1781171689.7655742) Trata-se de um componente ao nível da app: você escolhe o destino, o texto, o ícone e a cor, e ele aparece em todos os ecrãs. O destino pode ser uma página da sua app, uma ação direta como uma chamada ou um SMS, ou uma app externa como o WhatsApp. Por predefinição, o botão adota as cores de tema da sua app, segundo a lógica do [design system](https://pt.goodbarber.com/uxdesign/) da GoodBarber: integra-se como um elemento nativo, sem qualquer ajuste manual. Basta configurá-lo uma vez e fica acessível em qualquer página consultada. Na prática, é o mesmo botão que acompanha o contexto de cada utilizador: - Uma loja mantém o «Ver o carrinho» acessível enquanto os clientes percorrem o catálogo. - Um comércio de proximidade deixa o «Ligar» ou o «Escreva-nos no WhatsApp» logo ao alcance, sem que o cliente tenha de procurar o número. - Um cabeleireiro coloca «Marcar hora» em cada ecrã, a apontar para a sua secção [Booking](https://pt.goodbarber.com/extensions/appointment-booking/). Uma única ação, mas omnipresente, sem ter de a recriar em parte alguma. ## O seu assistente de IA, presente em cada ecrã ![](https://cmsphoto.ww-cdn.com/superstatic/121801/art/grande/96935087-67561477.jpg?v=1781171691.729589) É o caso de utilização em que o Botão flutuante revela todo o seu valor. Com a extensão [RAG Chatbot](https://pt.goodbarber.com/extensions/rag-chatbot-ai/), a sua app passa a incluir um assistente que responde às perguntas dos seus utilizadores a partir do seu próprio conteúdo publicado, e não da memória geral de um modelo. Respostas fiáveis, no idioma da pergunta, com a possibilidade de incluir uma ligação para a fonte. Mas é preciso que os seus utilizadores se lembrem dele. Um Botão flutuante «Fazer uma pergunta» presente em cada ecrã transforma o assistente num reflexo, em vez de uma secção que é preciso ir procurar no menu. Uma app de turismo, uma plataforma de e-learning ou uma base de conhecimento interna dá assim ao seu assistente o lugar que ele merece: bem à vista, em permanência. ## Inteligente o suficiente para se apagar Um botão presente em todo o lado nunca deve tornar-se um estorvo, e a sua apresentação está pensada para isso. Combinam-se duas lógicas. Algumas páginas nunca o mostram, sem qualquer intervenção da sua parte: as secções que já dispõem do seu próprio botão flutuante, para nunca mostrar dois ao mesmo tempo, e as páginas de sistema como a pesquisa, o carrinho, o pagamento, o perfil ou o início de sessão. Em todo o resto, é você que decide. A partir do painel de configuração do botão, oculta a sua apresentação secção a secção e mantém-no apenas nos ecrãs onde faz realmente sentido. Por fim, quando uma TabBar, um leitor de áudio ou um banner fixo já ocupa a parte inferior do ecrã, o botão posiciona-se logo acima, sem nunca os tapar. ## Como o ativar ![](https://cmsphoto.ww-cdn.com/superstatic/121801/art/grande/96935087-67561479.jpg?v=1781171701.9416656) O Botão flutuante configura-se a partir do painel **Structure** do seu back-office, onde aparece como um elemento dedicado, mesmo por baixo da sua navegação principal. Ative-o, escolha o destino, o texto, o ícone e a posição, e ele fica online em toda a app na próxima publicação. Desativado, continua visível neste local, pronto a usar no dia em que precisar dele. ![](https://cmsphoto.ww-cdn.com/superstatic/121801/art/grande/96935087-67561480.jpg?v=1781171711.9137402) Abra o painel Structure da sua app e dê à sua ação essencial a visibilidade que ela merece. Ainda não tem uma app GoodBarber? [Comece o seu teste gratuito](https://pt.goodbarber.com) e experimente-o logo no primeiro ecrã. ![Lesia PIETRI](https://blog.goodbarber.com/_public/profile/e1/e1822db470e60d090affd0956d743cb0e7cdf113-default.jpg) Sobre o autor[Lesia PIETRI](https://pt.goodbarber.com/blog/author/lesia-pietri/)Head of Product Design Sou Head of Product Design da GoodBarber. Conduzo o design do produto: o design system sobre o qual todas as apps são construídas, os layouts que servem de ponto de partida e o percurso que leva de uma ideia a uma app publicada. O meu trabalho é que alguém que nunca abriu uma ferramenta de design publique na mesma uma app cuidada, ecrã após ecrã. Designer de alma, passo os dias nos detalhes que ninguém nomeia: os espaçamentos, os contrastes, o peso de um título. Escrevo aqui sobre o design da GoodBarber e sobre as novidades do produto: as funcionalidades, os layouts e os temas. [Saiba mais](https://pt.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/)