Como configurar o cabeçalho e o logo da loja

O cabeçalho é a faixa do topo da loja, com o logo, a busca, o menu, a conta do cliente e o carrinho. No editor visual você escolhe um modelo pronto e ajusta cada detalhe. A tarefa é do administrador ou de quem tem a permissão Conteúdo da loja.

Passo a passo

1. 1

   Abra o cabeçalho

   Em Personalizar Loja, clique em Editar tema e depois em Cabeçalho, no topo da barra lateral. Você também pode clicar no cabeçalho da pré-visualização.

2. 2

   Escolha um modelo

   Em Modelos de cabeçalho, clique num modelo. Há Estruturas (como Clássico centralizado, Menu ao lado do logo, Busca em destaque, Marketplace, Três níveis e Minimalista) e Visuais prontos (estrutura Padrão). Aplicar um modelo troca a estrutura e o visual, mas mantém seu logo, menu, textos e barras.

3. 3

   Envie o logo

   Abra o grupo Logo e use Upload ou Galeria no campo Logo do cabeçalho. Ajuste Largura do logo, Largura do logo no celular e Altura da área do logo. Vazio, o cabeçalho usa o logo de Configurações > Personalização, aba Imagens, campo Logo. Sem nenhum dos dois, aparece o nome da loja.

4. 4

   Ajuste a busca e os ícones

   No grupo Busca, escolha entre ícone, barra sempre visível ou ocultar. Em Ícones e conta, ligue ou desligue Mostrar conta / meus pedidos, Mostrar carrinho e Mostrar atendimento.

5. 5

   Configure a barra de promoções

   No grupo Barra de promoções, em O que mostrar na barra, escolha Mensagens definidas aqui e adicione até 10 mensagens, como frete grátis ou parcelamento. Se preferir usar as mensagens cadastradas fora do editor, escolha Mensagens de Configurações › Personalização › Barra de promoções. Escolha a Animação: Alternar mensagens ou Letreiro (rolando).

6. 6

   Defina o comportamento ao rolar

   No grupo Comportamento ao rolar, ligue Fixo no topo ao rolar para o cabeçalho acompanhar a página e escolha o Efeito ao rolar.

7. 7

   Publique

   Confira na pré-visualização, no computador e no celular, e clique em Publicar.

De onde vem o conteúdo

O quadro De onde vem o conteúdo mostra a origem do logo, do menu, da barra de promoções e do atendimento. Se o grupo Menu do cabeçalho estiver vazio, a loja usa o Menu de Navegação de Loja & Conteúdo. Se você colocar links em Links do menu, eles substituem aquele menu só no cabeçalho.

• Logo: o enviado no grupo Logo ou, vazio, o de Configurações > Personalização, aba Imagens, campo Logo.
• Barra de promoções: as mensagens do próprio editor ou, com a opção Mensagens de Configurações › Personalização › Barra de promoções, as da aba Barra de promoções daquela tela.
• Atendimento: o Link do atendimento ou, vazio, o WhatsApp de Configurações > Personalização, aba Contato e rodapé.

Outros grupos úteis

• Cores e fundo: cor de fundo, cor do texto e ícones, borda, sombra, efeito vidro e altura do cabeçalho.
• Barra utilitária (topo): uma faixa fina acima do cabeçalho com um texto curto e até 4 links rápidos.
• Modelo (estrutura): troca só a estrutura e mantém suas cores e fontes. Opções que a estrutura não usa ficam escondidas.