Guia de plataforma · WordPress

Navi+ AI Menu Builder no WordPress — o guia completo

O kit completo de navegação para WordPress — bottom tab bar, mega menu, slide menu e floating action button. Plugin oficial no WordPress Plugin Directory. Sem precisar editar o tema.

Baixar o plugin Ver passos de instalação
WordPress Navegação mobile Mega Menu
Equipe Navi+ · 13 de maio de 2026 · 8 min de leitura

O WordPress sustenta uma fatia gigantesca da web — e a maioria desses sites ainda vem com um padrão de menu que praticamente não mudou em uma década. Uma barra horizontal de links de texto no desktop, um ícone de hamburger no mobile, e pouco mais do que isso.

Para um blog pessoal, tudo bem. Para uma loja virtual, site de marketing, plataforma de cursos ou qualquer site em que a navegação gera receita, isso é um teto. Você não consegue adicionar uma bottom tab bar sem escrever código custom. Não consegue construir um mega menu de verdade sem um plugin pago. Não consegue substituir o menu mobile por um painel slide sem editar o tema. E, assim que você faz qualquer coisa dessas, futuras mudanças de tema quebram tudo.

O Navi+ AI Menu Builder é um kit completo de navegação para WordPress, agora disponível como plugin oficial no WordPress Plugin Directory. Instale uma vez e ganhe cinco padrões diferentes de menu — Tab Bar, Mega Menu, Slide, FAB, Grid — todos configurados em um único dashboard, todos independentes do tema.

5 menus
Tab Bar, Mega, Slide, FAB, Grid — um único plugin
Qualquer tema
Sem editar o tema, sem child themes
Grátis
Plano Starter para sempre — sem cartão de crédito

Por que o menu padrão do WordPress fica devendo

O sistema de menus nativo do WordPress foi projetado para sites focados em conteúdo do início dos anos 2010. Com o tempo, virou uma fraqueza conhecida para casos de uso modernos:

  • Acoplado ao tema. A aparência do menu é ditada pelo tema. Troca o tema e a UI do menu muda. Quer um layout custom? Vai precisar editar templates PHP ou brigar com as configurações do tema.
  • Limitado no mobile. A maioria dos temas usa um ícone de hamburger como padrão no mobile. Sem bottom tab bar, sem FAB, sem nenhum padrão mobile-first de verdade.
  • Sem mega menu real. Os menus nativos do WordPress são listas planas. Layouts multi-coluna com imagens, preços ou CTAs exigem um plugin separado — em geral, de tier pago.
  • Difícil de testar com A/B. Mudar a estrutura do menu significa mudar o tema — lento, arriscado e muitas vezes barrado pelos donos do site.
  • Feito para conteúdo, não para conversão. O menu padrão não tem como destacar promoções, não tem como ancorar um botão permanente de "Carrinho" ou "Contato" no mobile e não tem um sistema de layout real para lojas ou sites de marketing em que a navegação gera receita.

O que o Navi+ AI Menu Builder traz ao WordPress

Em vez de empilhar três ou quatro plugins de navegação, o Navi+ substitui todos eles por um único kit.

Tab Bar — bottom navigation para mobile

Uma barra fixa na parte inferior de cada página no mobile. Até cinco destinos com ícones personalizados, destaque de estado ativo e uma biblioteca embutida com mais de 4.000 Material Symbols. O maior upgrade de UX mobile para a maioria dos sites WordPress.

Mega Menu — dropdowns de desktop bem feitos

Dropdowns multi-coluna com imagens, títulos, sublinks, banners, blocos de produtos em destaque e CTAs. Troque links planos de "Loja" ou "Serviços" por visões gerais ricas que mostram o que tem dentro.

Slide / Hamburger Menu

Um painel slide-in multinível para mobile. Mais limpo do que hamburgers aninhados, suporta submenus, seletor de idiomas, links de conta e busca.

FAB — Floating Action Button

Um único botão ancorado em um canto, para promoções, WhatsApp ou acesso rápido ao menu. Cor, ícone, rótulo e ação configuráveis.

Grid Menu

Menu em blocos para sites com catálogo extenso. Uma única tela com 9 a 12 blocos de categoria costuma ficar mais clara do que um menu mobile longo.

Mobile e desktop, configurados de forma independente

Cada menu tem configurações separadas para mobile e desktop. Tab Bar no mobile e Mega Menu no desktop, com zero CSS de media query — tudo gerenciado direto do dashboard.

Feito para qualquer tema WordPress

O Navi+ foi pensado para trabalhar com o ecossistema WordPress em vez de brigar com ele.

  • Independente do tema. Funciona com Astra, GeneratePress, Kadence, Hello, Blocksy, Storefront, Avada, Divi, temas Elementor, Twenty Twenty-X e qualquer tema custom. O plugin injeta sua própria camada de UI, que vive fora da hierarquia de templates do tema.
  • Sem editar o tema. Instale o plugin, ative e configure pelo dashboard. Sem edições de PHP, sem child themes, sem overrides de template.
  • Roda junto com o WooCommerce. O plugin não exige o WooCommerce e não entra em conflito com ele — instale-o em uma loja WooCommerce e seus menus, link do carrinho e link de checkout continuam funcionando como esperado. Integrações mais profundas com o WooCommerce (contagem de carrinho em tempo real, substituição do drawer do mini-cart) estão no roadmap, não fazem parte do escopo atual.
  • Amigável ao Block editor e ao classic editor. Não depende de nenhum dos dois — os menus são renderizados em todas as páginas do front-end, independentemente de como a página foi construída.
  • Multilíngue. Compatível com Polylang, WPML e TranslatePress. Rótulos e links de menu por idioma, configurados a partir do dashboard do Navi+.
  • HTML5 + CSS3 puro. Sem jQuery, sem runtime React no front-end, sem conflitos com outros plugins de navegação ou page-builder.

Performance — amigável aos Core Web Vitals

Plugins são a causa número um de sites WordPress lentos. O Navi+ foi feito explicitamente para não ser um deles.

  • Sem scripts que bloqueiam a renderização. Carregados depois do primeiro paint.
  • Hidratação preguiçosa. O código de interação do menu só é carregado quando necessário.
  • Leve. Poucos KB gzipados por menu no front-end.
  • CDN global. Assets do menu servidos por nós de borda no mundo todo — failover entre Cloudflare + BunnyCDN no Elite.
  • Sem inchar o banco de dados. As configurações de menu ficam no lado do Navi+. O plugin em si adiciona uma única linha de options.

Instalar no WordPress

Três formas de instalar. Escolha a que melhor se encaixa no seu fluxo de trabalho:

  • Pelo diretório de plugins (recomendado): no admin do WordPress → Plugins → Adicionar novo → pesquise por "Naviplus Menu Builder" → Instalar agora → Ativar.
  • A partir de um arquivo ZIP: baixe o .zip mais recente na página do plugin no WordPress.orgPlugins → Adicionar novo → Enviar plugin → selecione o ZIP → Instalar → Ativar.
  • Via FTP: envie a pasta descompactada naviplus-menu-builder/ para wp-content/plugins/ e ative em Plugins → Plugins instalados.

Requer WordPress 5.8 ou superior. O plugin renderiza os menus por meio de um pequeno script loader em https://live.naviplus.app/start.js.

Depois da ativação

  1. Abra Aparência → Naviplus Menu Builder no admin do WordPress.
  2. Crie seu primeiro menu — o plugin conecta automaticamente o site ao Navi+ no primeiro uso; não é preciso criar uma conta Navi+ separada de antemão.
  3. Clique em Open dashboard para desenhar o menu no editor do Navi+.
  4. Escolha onde ele aparece — em todo o site (toggle dentro do painel do Navi+) ou apenas em páginas específicas, via o shortcode abaixo.

Inserir em páginas, posts ou widgets específicos

Se você quer o menu apenas em páginas selecionadas — uma landing page, um template apenas para mobile, um funil específico — desative o embed em todo o site e use um shortcode no lugar.

[naviwp embed_id="YOUR-EMBED-ID"]

Alias legado (ainda suportado): [naviplus embed_id="YOUR-EMBED-ID"]

Encontre o YOUR-EMBED-ID na tela de gerenciamento de embeds, dentro do dashboard do Navi+. Coloque o shortcode num bloco Shortcode no Gutenberg, cole-o dentro de um bloco Parágrafo (o plugin detecta [naviwp] / [naviplus] no texto) ou use o widget Shortcode no Elementor e em outros page builders.

Remover ou pausar o menu

Desative o plugin para parar o loader no lado do WordPress — a configuração do seu menu no Navi+ é preservada. Ou então remova o shortcode [naviwp ...] de qualquer página em que ele tenha sido embutido.

O plano Starter é grátis para sempre — não precisa de cartão de crédito para instalar.

Preços no WordPress

Mesmos planos do Shopify — mesmas funcionalidades, mesmos preços.

Plano Preço Ideal para
Starter Grátis para sempre Um menu, sites pequenos, blogs, para validar o Navi+
Business $6.25 / mês Lojas em crescimento e sites de marketing, múltiplos menus, multilíngue, upload de imagens, analytics
Elite $10 / mês Catálogos maiores, menus ilimitados, suporte SEO completo, CDN premium, ajuda hands-on

Business e Elite incluem 7 dias de teste grátis com acesso total às funcionalidades.

Perguntas frequentes

Vai deixar meu site mais lento?

Não. O Navi+ é carregado depois do primeiro paint, entregue por CDN global e não contém scripts que bloqueiam a renderização. Foi pensado especificamente para não impactar os Core Web Vitals.

Preciso escrever código?

Não. O dashboard é drag-and-drop. CSS / HTML personalizados estão disponíveis para casos avançados, mas nunca são obrigatórios.

Funciona com meu tema?

Sim. O Navi+ vive fora da hierarquia de templates do tema. Testado com Astra, GeneratePress, Kadence, Blocksy, Hello + Elementor, Divi, Avada, Storefront, Twenty Twenty-X e muitos temas custom.

Funciona com WooCommerce?

Sim — o Navi+ roda sem problemas em um site WooCommerce. Seus menus, link do carrinho, link da conta e link de checkout continuam funcionando como esperado. O plugin não se conecta automaticamente a dados específicos do WooCommerce (contagem de carrinho em tempo real, substituição do drawer do mini-cart) — essas integrações específicas do WooCommerce estão no roadmap e não fazem parte deste release.

Funciona com WPML ou Polylang?

Sim. Os menus do Navi+ suportam rótulos e links por idioma. Compatível com WPML, Polylang e TranslatePress.

Vai conflitar com meus outros plugins?

Sem JS global, sem jQuery, sem classes CSS compartilhadas — o runtime do menu é namespaced. Testamos contra os plugins WordPress mais instalados antes de cada release.

O que acontece se eu desinstalar?

Desative ou remova o plugin — seu menu padrão do WordPress volta imediatamente. Sem dados residuais, sem páginas quebradas.

Como funciona o suporte?

Suporte por e-mail no Starter, 24/7 no Business e ajuda hands-on (migrar menus, configurar layouts, editar a UI diretamente) no Elite.

Comece no WordPress

Plugin gratuito do diretório oficial do WordPress. Sem cartão de crédito. Funciona com qualquer tema.

Baixar o plugin do WordPress

Continuar lendo

Comece com Navi+ AI Menu Builder

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