Cabeçalho do site: 11 estilos e todas as opções
Escolha entre 11 estilos de cabeçalho e ajuste faixa de contatos, botão de chamada, altura da logo, cores e fixação ao rolar.
Neste artigo
O Cabeçalho é o topo de todas as páginas do site: logotipo, menu, favoritos e um botão de chamada. No Editor visual ele aparece na aba Blocos, no grupo "Cabeçalho · todas as páginas", como uma parte fixa (com cadeado). Clique nele para abrir as opções; o que você mudar vale para o site inteiro.
Antes de começar
- O cabeçalho não pode ser excluído nem copiado (faz o site funcionar), mas tem muitas opções.
- Logotipo, telefone, e-mail, redes sociais e as páginas do menu não se editam aqui: vêm de e .
Como abrir
- Abra a aba Blocos.
- Clique em "Cabeçalho" (ícone de cadeado) ou clique no topo do site, na prévia.
- Ajuste os campos e confira na prévia.
123- 1O cabeçalho fica na aba Blocos (este botão volta para lá), com cadeado: é uma parte fixa.
- 2Opções do Cabeçalho, para todas as páginas.
- 3Na prévia, o topo do site.
Estilo do cabeçalho (11 opções)
| Estilo | Como é |
|---|---|
| Com faixa de contatos | Logo à esquerda, menu e botões na mesma linha. A faixa de contatos no topo aparece quando o campo "Mostrar faixa de contatos" está ligado. |
| Clássico | O mesmo desenho linear: logo, menu e botões numa linha. |
| Centralizado | Logo no centro; redes sociais à esquerda e ações à direita; o menu vem numa linha logo abaixo. |
| Transparente sobre o banner | O cabeçalho flutua em cima da foto do banner, com letras brancas; ao rolar ganha fundo. Só funciona na página inicial; nas outras páginas vira Clássico. |
| Compacto com busca | Logo e um campo "Buscar pelo código do imóvel" com botão Buscar (só no computador); menu na linha de baixo. |
| WhatsApp em destaque | Botão verde grande "Chamar no WhatsApp" e o telefone "Ligue agora" no topo. |
| Luxo: logo no meio do menu | O menu se divide em duas metades e a logo fica no centro; telefone à esquerda. Na página inicial fica transparente sobre o banner. No celular a logo sai do menu. |
| Barra flutuante arredondada | Barra com cantos arredondados que "flutua" sobre o banner na página inicial. |
| Duas linhas: contatos e menu colorido | Primeira linha com a logo, telefone, e-mail e horário (ou cidade); segunda linha com o menu numa barra colorida, onde fica o botão de chamada. |
| Minimalista | Menu limpo, com muito espaço em branco. |
| Barra escura de contatos + WhatsApp | Barra escura no topo com o telefone ("Ligue agora") e botão do WhatsApp. |
12- 1Estilo do cabeçalho: 11 opções, de Clássico a Luxo.
- 2A prévia muda assim que você escolhe.
As demais opções
- Mostrar faixa de contatos no topo: liga/desliga a faixa fininha com telefone, WhatsApp, e-mail, horários, redes e idiomas. Também depende de o recurso "Faixa de contatos no topo" estar ligado em Recursos do site.
- Cabeçalho fixo ao rolar a página: o topo acompanha o visitante enquanto ele desce a página.
- Botão de chamada: "Anuncie seu imóvel", "Falar no WhatsApp", "Fale conosco" ou "Sem botão". O botão "Anuncie" só aparece com o recurso Anuncie seu imóvel ligado.
- Mostrar ícone de favoritos: o coração com o contador de imóveis favoritos.
- Altura da logo (px): de 28 a 110 (padrão 54). Arraste o controle ou digite o número.
- Cor de fundo: pinta o cabeçalho com a cor escolhida.
- Cor do menu: muda a cor das palavras do menu.
- Menu em letras maiúsculas: liga/desliga.
1234- 1Faixa de contatos no topo.
- 2Cabeçalho fixo ao rolar a página.
- 3Botão de chamada: Anuncie, WhatsApp, Fale conosco ou nenhum.
- 4Ícone de favoritos.
1234- 1Altura da logo, de 28 a 110 px.
- 2Cor de fundo do cabeçalho.
- 3Cor do menu.
- 4Menu em letras maiúsculas.
Dica: no cabeçalho "Transparente", "Luxo" ou "Flutuante" o texto do menu é branco sobre a foto. Use um banner escuro (aumente "Escurecer a imagem") para não perder a leitura.
Se o menu mostra páginas demais ou de menos, o ajuste não é aqui: o menu é montado a partir das páginas marcadas para aparecer no menu, de Comprar/Alugar/Temporada/Lançamentos (só se houver imóveis), de Equipe, Blog e Contato. Veja Menu do site.
Perguntas frequentes
Escolhi "Transparente" e só aparece na página inicial.
É assim mesmo: nas demais páginas não há banner por baixo, então o editor usa o estilo Clássico automaticamente.
Não aparece o botão que escolhi.
O botão "Anuncie seu imóvel" depende do recurso ligado em Recursos do site; o do WhatsApp depende de ter o número cadastrado.
Veja também
Este artigo ajudou?