Editor Wix: criar um menu de janela pop-up de tela cheia

5 min de leitura

Use o elemento janela para criar um incrível menu pop-up de tela cheia. Quando os visitantes clicam no botão "Menu", ele abre sobre o conteúdo do seu site, como no exemplo abaixo:

Comece adicionando qualquer janela do painel Elementos ao seu site. Você irá refazer o design mais tarde.

Para adicionar uma janela:

Clique em Elementos no lado esquerdo do Editor.
Selecione Interativo.
Selecione uma janela para adicioná-la ao seu site.

Após adicionar uma janela, configure-a para que ela não seja exibida automaticamente toda vez que os visitantes acessarem seu site. Depois, faça o design da sua janela para que fique como você quiser e adicione um menu vertical.

Para configurar a janela:

Clique na janela no seu Editor.
Clique no ícone Configurações .
Renomeie sua janela para algo reconhecível, como "Menu".
Selecione Não em Mostrar janela automaticamente.

Exclua todos os elementos dentro da janela. Não exclua o ícone "X".
Adicione um menu vertical à janela.
Faça o design do seu menu. Recomendamos que suas fontes do menu sejam grandes e centralizadas.
Quando estiver tudo pronto, clique em Sair do modo na parte superior.

Dica:

Você também pode personalizar o background da janela e a sobreposição do background para combinar com o seu site. Deixe o background um pouco transparente para um efeito legal!

Agora que sua janela e menu estão prontos, adicione o botão que os visitantes clicam para acessar o menu. Em seguida, vincule o botão à janela.

Para adicionar um botão:

Clique em Elementos no lado esquerdo do Editor.
Selecione Decorativo.
Selecione Formas básicas.
Clique em Mais formas básicas.

Digite "menu" na barra de busca e pressione Enter.
Selecione um design de botão de menu e clique em Adicionar à página.
Dica: coloque o botão de menu em um local de destaque no seu site, como o cabeçalho.
Selecione o botão de menu no seu Editor.
(Opcional) Clique no ícone Design para fazer o design do seu botão do menu.
Clique no ícone Link .
Selecione Janela à esquerda.
Escolha sua janela no menu dropdown.
Clique em OK.

Dicas:

Coloque o botão do menu em um local de destaque em seu site. Esse local pode ser o cabeçalho ou você pode preferir usar o recurso Posição fixa recurso para fixá-la na parte superior do seu site. Se o botão do menu não for colocado no cabeçalho, então certifique-se de configurá-lo para que seja exibido em todas as páginas.
Você também pode criar seu próprio botão do menu. Pode ser um botão de texto, botão de ícone ou uma forma diferente; você escolhe! Veja alguns exemplos abaixo: