Menus de Navegação no Construtor de Funis e Sites do LeadSeed

Os menus de navegação permitem que os visitantes do seu funil ou site se movam facilmente entre as páginas e seções do seu conteúdo. Com o construtor do LeadSeed, você pode criar menus personalizados com links internos, URLs externas, submenus em cascata e rolagem suave para âncoras na mesma página.

O que você vai aprender

Como adicionar, configurar e personalizar um menu de navegação nas páginas do seu funil ou site no LeadSeed.

Passo a passo

  1. Acesse o editor do seu funil ou site No menu lateral, clique em Sites e depois em Funis ou Sites. Selecione o projeto desejado e clique em Editar na página onde quer inserir o menu.

  2. Adicione o elemento de menu de navegação Dentro do editor, clique em Adicionar Elemento na seção onde o menu vai aparecer. Localize a opção Menu de Navegação na lista de elementos disponíveis e clique para inseri-lo na página.

  3. Clique no menu para abrir as configurações Com o elemento de menu selecionado, o painel de configurações abrirá no lado direito da tela. Ali você verá a lista de itens do menu e as opções para adicionar novos.

  4. Crie e configure os itens do menu Clique em Adicionar Item para incluir um novo link no menu. Para cada item, defina:

    • Título: o texto que aparecerá no menu (ex.: "Sobre", "Serviços", "Contato").
    • Link: o destino do clique — pode ser uma página interna do funil, uma URL externa ou uma âncora dentro da mesma página (usando #nome-da-secao).
  5. Adicione submenus (opcional) Para criar um submenu em cascata, selecione um item pai existente e clique em Adicionar Sub-item. Preencha o título e o link do sub-item. Você pode aninhar múltiplos níveis para criar menus suspensos com vários links agrupados.

  6. Reordene os itens conforme necessário Arraste os itens da lista para reorganizá-los na ordem que preferir. Os sub-itens sempre ficam vinculados ao item pai correspondente.

  7. Ajuste o estilo visual do menu Acesse a aba Estilo no painel lateral para personalizar fonte, cor dos textos, cor de fundo, efeito de hover, espaçamento entre os itens e aparência dos submenus suspensos. O menu se adapta automaticamente a telas menores.

  8. Ative a opção de quebra de linha (Wrap), se necessário Se o menu tiver muitos itens e ficar cortado em telas menores, ative a opção Wrap nas configurações. Isso faz com que os itens que não cabem na linha se movam automaticamente para a linha seguinte, mantendo o layout organizado.

  9. Salve e publique a página Clique em Salvar e depois em Publicar. Acesse a página no navegador e teste cada link do menu para confirmar que todos os destinos estão corretos.

Resultado esperado

Após a configuração, o menu de navegação aparecerá na posição escolhida na página, com todos os links funcionando corretamente. Em dispositivos móveis, o menu se adaptará automaticamente ao tamanho da tela. Submenus suspensos aparecem ao passar o cursor (ou ao tocar, em celulares), e links de âncora ativam uma rolagem suave até a seção correspondente.

Artigos relacionados