Passar para o conteúdo principal

Como Criar e Configurar Menus no WordPress com Elementor Pro

Aprenda a criar menus no WordPress, tanto o menu principal quanto menus adicionais no rodapé. No final, você saberá criar menus do zero, adicionar páginas, links personalizados, categorias e conectar tudo ao seu cabeçalho feito no Elementor Pro.

🧭 Quando usar

  • Ao montar o menu principal do site

  • Ao criar links institucionais no rodapé

  • Ao editar ou substituir o menu padrão do tema

  • Ao conectar menus personalizados ao header criado no Elementor Pro

✅ Pré-requisitos

  • WordPress instalado

  • Elementor Pro ativo (necessário para editar o Header no Theme Builder)

  • Páginas e categorias já criadas (opcional, mas recomendado)

🛠️ Passo a passo

Passo 1 – Localizar o Header (cabeçalho) no Elementor Pro

  1. Acesse Modelos » Theme Builder (Construtor de Tema).

  2. Clique em Header (ou “Rider”, dependendo da tradução do seu WP).

  3. Localize o header ativo (marcado como Site inteiro).

  4. Clique em Editar para abrir no Elementor.

  5. Dentro do header, encontre o widget Nav Menu — é aqui que você escolhe qual menu aparece no topo.

Passo 2 – Criar um menu novo no WordPress

  1. No painel, vá em Aparência » Menus.

  2. Clique em Criar um novo menu.

  3. Dê um nome (ex.: Menu Home 02).

  4. Clique em Criar menu.

Passo 3 – Adicionar itens ao menu

  1. Adicione páginas como: Sobre nós, Loja, Minha conta etc.

  2. Para adicionar links personalizados, escolha:

    • Coloque a URL

    • Defina o nome que aparecerá no menu

  3. Para adicionar categorias de post, use a seção Categorias.

  4. Para mostrar categorias de produtos, ative em Opções de Tela (topo da página) o item Categorias de produto.

Passo 5 – Salvar e vincular o menu no Header

  1. Com o menu já criado e salvo, volte ao Theme Builder.

  2. Abra o header e clique no widget Nav Menu.

  3. Em Menu, selecione o novo menu criado (ex.: Menu Home 02).

  4. Clique em Atualizar.

Passo 6 – Revisar no site

  1. Abra o site e pressione CTRL + F5 para limpar o cache.

  2. Confira o novo menu aparecendo no cabeçalho.

🧩 Exemplos práticos

  • Exemplo 1:
    Entrada: Menu com Sobre nós, Loja, Minha conta
    Saída esperada: Menu principal simples e direto no header.

  • Exemplo 2:
    Entrada: Menu com categorias de produto (Novidades, Mais vendidos)
    Saída esperada: Menu com navegação dinâmica usando categorias WooCommerce.

🧪 Solução de problemas

  • Erro/Sintoma: O menu não aparece no Header
    ​Causa provável: Menu não selecionado no widget Nav Menu
    ​Como resolver: Abra o Header no Elementor e selecione o menu correto.

  • Erro/Sintoma: Categorias de produto não aparecem na lista
    ​Causa provável: Opções de tela não habilitadas
    ​Como resolver: Clique em Opções de Tela e ative Categorias de produto.

  • Erro/Sintoma: Links âncora não funcionam
    ​Causa provável: ID da seção não corresponde ao link
    ​Como resolver: Verifique o ID no Elementor e ajuste no menu.

🔎 Referências e links úteis

🗂️ Metadados

  • Categoria: Navegação e estrutura

  • Subcategoria: Menus e organização

  • Tags: menu, header, footer, Elementor, WordPress, navegação

  • Nível: intermediário

  • Atualizado em: 2025-11-14

Artigos relacionados
Respondeu à sua pergunta?