O problema
Abra qualquer grande app de e-commerce — Amazon, Shopee, Mercado Livre ou Magazine Luiza — qual é a primeira coisa que você vê? Uma barra de navegação fixa na parte inferior da tela. Início, Categorias, Busca, Carrinho, Conta — tudo ao alcance do polegar, sempre visível em qualquer tela do app.
Na sua loja é diferente. Para voltar à página inicial, o cliente precisa rolar para cima e clicar no logo. Para ir ao carrinho, precisa encontrar o ícone no header. Para mudar de categoria, precisa abrir o hamburger menu. Cada ação extra é mais uma chance de o cliente desistir.
Não é questão de estética. É comportamento do usuário. Clientes mobile já se acostumaram com a bottom navigation em dezenas de apps que usam no dia a dia — e quando sua loja não tem, a experiência parece incompleta e menos profissional.
"Clientes me perguntavam: 'Como volto para a página inicial?' Aí percebi — no celular, minha loja parecia um site de 2015, enquanto qualquer app tem uma barra embaixo muito mais prática."
— Um cliente Navi+
Por que a bottom navigation importa tanto?
Com telas de celular cada vez maiores (6–6,7 polegadas é comum), a área alcançável pelo polegar fica cada vez mais limitada à parte inferior da tela. Pesquisas de UX mostram que a parte superior da tela é a "zona morta" para usuários mobile — difícil de alcançar, facilita erros de toque.
A bottom navigation resolve isso: coloca as ações mais importantes exatamente onde o polegar toca naturalmente. É por isso que todos os super-apps seguem esse padrão — não por moda, mas porque funciona de verdade.
- Menos etapas de navegação — de 3–4 passos para 1 toque
- Cliente sabe onde está — a aba ativa fica claramente destacada
- Mais páginas por sessão — navegar ficou mais fácil, o cliente explora mais
- Sensação profissional — a loja parece e funciona como um app de verdade
Navi+ Tab Bar e FAB Button
O Navi+ oferece o Tab Bar — barra de navegação fixa na parte inferior da tela — e o FAB Button (Floating Action Button) para acesso rápido às ações prioritárias. Ambos são totalmente personalizáveis pelo dashboard, sem precisar de código.
O Tab Bar suporta até 5 itens com ícones à escolha. O FAB Button pode abrir o carrinho, abrir o menu ou ir direto para qualquer página com um único toque. Combinando os dois, sua loja tem uma experiência de navegação comparável a um app nativo.
| Funcionalidade de navegação mobile | Loja padrão | Navi+ Tab Bar + FAB |
|---|---|---|
| Barra de navegação inferior fixa | ✗ | ✓ Sempre visível, em todas as páginas |
| Floating Action Button | ✗ | ✓ Ação personalizada |
| Ícone personalizado por aba | ✗ | ✓ Biblioteca de ícones disponível |
| Destaque na aba ativa | ✗ | ✓ Claro, com cores personalizadas |
| Badge com quantidade do carrinho | Apenas no header | ✓ Diretamente na Tab Bar |
| Personalização sem código | Precisa de dev | ✓ Arrastar e soltar no dashboard |
Como configurar?
Acesse o dashboard Navi+ → Tab Bar → escolha o número de abas (3–5 itens) → selecione ícone e destino para cada aba. Ative o FAB Button se quiser o botão flutuante. Salve — a Tab Bar aparece imediatamente na sua loja, sem precisar recarregar ou fazer deploy.
Sugestão de ordem de abas mais comum: Início → Categorias → Busca → Carrinho → Conta. Ajuste conforme a realidade da sua loja.
Adicione bottom navigation à sua loja
Instalação gratuita — sem cartão de crédito, funciona em minutos, sem precisar mexer em código.
Adicione bottom navigation à sua loja