Configurar a barra de navegação e o rodapé

Neste artigo vamos te mostrar como editar a barra de navegação e o rodapé da sua loja: os links do menu, o login, os ícones de redes sociais e o botão de arrependimento.

Para conhecer o funcionamento geral, consulte Loja baseada em blocos.

ONDE CONFIGURAR​

A barra de navegação e o rodapé são blocos fixos: cada um tem seu próprio editor e ambos são compartilhados por todas as páginas da loja.

1. Vá em Painel de Controle > Configurações > Interface > Aparência.

2. Clique em Editar na linha Barra de navegação ou na linha Rodapé.

Tenha em mente estas regras:

QUANDO AS MUDANÇAS CHEGAM AOS SEUS VISITANTES​

As mudanças na barra de navegação e no rodapé são salvas no rascunho da Home e chegam aos seus visitantes quando você publica a Home com Publicar. Se mudar de ideia, você pode usar Reverter para a versão publicada. Para ver os passos, consulte Editar e publicar uma página em Aparência.

A única exceção é o botão de arrependimento, que é salvo imediatamente (explicamos abaixo como funciona).

BARRA DE NAVEGAÇÃO​

Escolher o tipo de menu​

A configuração Menu de navegação define como os links da barra são montados. Você tem duas opções:

Opção 1: Filtros automáticos​

Escolha esta opção para selecionar quais filtros do catálogo aparecem na barra, reordená-los e renomeá-los.

1. Em Menu de navegação, selecione Filtros automáticos.

2. Use o interruptor de cada linha para mostrar ou ocultar o filtro.

3. Arraste o controle de cada linha para mudar a ordem.

4. Clique no nome de um filtro para renomeá-lo. Pressione Enter para salvar o nome ou Esc para cancelar.

5. Se você tiver mais de um filtro, o interruptor Ativar todos liga todos de uma vez.

Alguns detalhes que vale a pena saber:

• Os filtros disponíveis são os filtros do catálogo que você tem habilitados. Palavras-chave, coleções e assuntos BISAC não estão disponíveis.
• Quando o catálogo ganha um filtro novo, ele aparece na lista desativado. Você decide quando ativá-lo.
• Um filtro sem itens não é exibido aos visitantes, mesmo que esteja ativado.
• Cada menu suspenso mostra até 300 itens.
• Ao escolher um item, o visitante vê o catálogo filtrado por esse valor.
• Em uma loja nova e sem filtros você verá a mensagem "Ainda não há filtros de catálogo disponíveis". Os filtros aparecem conforme o catálogo ganha gêneros, anos e outros metadados.

Opção 2: Menu personalizado​

Escolha esta opção para montar você mesmo os links da barra, agrupando-os em menus suspensos ou como links avulsos.

1. Em Menu de navegação, selecione Menu personalizado.

2. Clique em Adicionar e escolha Link ou Grupo.

3. Se adicionar um link avulso, preencha o título e a URL.

4. Se adicionar um grupo, preencha o título e, dentro do grupo, clique em Adicionar link para incluir cada link filho com seu Texto do link e sua URL.

5. Reordene os grupos e os links avulsos do primeiro nível arrastando-os.

Alguns detalhes que vale a pena saber:

• O menu tem apenas um nível de aninhamento: um grupo contém links, mas não pode conter outro grupo.
• A URL é texto livre e o editor não verifica o formato. Digite o endereço completo, por exemplo começando com https://.
• Um grupo vazio continua no editor, mas seus visitantes não o veem. Adicione pelo menos um link.
• O editor não impõe limite de grupos nem de links.

💡 Para que um link aponte para um filtro, abra o catálogo da sua loja, aplique o filtro, copie o endereço do navegador e cole-o como URL do link em um Menu personalizado.

⚠️ Esta opção se aplica à loja baseada em blocos. Se a sua loja ainda usa o editor anterior, consulte Construir um menu no navbar da loja.

Login externo​

A seção Login externo envia seus visitantes para a sua própria página de login em vez da página da loja. Quando está configurada, aparece um selo verde Ativo.

• Texto do botão fica desabilitado até existir um endereço. Se você apagar o endereço, o rótulo também é apagado.
• Se o endereço não for válido, o editor mostra um aviso e nunca salva o valor inválido: o último endereço válido é mantido.
• Se a sua loja usa login único (SSO), o editor mostra esse endereço somente para leitura. O endereço do SSO tem prioridade sobre qualquer valor desta seção.

O que seus visitantes veem na barra​

Alguns itens dependem do visitante ou da configuração da loja, e não são controlados por este editor.

O botão Entrar abre uma janela de acesso na loja. Ele leva a outra página quando a loja usa um endereço de login externo, SSO ou a página de acesso anterior. Clientes que precisam aceitar os termos veem apenas o logo e Sair.

RODAPÉ​

O editor do rodapé permite escolher quais redes sociais aparecem como ícones e configurar o botão de arrependimento.

Redes sociais​

Cada rede é uma linha com seu ícone, seu nome e um botão Adicionar.

1. No editor de Rodapé, clique em Adicionar ao lado da rede que você quer mostrar.

2. Digite o link no campo que se abre.

3. Para remover uma rede, clique no botão para excluir o link dela.

Seus visitantes veem um ícone para cada rede que tenha um link. Seis redes ficam sempre visíveis e oito ficam em Outras redes:

O que cada campo aceita:

• Somente links que começam com http:// ou https:// são aceitos.
• Se o valor não for válido, o editor avisa que o link deve ser uma URL ou um usuário válido.
• Ao ativar a loja baseada em blocos, suas redes sociais existentes são mantidas.
• Depois de ativada, os campos de redes sociais das configurações de Marketing do editor anterior ficam ocultos.

Links legais e outros elementos fixos​

O rodapé sempre mostra estas partes, e elas não são editadas pelo editor dele:

Botão de arrependimento​

O botão de arrependimento é um link do rodapé que permite aos seus clientes solicitar o cancelamento de uma compra. No editor ele aparece como um acordeão chamado Botão de arrependimento.

1. No editor de Rodapé, abra o acordeão Botão de arrependimento.

2. Verifique se a loja tem um e-mail de suporte ou uma Página de revogação. Sem nenhum dos dois, o interruptor fica desabilitado e você verá um link Adicionar um e-mail de suporte que leva a Configurações > Básico.

3. Se as solicitações devem ir para outra página, preencha a Página de revogação. Ela deve começar com http:// ou https:// e ter no máximo 255 caracteres.

4. Ative o interruptor Mostrar na loja.

Tenha em mente:

• Por padrão ele fica desativado em todas as lojas. Qualquer loja pode ativá-lo.
• É salvo imediatamente, sem passar por rascunho e publicação.
• Seus visitantes o veem quando a loja já está no ar com a loja baseada em blocos, ou seja, quando a Home está publicada.

O que acontece quando um visitante clica:

⚠️ O texto de ajuda do interruptor indica que o botão é obrigatório na Argentina pela Resolución 424/2020. A Publica.la não o ativa automaticamente nas lojas argentinas: se você vende na Argentina, precisa ativá-lo você mesmo.

PERGUNTAS FREQUENTES​

Posso mudar as cores do rodapé? Sim, pelo tema da loja. No editor do tema, a cor de Cabeçalho e rodapé define a barra, o rodapé e as faixas coloridas. Consulte Personalizar o tema da loja. Os editores da barra e do rodapé não têm configurações de cor.

De onde vem o logo da barra? Da configuração de logo da loja, não do editor da barra. Se a loja não tem logo, a barra mostra o nome da loja.

Por que um filtro não aparece na barra? Porque está desativado na lista (os filtros novos chegam desativados) ou porque não tem itens.

Por que um grupo do menu não aparece? Porque não tem links. Adicione pelo menos um.

Por que um visitante não vê o botão Assinar? Ele só aparece para clientes logados que podem acessar assinaturas.

Posso ocultar "Desenvolvido por publica.la"? Não, ele sempre aparece no rodapé.

Por que minha loja não mostra o botão de arrependimento? Verifique se o interruptor está ativado, se a loja tem um e-mail de suporte ou uma Página de revogação, e se a Home está publicada.

Cada página pode ter uma barra diferente? Não. Todas as páginas compartilham uma barra e um rodapé. Em uma página personalizada você só pode ocultá-los ou mostrá-los. Consulte Criar páginas personalizadas e configurar o SEO.

ARTIGOS RELACIONADOS​

• Loja baseada em blocos
• Editar e publicar uma página em Aparência
• Adicionar estantes e HTML incorporado
• Personalizar o tema da loja
• Criar páginas personalizadas e configurar o SEO
• Adicionar um pop-up e um aviso na página de produto

Esperamos que este tutorial tenha sido simples para você. Se tiver dúvidas, escreva para [email protected].