Como usar?
Um FAB (Floating Action Button) é um menu simples que sempre flutua na parte inferior da tela, tipicamente usado para suporte. Os FABs frequentemente fornecem ferramentas de chat, como WhatsApp, mensagens, e-mail, além de links para recursos de suporte e canais de mídia social para promover seu site.
Principais Benefícios:
- Simples, geralmente usado para suporte.
- Pode ser usado para agrupar botões flutuantes de outros aplicativos ou para acionar um Slide Menu.
- Coloca links importantes ao alcance fácil para acesso rápido e conveniente
- Centraliza a navegação chave, ajudando usuários e motores de busca a entender melhor seu site – ótimo para SEO
FAQ:
1. Eu ainda não decidi se vou usar a versão gratuita ou paga. Posso experimentar os modelos de menu profissional?
Absolutamente! Os grupos de menu são principalmente para ajudar iniciantes a evitar se sentir sobrecarregados por recursos avançados no Navi+ 😄. A melhor maneira é experimentar os menus profissionais para explorar todos os recursos e opções de layout. Mais tarde, você pode simplesmente excluir qualquer menu que não precise ou ache inadequado.
2. Criar um menu aqui faz com que ele apareça no meu site imediatamente?
Ainda não. Você precisará publicar o menu correto para que ele apareça no seu site. Não se preocupe — é fácil!
3. E se eu escolher o modelo errado ou cometer um erro?
Sem problemas. Você pode excluí-lo e criar um novo a qualquer momento. Se você estiver testando um menu e quiser experimentar outro modelo, pode salvar o atual como um arquivo de backup e reabri-lo mais tarde. Você pode até copiar e colar partes entre menus (abrindo duas abas do navegador) para manter seu trabalho anterior. Sinta-se à vontade para experimentar!
4. Devo criar apenas um menu ou vários?
Você deve criar vários menus. Apenas o menu ativo será exibido no seu site, mas você pode preparar muitas versões — selecionando diferentes modelos ou clonando menus. Menus podem ser configurados para mostrar/ocultar com base no tipo de página (início, produto, coleção...), dispositivo (móvel ou desktop) ou palavras-chave de URL. Então, vá em frente e construa menus que se encaixem em cada situação!
Passo 1: Edite a árvore de menu
1.1. Entendendo a Árvore de Menu
A árvore de menu é a parte mais importante de qualquer menu — ela define a estrutura.
Aqui está um exemplo de uma árvore de menu:
Suporte
- Banner
- Chat conosco (Exibido como Grupo)
- Whats App
- Telegram
- Facebook Messager
- ...
Esta é uma árvore de menu de 2 níveis. Você pode criar até 3 níveis em um FAB, dependendo da sua criatividade; no entanto, para simplicidade, 2 níveis são geralmente a escolha ideal.
Você passará a maior parte do seu tempo construindo esta árvore de menu para seu site, ajudando os clientes a encontrar o conteúdo que estão procurando.
1.2. Interações Básicas com a Árvore de Menu
Você pode arrastar e soltar itens de menu para cima e para baixo ou para a esquerda e para a direita para mudar sua posição e relacionamentos pai-filho na árvore de menu.
Quando você passa o mouse sobre qualquer item de menu, verá opções adicionais: editar os detalhes do item, excluí-lo da árvore de menu ou copiá-lo e colá-lo em outro lugar.
Dica: Você pode copiar um item de menu de um menu para outro abrindo o aplicativo Navi+ em duas abas do navegador.
1.3. IMPORTANTE! Exclua os itens de menu de exemplo e mantenha apenas a estrutura que você deseja.
Esta é uma situação comum ao criar um menu com o Navi+. Quando você cria um novo menu, incluímos um exemplo completo com itens de menu populares para mostrar ideias de layout e permitir que você copie/cole conforme necessário. No entanto, se você é novo no Navi+ e está usando o plano Starter, verá muitos avisos vermelhos (i) para recursos que não estão disponíveis, como fazer upload de imagens ou usar interações avançadas.
Se você gosta desses recursos avançados, considere atualizar para um plano Business ou Elite. Mas se você quiser continuar com o plano Starter, por favor, encontre e exclua os itens de menu com avisos vermelhos (i).
Dica Importante: Quando a confirmação de exclusão aparecer, ative “Não perguntar novamente na próxima vez” para excluir mais rápido.
1.4. Adicione itens de menu à Árvore de Menu
Para adicionar um item de menu, você tem duas opções:
Opção 1 **(Não recomendado se você é novo no Navi+)**: Clique em “Adicionar menu” para inserir um item de menu em branco no final da árvore de menu. Este método requer um bom entendimento das configurações do item de menu, que abordaremos abaixo. Pode parecer esmagador no início, então você pode explorar isso mais tarde.
Opção 2 (Recomendada): Já preparamos muitos modelos de itens de menu bem projetados para você. Basta copiá-los e colá-los no lugar certo. Depois de terminar sua árvore de menu, basta excluir os modelos não utilizados.
Passo 2: (Shopify) Publique o menu no seu site.
2.1. Ative o Navi+ em Embeds de Aplicativos
Passo 1: Clique em Loja Online, depois clique em Temas. Dicas: Clique com o botão direito em Loja Online e selecione “Abrir Link em Nova Aba” para economizar tempo.
Passo 2: Selecione o tema onde deseja publicar o menu. Clique: Personalizar
- Se seu site é novo e ainda não tem usuários, sinta-se à vontade para publicar o menu sem preocupações — você pode facilmente ativá-lo ou desativá-lo a qualquer momento sem afetar os visitantes.
- Se seu site já tem tráfego regular, seja mais cuidadoso. A melhor prática é criar um Tema duplicado e testar o Navi+ nessa versão primeiro.
Passo 3: Vá para Embeds de Aplicativos, encontre “Navi+ em Todas as páginas” e ative-o.
Passo 4: Não se esqueça de clicar em “Salvar” para aplicar as alterações.
Após esses 4 passos, o Navi+ foi instalado no seu site e está pronto para ser exibido. No entanto, o processo ainda não está completo. Volte para a aba do aplicativo Navi+ para realmente ativar Publicar Menu.
2.2. Selecione as configurações de exibição e publique o menu.
Passo 1: Clique no botão Publicar no site.
Passo 2: Escolha as configurações de exibição e depois PUBLIQUE O MENU.
