Se você administra uma loja Shopify, já sabe quanto dinheiro o menu decide silenciosamente. Um visitante chega à página inicial, dá uma olhada na navegação e, em poucos segundos, ou começa a navegar — ou abandona o site. Mesmo assim, a maioria das lojas Shopify continua usando o mesmo menu padrão que vem com o tema: uma lista plana de links pensada para desktop, adaptada na marra para o mobile e idêntica a milhares de outras lojas.
O Navi+ AI Menu Builder é um kit completo de navegação criado especificamente para o storefront do Shopify. Em vez de um único padrão de menu, você ganha um sistema: bottom tab bar para mobile, mega menu para desktop, slide menu quando precisa de profundidade, FAB para promoções e grid menu para categorias com catálogos extensos. Tudo gerenciado em um só dashboard. Sem código, sem editar o tema, sem precisar de desenvolvedor.
Este guia mostra tudo o que o Navi+ faz no Shopify — o que ele substitui, como se instala e por que mais de cinco mil lojistas Shopify já o utilizam.
Por que o menu padrão do Shopify custa vendas
O menu nativo do Shopify foi projetado numa época em que a maior parte do tráfego de e-commerce vinha do desktop. Hoje, cerca de 70% do tráfego do Shopify é mobile — mas o padrão do menu não mudou de forma significativa:
- Sem bottom navigation. Todos os apps mobile que você usa — Amazon, ASOS, eBay, Instagram — ancoram as ações principais em uma barra fixa na parte inferior. O padrão do Shopify mantém a navegação fixa no topo, onde o polegar não alcança com conforto em um celular de 6,7 polegadas.
- Só hamburger no mobile. O visitante toca, o menu abre, ele rola uma lista longa, toca de novo. Três ou quatro toques antes de conseguir navegar em qualquer coisa. Cada toque é mais uma chance de abandonar.
- Estilo travado pelo tema. Quer áreas de toque maiores, ícones personalizados ou layouts em colunas? Vai precisar editar Liquid. Quer fazer um teste A/B com um novo padrão? Mais difícil ainda.
- Sem espaço para promoções. Uma flash sale começa e o menu não consegue mostrar. Uma categoria precisa de destaque visual e o menu não acomoda uma imagem. Momentos de venda escapam totalmente pela navegação.
Isso não é frescura estética. São lacunas de conversão que custam receita real em cada sessão.
O sistema de menus do Navi+ no Shopify
O Navi+ substitui o menu padrão por um sistema completo de navegação. Cada componente funciona sozinho — e todos podem ser combinados.
Tab Bar — bottom navigation no mobile
Uma barra fixa na parte inferior da tela com até cinco destinos: Início, Categorias, Busca, Carrinho, Conta — ou o que você quiser. Ícones personalizados, destaque de estado ativo, badge com a contagem do carrinho e uma biblioteca embutida com mais de 4.000 Google Material Symbols. Esse componente sozinho costuma ser o maior ganho para lojas Shopify que estão saindo de um tema padrão.
Mega Menu — dropdowns para desktop
Dropdowns multi-coluna, ricos em imagens, para catálogos grandes. Inclua títulos, sublinks, banners promocionais, blocos de produtos em destaque e CTAs. Troque um link plano de "Loja" por uma visão geral da categoria que mostra o que tem dentro — o visitante vê mais, clica mais fundo e chega às páginas de produto mais rápido.
Slide / Hamburger Menu
Quando o mobile precisa de profundidade — categorias multinível, seletor de idiomas, links de conta —, um painel slide-in limpo dá conta sem precisar aninhar menus dentro de menus. Abre pela esquerda ou pela direita, em tela cheia ou parcial, com transições suaves.
FAB — Floating Action Button
Um único botão flutuante ancorado em um canto. Útil para promoções ("Flash Sale →"), ações de alta prioridade ("Pedir pelo WhatsApp") ou como um atalho para abrir o menu. Cor, ícone, rótulo e ação personalizáveis.
Grid Menu
Menu em formato de blocos para lojas com catálogo extenso. Imagine uma única tela com 9 ou 12 blocos grandes de categoria em vez de uma rolagem longa. Padrão comum em alimentação, moda, eletrônicos — onde quer que o catálogo seja muito visual.
Drawer e substituição de componentes padrão
Nos planos Business e superiores, o Navi+ pode substituir o drawer de Busca, o drawer de Carrinho e o menu padrão do seu tema por uma versão custom — mesmo botão de ativação, UI totalmente diferente. Você também pode trocar os ícones de carrinho/menu/busca e a badge de contagem do carrinho diretamente.
Mobile e desktop, independentes
Uma das partes mais subestimadas do Navi+: cada menu tem configuração separada para mobile e desktop. Exiba uma Tab Bar no mobile e um Mega Menu no desktop — de forma totalmente independente — sem precisar escrever media queries.
Feito para o storefront do Shopify, não enxertado
O Navi+ não é um widget genérico que por acaso roda no Shopify. Foi construído em torno de como os temas do Shopify realmente funcionam:
- Independente do tema. Funciona com Dawn, Refresh, Sense, Studio, Origin, Crave, Symmetry, Impulse, Prestige, Empire, Motion, Stiletto e temas custom, sem distinção. O menu vive fora do markup Liquid do tema — então atualizações de tema, trocas de tema e redesigns sazonais não mexem no seu menu.
- Sem editar o tema. Instale pela Shopify App Store, ative o App Embed block no Online Store 2.0 e o Navi+ se injeta sozinho. Desinstalar é um único toggle.
- HTML5 + CSS3 puro, zero dependências de JS. Sem conflitos com os scripts do tema, sem comportamentos quebrados após uma atualização do tema, sem incompatibilidade com outros apps.
- Mobile-first por padrão. Cada template já vem com espaçamento, tamanho de fonte e áreas de toque otimizados para mobile — e depois escala para desktop, não o contrário.
- Editor fora do admin do Shopify. O dashboard completo roda em um app dedicado em
dash.naviplus.app— rápido, livre do overhead do admin do Shopify e acessível de qualquer dispositivo.
Performance e confiabilidade
Um menu que aparece em todas as páginas de toda loja precisa ser rápido. O Navi+ foi feito para isso:
- CDN global. Servidores de borda em seis continentes. No Elite, dual-CDN com failover entre Cloudflare + BunnyCDN.
- SLA de 99,99% no Elite, 99,00% no Business e no Starter.
- Amigável aos Core Web Vitals. Sem scripts que bloqueiam a renderização, sem layout shift, sem trabalho de JS na main thread.
- Leve. O runtime tem poucos KB gzipados por menu, com lazy-load após o primeiro paint.
Instalar no Shopify — passo a passo
- Abra a Shopify App Store, pesquise por "Navi+ AI Menu Builder" e clique em Add app.
- Aprove a instalação no admin do Shopify. Sem cobrança nesse momento — o Starter é grátis para sempre.
- Na página do app, clique em Open dashboard para abrir o
dash.naviplus.app. - Escolha um template, selecione um tipo de menu (Tab Bar, Mega Menu, Slide, FAB, Grid), personalize ícones e links e clique em Publish.
- Seu storefront é atualizado na hora — sem recarregar o tema, sem deploy, sem limpar cache.
A maioria das lojas vai da instalação ao menu no ar em menos de cinco minutos.
Preços no Shopify
Mesmos planos de sempre — mesmas funcionalidades, mesmos preços.
| Plano | Preço | Ideal para |
|---|---|---|
| Starter | Grátis para sempre | Um menu, lojas pequenas, para validar o Navi+ |
| Business | $6.25 / mês | Lojas em crescimento, múltiplos menus, multilíngue, upload de imagens, analytics |
| Elite | $10 / mês | Catálogos grandes, menus ilimitados, suporte SEO completo, CDN premium, ajuda hands-on |
Os dois planos pagos incluem 7 dias de teste grátis — sem cartão de crédito, com acesso total às funcionalidades.
O que os lojistas Shopify ganham com isso
- Avaliação 4.9 na Shopify App Store
- Mais de 5.000 lojas usando o Navi+ hoje
- Uma instalação típica substitui 2 a 3 apps separados: um app de bottom bar, um de mega menu e, às vezes, um de floating button ou bolha de chat
Essa história de substituição é parte do motivo pelo qual o Navi+ costuma sair mais barato do que os apps que ele consolida — e por que a migração de "uma pilha de pequenos apps" para "um único toolkit de menus" é um dos caminhos de upgrade mais comuns que vemos.
Perguntas frequentes
Vai deixar minha loja mais lenta?
Não. O Navi+ é mobile-first, sem bibliotecas externas de JavaScript, com lazy-load após o primeiro paint e entregue via CDN global. Ele não adiciona scripts que bloqueiam a renderização e foi projetado para não impactar os Core Web Vitals.
Preciso saber programar?
Não. O dashboard todo é drag-and-drop com templates como ponto de partida. CSS, HTML e JavaScript personalizados estão disponíveis se você quiser ir além, mas a maioria das lojas nem chega a usar.
Funciona com meu tema?
Sim. O Navi+ vive fora do tema. Funciona em todos os temas oficiais do Shopify e em temas custom. Atualizações e trocas de tema não afetam o menu.
Suporta múltiplos idiomas?
Sim — no Business e no Elite. Funciona em conjunto com Shopify Markets, Translate & Adapt ou qualquer app de tradução. Cada elemento do menu pode ter rótulos e links por idioma.
Vai conflitar com meus outros apps?
Não. HTML / CSS puro, sem JS global, sem jQuery, sem bibliotecas de terceiros. Testamos contra os apps Shopify mais instalados antes de cada release.
Como é o suporte?
Suporte por e-mail no Starter, suporte 24/7 no Business e ajuda hands-on (migrar menus, configurar layouts, editar a UI diretamente) no Elite.
Comece no Shopify
Instalação gratuita — sem cartão de crédito. No ar em minutos. Mesma estrutura de planos de todas as outras plataformas.
Instalar no Shopify — grátis