Como adicionar um menu no Criador de Sites com IA

Os menus são para organizar o conteúdo do site e direcionar os usuários para as páginas que você deseja.

O site criado pela IA (Inteligência Artificial) no Novo Criador de Sites disponibiliza o menu principal, que contém os botões para páginas como “Sobre”, “Serviços”, “Avaliações” e “Contato”.

Para adicionar um novo menu e configurá-lo no site, confira como fazer:

• Etapa 1: Criar um menu
• Etapa 2: Inserir o menu no site

Etapa 1: Criar um menu

1No Editor do Criador de Sites com IA, no menu lateral, clique no ícone de três linhas (CMS)

2Em seguida, clique em Menus

3 Em “Crie ou selecione um menu”, clique na seta do campo

4Em seguida, clique em Criar novo menu

5No campo que abrir, dê um título para o novo menu

6Para criar o menu, clique no ícone +

7Em seguida, clique no menu criado

8No menu lateral, selecione os itens que deseja que sejam exibidos no menu – Podem ser categorias, páginas, posts e links personalizados

9 Após selecionar os itens, clique em Adicionar ao menu

10Os itens selecionados serão adicionados ao menu. Para definir como serão abertos ao acessar, clique no ícone de engrenagem

A) Rótulo de navegação - caso deseje alterar o nome do item de menu ou adicionar um complemento, pode incluir neste campo

B) Página inicial ou abrir em uma nova guia - defina se ao clicar neste item de menu, será exibido diretamente na página do site ou em uma nova guia do navegador

C) Link personalizado (Custom Link) - caso tenha selecionado incluir um item de menu com um link específico, insira a URL correspondente, o título e para abrir em nova guia do navegador, marque a caixa de seleção

11Para reorganizar os itens no menu, clique, arraste e solte na posição que deseja

12Você também pode definir submenus - Um submenu é uma parte do menu principal. Ao clicar ou passar o mouse sobre uma opção do menu principal, o submenu aparece com mais opções relacionadas.

Para isso, clique e segure com o botão direito do mouse na opção que será o submenu, arraste até o item de menu principal e solte quando o contorno pontilhado se mover um pouco para a esquerda — assim o submenu ficará posicionado com um recuo. 

13Para concluir, clique em Salvar alterações

14Agora, confira como inserir o menu criado no site

Etapa 2: Inserir o menu no site

1 Ainda no Editor do Criador de Sites com IA, no menu lateral, clique no ícone + (Adicionar elementos)

2No campo de busca, procure por Menu

3Na opção encontrada, clique, arraste e solte no site na posição que deseja

4Em seguida, clique no elemento de menu adicionado

5Na margem exibida, clique no ícone de seta

6No menu de ferramentas, clique no ícone de menu

7Em “Menu”, você pode escolher como deseja que seja exibido no site. Abaixo selecione a opção que deseja e confira como configurar:

• A) Com o nome dos botões
• B) Com o ícone de três linhas - que ao clicar são exibidas as opções do menu 

Com o nome dos botões

A) Selecione o menu que deseja inserir - Conforme o menu criado na Etapa 1

B) Faça um hambúrguer - essa opção é para o menu ser acessado através do ícone de três linhas, neste caso mantenha desativada - Em “Cinza” significa que essa função está desativada e em “Azul” ativada

C) Orientação - escolha a posição que deve ser exibidos os itens do menu ao passar o cursor do mouse sobre o menu principal.

Com o ícone de três linhas

A) Selecione o menu que deseja inserir - Conforme o menu criado na Etapa 1

B) Faça um hambúrguer - para o menu ser acessado através do ícone de três linhas, clique no botão para ativar - Ativada, será exibido na cor “Azul”, em “Cinza” significa que essa função está desativada

C) Tamanho - arraste o cursor da barra para aumentar ou diminuir o tamanho do ícone de menu

D) Posição da gaveta - para definir de qual lado da tela o menu será exibido quando o usuário clicar no ícone de três linhas (hambúrguer)

E) Ícone de fechar a gaveta - Exiba o ícone X para fechar o menu quando o usuário clicar no "ícone de três linhas". Para ativar, clique no botão - Ativado, será exibido na cor “Azul”, em “Cinza” significa que essa função está desativada

8Ainda no menu de ferramentas, use os outros recursos para editar e personalizar - Cor, alinhamento, estilo, efeitos, duplicar o menu adicionado ou excluir

9Para salvar as alterações, clique em Atualização

Pronto! Agora você já sabe como adicionar, configurar e personalizar um menu.