Guia de plataforma · Shopify

Navi+ AI Menu Builder no Shopify — Guia completo

Conjunto completo de ferramentas de navegação para sua loja Shopify: tab bar inferior, mega menu, slide menu, botão flutuante FAB e grid — tudo em um app. Sem código, sem editar tema, funciona em menos de 5 minutos.

Instalar no Shopify — grátis Veja os passos de instalação
Shopify Navegação mobile Mega Menu
Navi+ Team · Guia para Shopify · 8 minutos de leitura

Se você vende no Shopify, já sabe que o menu decide silenciosamente quanto de faturamento você gera. O cliente entra na página, passa o olho pela barra de navegação, e em segundos ele ou começa a procurar produtos — ou sai. Mas a maioria das lojas Shopify ainda usa o menu padrão do tema: uma lista simples de links projetada para desktop, encolhida para mobile, e idêntica a milhares de outras lojas.

Navi+ AI Menu Builder é um conjunto de ferramentas de navegação construído especificamente para vitrines Shopify. Em vez de apenas um tipo de menu, você tem um sistema completo: tab bar inferior para mobile, mega menu para desktop, slide menu quando precisa de profundidade, FAB para promoções, e menu grid para categorias com muitos níveis. Tudo gerenciado a partir de um único dashboard. Sem código, sem editar tema, sem precisar de desenvolvedor.

Este artigo passa por tudo que o Navi+ faz no Shopify — o que ele substitui, junto com como instalar e como fazer upgrade de plano.

4.9 ★
Classificação na Shopify App Store
5.000+
Lojas Shopify usando Navi+
< 5 min
De instalação a menu funcionando

Por que o menu padrão do Shopify faz você perder vendas

O menu padrão do Shopify foi criado quando a maioria do tráfego vinha de desktop. Hoje, cerca de 70% do tráfego Shopify é mobile — mas o tipo de menu padrão quase não mudou:

  • Sem navegação inferior. Todo app que você usa fixa a função principal em uma barra fixa na parte inferior, onde o polegar chega facilmente. Shopify ainda coloca o menu no topo.
  • Apenas menu hamburger no mobile. O cliente clica para abrir, rola uma lista longa, clica novamente — são três ou quatro ações antes de ver algo útil.
  • Interface bloqueada pelo tema. Quer botões maiores, ícones personalizados, layout multi-coluna? Precisa editar Liquid.
  • Sem espaço para promoções. Flash sale não aparece no menu; categorias que precisam de destaque com imagens não cabem.

Sistema de menus Navi+ no Shopify

Tab Bar — navegação inferior para mobile

Barra fixa na parte inferior com até cinco destinos: Página inicial, Categorias, Busca, Carrinho, Conta. Ícones personalizados, destaque do estado ativo, badge com quantidade do carrinho, e biblioteca de mais de 4.000 ícones do Google Material Symbols. Esta é a maior mudança para a maioria das lojas saindo do tema padrão.

Mega Menu — dropdown para desktop

Dropdown multi-coluna, rico em imagens para categorias grandes. Adicione títulos de grupo, links filhos, banners promocionais, blocos de produtos destaque e CTA.

Slide / Menu Hamburger

Quando mobile precisa de profundidade — categorias multi-nível, seleção de idioma, links de conta — um painel desliza suavemente, abrindo da esquerda ou direita.

FAB — botão flutuante

Um botão flutuante ancorado no canto. Perfeito para promoções, ações prioritárias ou abrir menu rapidamente. Customize cor, ícone, rótulo e ação.

Grid Menu

Menu em formato de grid para lojas com muitas categorias — uma tela de 9-12 blocos grandes em vez de uma lista de rolagem longa.

Substituir drawers e componentes padrão do tema

A partir do plano Business e superior, o Navi+ pode substituir o Search drawer, Cart drawer e o menu padrão do tema com versões personalizadas — os mesmos botões de abertura, interface completamente diferente.

Mobile e desktop, configurações separadas

Cada menu é configurado separadamente para mobile e desktop. Exiba Tab Bar no mobile e Mega Menu no desktop — independentemente — sem precisar escrever media queries.

Construído para vitrines Shopify, não uma gambiarra

  • Independente do tema. Funciona em Dawn, Refresh, Sense, Impulse, Prestige, Empire e temas personalizados. O menu fica fora da marcação Liquid — atualizar ou trocar tema não afeta o menu.
  • Sem editar tema. Instale pela Shopify App Store, ative o App Embed no Online Store 2.0, Navi+ se insere automaticamente. Para remover, basta um clique.
  • HTML5 + CSS3 puro, sem dependências de JS. Sem conflitos de script com o tema, não quebra com atualizações.
  • Mobile-first. Todos os templates são otimizados para espaçamento, tamanho de fonte e áreas tocáveis em smartphones primeiro.
  • Editor fora do admin Shopify. Dashboard roda em app separado em dash.naviplus.app — rápido, acessível de qualquer dispositivo.

Instalar Navi+ no Shopify — passo a passo

1 Abra a Shopify App Store e adicione o app

Vá para Navi+ na Shopify App Store, clique em Add app e aprove a instalação no admin Shopify. Sem custo — Starter é gratuito para sempre.

Listing do Navi+ na Shopify App Store
Listing do Navi+ na Shopify App Store — clique em Add app
2 Aprove a instalação no admin Shopify

Shopify mostra a tela de permissões do app. Clique em Install para aprovar — sem custo, Starter é gratuito para sempre.

Tela Install do app no admin Shopify
Clique em Install para aprovar a instalação no admin Shopify
3 Ative App Embed, projete o menu e Publique

Abra o dashboard dash.naviplus.app, ative o bloco App Embed para que o Navi+ apareça na vitrine. Escolha um template, escolha o tipo de menu (Tab Bar, Mega, Slide, FAB, Grid), ajuste ícones e links, depois clique em Publish. A vitrine atualiza instantaneamente — sem recarregar tema, sem limpar cache.

Projetar menu no Navi+ no Shopify (Visual Edit)
Projete o menu no Navi+ e clique em Publish

A maioria das lojas sai da instalação para o menu funcionando em menos de cinco minutos. Veja guias de uso mais detalhados no Centro de Ajuda do Navi+.

Fazer upgrade do plano no Shopify

No Shopify, o pagamento é tratado por Shopify Billing e o upgrade acontece dentro do Navi+ — sem precisar inserir cartão em outro lugar. Como cada transação está vinculada à sua loja específica, o upgrade deve começar dentro do app (aberto no admin Shopify), não diretamente do website externo.

1 Abra Navi+ a partir do admin Shopify

No admin Shopify → Apps → abra Navi+ AI Menu Builder (ou abra o dashboard dash.naviplus.app).

Abra Navi+ a partir da seção Apps no admin Shopify
Abra Navi+ AI Menu Builder a partir da seção Apps no admin Shopify
2 Acesse Plan & Pricing

No Navi+, abra a aba Plan & Pricing, veja seu plano atual e os planos de upgrade (Business, Elite).

Página Plan & Pricing no Navi+ no Shopify
Abra a aba Plan & Pricing, veja seu plano atual e opções de upgrade
3 Escolha o plano e aprove a taxa do Shopify

Clique em Upgrade no plano desejado. Shopify mostra a tela de aprovação de taxa (Approve subscription) — confirme e pronto. Ambos os planos pagos têm 7 dias de teste grátis.

Tela Approve subscription do Shopify ao fazer upgrade
Aprove a taxa na tela Approve subscription do Shopify
4 Novo plano ativa imediatamente

Após aprovar, os recursos do novo plano (múltiplos menus, multi-idioma, upload de imagens, analytics…) são desbloqueados imediatamente no Navi+.

Planos no Shopify

Os mesmos planos em todas as plataformas — mesmos recursos, mesmo preço.

PlanoPreçoIdeal para
StarterGratuito para sempreUm menu, loja pequena, teste do Navi+
Business$6.25 / mêsLoja em crescimento, múltiplos menus, multi-idioma, upload de imagens, analytics
Elite$10 / mêsCategorias grandes, menus ilimitados, SEO completo, CDN premium, suporte dedicado

Ambos os planos pagos têm 7 dias de teste grátis — sem cartão, todos os recursos desbloqueados.

Perguntas frequentes

Instalar Navi+ deixa a loja lenta?

Não. Navi+ é mobile-first, sem bibliotecas JavaScript externas, carrega com atraso após a primeira renderização, servido via CDN global — sem scripts bloqueadores de renderização, mantém Core Web Vitals.

Preciso saber programação?

Não. Dashboard com drag-and-drop e templates prontos. CSS/HTML/JS customizável disponível se quiser, mas a maioria das lojas não precisa mexer.

Funciona com meu tema?

Sim. Navi+ fica fora do tema, funciona em todos os temas oficiais e customizados; atualizar ou trocar tema não afeta.

Posso fazer upgrade do plano a partir do site naviplus.io?

O upgrade deve começar dentro do app (vinculado à sua loja via Shopify Billing). Abra o Navi+ a partir do admin Shopify e vá para Plan & Pricing.

Comece no Shopify

Grátis para instalar — sem cartão. Funciona em minutos. Os mesmos planos de todas as plataformas.

Instalar no Shopify — grátis

Leia a seguir

Comece com Navi+ AI Menu Builder

Escolha sua plataforma — gratuito para instalar, ao vivo em minutos.