Botão flutuante global: uma ação essencial visível em toda a sua app

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ã.

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 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.

Uma única ação, mas omnipresente, sem ter de a recriar em parte alguma.

É o caso de utilização em que o Botão flutuante revela todo o seu valor. Com a extensão RAG Chatbot, 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.

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.

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.

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 e experimente-o logo no primeiro ecrã.