Passar para o conteúdo principal

Como personalizar o Header da sua loja?

O Header (cabeçalho) é uma das partes mais importantes da sua loja virtual, pois é o primeiro ponto de contato visual e de navegação para os seus clientes.

Para configurar e personalizar a aparência, ícones, ações extras e imagens do seu cabeçalho, siga o caminho abaixo:

  1. No painel administrativo da sua loja, acesse o menu lateral esquerdo e clique em Personalização (ícone de monitor).

  2. Na seção Conteúdo, clique em Header.

O que você pode configurar no Header?

A página de configuração do Header está dividida em blocos práticos para facilitar a edição:

1. Logo

  • Visualização da Logo: É exibida a logo atual presente no cabeçalho do seu site.

  • Endereço de destino: Altere o link para o qual a logo deve direcionar ao ser clicada. Para links internos da sua loja, utilize o caminho relativo (ex: /categoria/camisetas).

  • Posição da logo: Defina o alinhamento e a disposição da logo tanto na versão para computador (Padrão) quanto no Celular (Centro, etc.).

2. Cores do header

  • Cor de fundo: Escolha a cor de fundo que melhor combina com a identidade visual da sua marca.

  • Cor do texto: Defina o padrão de cor para os textos e ícones presentes na seção.

3. Comportamento

Nesta seção, você ajusta a dinâmica de exibição e interatividade do cabeçalho:

  • Menu na linha abaixo da logo: Deixe o menu de navegação posicionado logo abaixo da logo, em vez de na mesma linha.

  • Fixar menu no topo: Mantenha o header fixo na parte superior da tela durante a rolagem (scroll) da página.

  • Ocultar botões de ação: Oculte atalhos rápidos como carrinho, login, entre outros, se desejar um visual mais limpo.

4. Decorações e Elementos Extras

  • Ativar decorações: Ative elementos visuais adicionais no header.

  • Ícones personalizados, ícones extras e imagens personalizadas: Adicione selos, bandeiras ou ícones customizados para enriquecer ainda mais o topo da sua loja.

Precisa de ajuda com outra configuração? Explore os outros artigos da nossa central de ajuda.

Respondeu à sua pergunta?