WordPress / WooCommerce — Navi+ AI Menu Builder
Se o seu site roda em WordPress ou WooCommerce, a maneira recomendada de publicar menus Navi+ é o plugin oficial Navi+ AI Menu Builder no WordPress.org. O nome completo da listagem no WordPress.org é Naviplus Menu Builder.
Página do plugin: https://wordpress.org/plugins/naviplus-menu-builder/ Fórum de suporte: https://wordpress.org/support/plugin/naviplus-menu-builder/
Esta página é o ponto de entrada: instale o plugin, habilite menus em todo o site ou incorpore menus por posição, e escolha layouts que funcionem bem em dispositivos móveis (Tab Bar, Slide / hamburger, FAB).
1. Requisitos
- WordPress 5.8 ou mais recente (usar a versão mais recente do WordPress que seu host suporta é recomendado).
- Acesso de administrador — necessário para instalar plugins e editar Aparência.
- Internet de saída — os menus são projetados no serviço Navi+ e renderizados através de um script carregado de
https://live.naviplus.app/start.js. Veja a seção 8. Serviços externos & privacidade.
2. Instale o plugin
Três métodos de instalação são detalhados na página de instalação dedicada: Instale o plugin Navi+ AI Menu Builder — pesquisa de administrador (recomendado), upload de ZIP ou FTP / gerenciador de arquivos.
Após a ativação, o plugin aparece em Aparência → Naviplus Menu Builder na barra lateral do administrador.
3. Após a ativação
- Vá para Aparência → Naviplus Menu Builder.
- Crie seu primeiro menu seguindo o fluxo na tela. O plugin conecta automaticamente seu site ao Navi+ na primeira salvamento — você não precisa criar uma conta Navi+ previamente.
- Projete o layout no editor visual do Navi+ AI Menu Builder, aberto a partir do painel do WordPress.
A estrutura e os estilos do menu vivem no serviço Navi+; o WordPress armazena apenas um identificador de site que permite ao Navi+ reconhecer sua instalação — isso não é sua senha do WordPress e não é um token que você precisa gerenciar.
Passo a passo completo: Crie seu primeiro menu.
4. Escolhendo um layout para visitantes móveis
Navi+ suporta vários tipos de menu. Para sites com foco em dispositivos móveis, estes geralmente funcionam melhor:
| Layout | Quando usar |
|---|---|
| Tab Bar | Acesso rápido a 3–5 destinos primários, ancorados perto da parte inferior da viewport (ou onde quer que você o coloque no editor). |
| Slide Menu (hamburger) | Muitos itens ou categorias profundas — economiza espaço em telas pequenas. |
| Mega Menu | Menus ricos em conteúdo — ótimo em desktop; em dispositivos móveis, verifique os alvos de toque e o comportamento de rolagem no editor. |
| Grid Menu | Atalhos de categoria e páginas hub. |
| FAB (botão flutuante) | Ações rápidas (suporte, contato) que não devem ocupar espaço no cabeçalho. |
Após ajustar o layout, sempre teste em um dispositivo real — ou pelo menos no modo responsivo do navegador.
Para instruções específicas do WordPress por tipo de menu:
- Tab Bar — Publicar no WordPress
- Mega Menu (Desktop) — Publicar no WordPress
- Mega Menu (Mobile) — Publicar no WordPress
- Slide Menu — Publicar no WordPress
- FAB — Publicar no WordPress
- Grid Menu — Publicar no WordPress
Para uma comparação completa, veja Visão geral: Escolha o menu certo.
5. Exibir menus em todo o site
- No admin do plugin, você pode habilitar a incorporação em todo o site (incorporação global). Quando ativado, o runtime é injetado em cada página e menus fixos (Tab Bar, FAB, Slide) são renderizados automaticamente em todo o site.
- Se você quiser apenas menus em algumas páginas (por exemplo, páginas de destino apenas para dispositivos móveis), desative a incorporação em todo o site e use o shortcode (seção 6).
O rótulo exato e a posição do interruptor podem variar de acordo com a versão do plugin — procure na tela de configurações do plugin em Aparência → Naviplus Menu Builder.
6. Incorpore um menu em um post, página ou widget (shortcode)
Use o shortcode:
[naviwp embed_id="YOUR-EMBED-ID"]
Substitua YOUR-EMBED-ID pelo Embed ID do seu menu (mostrado no editor no painel de publicação do menu — parece com SF-123456789).
Gutenberg (editor de blocos):
- Insira um bloco Naviplus Menu Builder e cole seu Embed ID na barra lateral do bloco, ou
- Adicione um bloco genérico Shortcode com
[naviwp embed_id="..."], ou - Cole
[naviwp embed_id="..."]diretamente dentro de um bloco Parágrafo — o plugin o reconhece.
Elementor / Divi / Bricks / outros construtores:
- Use o widget Shortcode do construtor e cole
[naviwp embed_id="..."].
Mais detalhes e todos os três métodos do Gutenberg: Publique seus menus.
7. Desativar ou ocultar temporariamente menus
- Desative o plugin → o runtime para de carregar; nenhum menu Navi+ é renderizado em qualquer lugar do seu site.
- Desative a incorporação em todo o site no admin do plugin → os menus só são renderizados em páginas que incluem um shortcode
[naviwp]ou bloco. - Mude um menu para Rascunho no editor → esse menu específico não é mais publicado, mesmo que o runtime esteja carregado.
- Remova um shortcode de uma página ou widget → o menu desaparece apenas naquele local.
Seus menus no serviço Navi+ são preservados em todos esses casos. Reinstalar ou reativar o plugin e reutilizar os mesmos IDs de incorporação os traz de volta sem nenhuma reconstrução.
8. Serviços externos & privacidade
O plugin se conecta ao serviço Navi+ AI Menu Builder para criar e renderizar seus menus. Os dados trocados podem incluir (sem limitação): seu domínio do site, sua configuração de menu, e dados mínimos de uso necessários para renderização.
- Política de privacidade: https://naviplus.io/privacy
- Carregador de script:
https://live.naviplus.app/start.js
Se você opera sob uma estrutura de privacidade que exige a divulgação de serviços de terceiros (por exemplo, GDPR), liste Navi+ e a URL do carregador de script em seu aviso de privacidade do site.
9. Links úteis
| Recurso | URL |
|---|---|
| Página do plugin WordPress.org | https://wordpress.org/plugins/naviplus-menu-builder/ |
| Fórum de suporte WordPress.org | https://wordpress.org/support/plugin/naviplus-menu-builder/ |
| Página inicial Naviplus | https://naviplus.io |
| Política de privacidade | https://naviplus.io/privacy |
| FAQ do plugin (este site) | Navi+ AI Menu Builder FAQ |
10. Resumo rápido
- Instale & ative a partir do WordPress.org ou um upload de ZIP.
- Abra Aparência → Naviplus Menu Builder → crie seu menu e projete-o no editor do Navi+.
- Escolha um layout adequado para dispositivos móveis: Tab Bar / hamburger / FAB.
- Escolha a exibição em todo o site ou
[naviwp embed_id="..."]para páginas específicas. - Teste em um dispositivo real antes de ir ao ar.
Esta página pode ser atualizada à medida que novas versões do plugin são lançadas; a versão canônica e o changelog estão na página do plugin WordPress.org.