Instalar o Navi+ no WordPress leva cerca de 15–30 minutos. Aqui está o processo completo — desde o download do plugin até ter seu primeiro menu ao vivo.
O Que Você Vai Precisar
- Um site WordPress ou WooCommerce (auto-hospedado, plano Business do WordPress.com, ou qualquer hospedagem WP)
- Acesso de administrador ao seu site WordPress
- Uma conta gratuita do Navi+ (crie em dash.naviplus.app)
Passo 1 — Instale o Plugin
Opção A: Do WordPress.org
- No seu WP Admin, vá em Plugins → Adicionar Novo
- Pesquise por “Navi+ Menu Builder”
- Clique em Instalar Agora, depois em Ativar
Opção B: Upload manual
- Baixe o arquivo .zip do plugin em naviplus.io
- No WP Admin, vá em Plugins → Adicionar Novo → Fazer Upload do Plugin
- Faça o upload do .zip e ative
Passo 2 — Conecte à Sua Conta Navi+
Após a ativação, você verá um item Navi+ na barra lateral do WP Admin.
- Clique em Navi+ → Configurações
- Insira seu ID de Site e chave de API (encontrados no seu painel Navi+ em Configurações → WordPress)
- Clique em Conectar
Se você ainda não tem uma conta Navi+, será solicitado a criar uma. O plano gratuito cobre todos os recursos principais.
Passo 3 — Escolha o Tipo de Menu
Em Navi+ → Construtor de Menus no WP Admin, crie seu primeiro menu:
- Tab Bar → Melhor para lojas WooCommerce com público principalmente mobile
- Mega Menu → Navegação desktop com múltiplas colunas com categorias e imagens
- Slide Menu → Estilo hamburger/gaveta para lojas modernas
- FAB → Botão de ação flutuante para promoções ou atalhos de contato
- Grid Menu → Layout em grade visual para lojas com muitas categorias
A maioria das lojas WooCommerce se beneficia de usar Tab Bar no mobile e Mega Menu no desktop simultaneamente, usando as regras Smart Publish do Navi+.
Passo 4 — Construa Seu Menu (ou Use a IA)
Abordagem manual:
- Clique em Adicionar Item para criar entradas de menu
- Defina o rótulo, URL e ícone para cada item
- Organize na hierarquia desejada
- Defina opções de design (cores, fontes, espaçamento)
Abordagem com IA (recomendada para WooCommerce):
- Clique em Gerar com IA
- A IA do Navi+ lê suas categorias de produtos WooCommerce e taxonomia
- Ela gera uma estrutura de menu completa — você revisa e ajusta
- Confirme e prossiga para o estilo
Passo 5 — Defina as Regras de Publicação
Em Smart Publish:
- Dispositivos: Configure o menu para aparecer no Mobile, Desktop ou em Ambos
- URLs: Configure quais páginas exibem qual menu (opcional)
- Condições: Clientes logados vs. visitantes (opcional)
Para uma configuração típica de WooCommerce, defina o Tab Bar como “Somente Mobile” e o Mega Menu como “Somente Desktop”.
Passo 6 — Publique
Clique em Publicar. Seu menu entra no ar imediatamente — sem edições em arquivos de tema, sem mudanças no construtor de páginas, sem necessidade de desenvolvedor.
Compatibilidade
O Navi+ funciona com:
| Tema / Sistema WordPress | Compatível |
|---|---|
| WordPress.org (auto-hospedado) | ✓ |
| WooCommerce | ✓ |
| Elementor | ✓ |
| Divi | ✓ |
| Avada | ✓ |
| Astra / OceanWP / GeneratePress | ✓ |
| Sage (Roots) / Timber | ✓ |
| Temas personalizados | ✓ (baseado em script) |
Solução de Problemas
Menu não aparecendo? Verifique se o script do Navi+ está carregando nas páginas corretas. Vá em Configurações → Regras de Publicação e verifique as condições de URL.
Conflito com menu existente? Se você quiser que o Navi+ substitua o menu nativo do seu tema, pode ocultar o cabeçalho do tema via um pequeno trecho CSS (o suporte do Navi+ pode fornecer isso para o seu tema específico).
Carregamento lento? Verifique se a opção CDN está ativada nas Configurações do Navi+. Isso garante que os assets sejam entregues da CDN global do Navi+ em vez do seu servidor.
Conclusão
Instalar o Navi+ no WordPress leva 15–30 minutos e não requer programação. A geração de menu com IA a partir de dados WooCommerce é o caminho mais rápido para uma navegação bem organizada e otimizada para mobile.
→ Veja a comparação completa: Navi+ vs Max Mega Menu