Como adicionar um cabeçalho de site
Com o criador de sites da SendPulse, você pode adicionar o elemento de Cabeçalho para destacar pontos-chave e garantir uma navegação sem problemas.
Neste artigo, vamos falar sobre como adicionar um cabeçalho de sites usando o criador de sites da SendPulse.
Você pode adicionar um cabeçalho a uma ou todas as páginas do site.
Adicionar o elemento
Clique em Adicionar bloco e na seção Cabeçalho, selecione um modelo.
Os widgets do seu cabeçalho podem variar dependendo do modelo. Por padrão, inclui uma ou duas linhas e os widgets de Logo, Menu, Mídias sociais e Botão.
Configurar o layout
Linhas
Uma linha é uma seção personalizável com parâmetros predefinidos. Para modificar uma linha, passe o mouse sobre ela e selecione Editar no menu suspenso Linha.
Você pode editar, adicionar, mover para cima e para baixo, excluir e personalizar as linhas conforme suas preferências. Para personalizar uma linha, clique em Editar e ajuste sua cor de fundo, imagem de fundo, preenchimento interno, espaçamento entre colunas e alinhamento de conteúdo.
Personalizar o conteúdo
Widgets
Você pode editar os widgets do seu modelo atual ou adicionar novos para melhorar seu cabeçalho. Passe o mouse sobre um widget e clique em + Adicionar widget.
Você pode adicionar os widgets Botões, Texto, Pagamento, Chatbots, Mídias sociais, Login, Menu e Logo.
O widget de Login é exclusivo para sites de cursos. Você só pode adicionar o widget de Logo ao cabeçalho do seu site uma vez. Leia mais: Como criar um site: Adicionar widgets.
Itens do menu
Você pode personalizar os itens do menu do seu cabeçalho. Clique no ícone de lápis para editar um nome e link e selecione como seus links serão abertos ao serem clicados (na guia atual ou em uma nova).
Para duplicar, excluir ou adicionar submenus, clique no menu suspenso. Os submenus têm as mesmas configurações, incluindo nome, link e opção de abertura.
Clique em Adicionar para adicionar um novo item de menu ao cabeçalho do seu site.
Saiba mais: Como adicionar um menu ao site.
Logo
Você pode colocar o logo da sua marca no cabeçalho do seu site. Para fazer isso, adicione um novo widget com seu logotipo ou selecione um existente.
Clique no ícone de upload para fazer upload de um novo logo. Clique no ícone de lápis para editar sua imagem ou adicionar texto e links a ela. Se precisar remover seu logo, clique no ícone da lixeira.
Personalizar a aparência
Parâmetros do bloco
Você pode personalizar a aparência do cabeçalho do seu website. Passe o mouse sobre seu cabeçalho e clique no ícone de lápis (Configurações do bloco) à esquerda. Você pode personalizar seu cabeçalho usando as seguintes opções:
| Cor de fundo | Selecione uma cor de fundo na paleta. |
| Imagem de fundo | Selecione um arquivo no gerenciador de arquivos ou faça o upload do seu próprio arquivo. Você pode adicionar um arquivo com no máximo 5 MB. |
| Largura total da tela | O cabeçalho do seu website será exibido em toda a largura do seu website. |
| Fixar ao topo do site |
O cabeçalho do seu website será fixado como o elemento superior do website. Você pode usar esta opção se não houver outro elemento fixado no website. |
| Adicionar um divisor entre as linhas |
As linhas do cabeçalho do seu website serão separadas. Você pode usar esta opção se o cabeçalho do seu website tiver várias linhas. |
Versão para dispositivos móveis
Selecione Visualização em dispositivo móvel para ver como o cabeçalho do seu website será exibido para os usuários móveis.
Visualização
Na seção Visualização, você pode personalizar seu cabeçalho usando as seguintes opções:
| Ocultar elementos do cabeçalho atrás de um ícone | Ative este botão para ocultar elementos do cabeçalho atrás de um ícone. |
| Cor de fundo | Selecione uma cor de fundo na paleta. |
| Cor do texto | Selecione uma cor de texto na paleta. |
| Posição e estilos do ícone | Selecione uma posição do ícone (à direita ou à esquerda) e especifique seu tamanho: pequeno (P), médio (M) ou grande (G). Selecione uma cor de ícone na paleta. |
| Preenchimento interno | Defina o preenchimento interno do seu cabeçalho em pixels. |
| Alinhar conteúdo | Alinhe seu cabeçalho à esquerda, ao centro ou à direita. |
Conteúdo
Você pode personalizar o conteúdo do seu cabeçalho para usuários móveis. Na seção Conteúdo, você verá os widgets do cabeçalho do seu site. Para ocultá-los em dispositivos móveis, desmarque suas caixas de seleção.
Saiba mais: Como ajustar a versão móvel do seu site.
Personalizar estilos de menu
Você também pode personalizar os estilos do seu menu. Para fazer isso, selecione a seção Estilos do menu. Você pode personalizar seu menu usando as seguintes opções:
| Posição e recuo dos itens do menu | Selecione como posicionar seus itens de menu (horizontalmente ou verticalmente). Especifique o tamanho dos seus itens de menu: pequeno (P), médio (M) ou grande (G). |
| Estilo de texto | Defina o tamanho do texto em pixels. Selecione um caso de sentença ou maiúsculas. Especifique seu estilo de fonte (negrito ou itálico). Selecione uma cor de texto na paleta. |
| Efeito de destaque | Selecione um efeito de destaque:
|
| Estilo de texto do submenu | Defina o tamanho do texto em pixels. Selecione um caso de sentença ou maiúsculas. Especifique seu estilo de fonte (negrito ou itálico). Selecione uma cor de texto. |
| Cor de fundo do submenu | Selecione uma cor de fundo na paleta. |
Copiar o ID
Cada elemento tem um ID que o define na página. Este ID ajuda você a adicionar estilos e scripts, personalizar a exibição do seu pop-up e rastrear eventos relacionados a este elemento.
Para copiar o ID do seu cabeçalho, clique nele. Para editar o ID, clique no ícone de lápis.
Saiba mais: ID de bloco e widget.
Última Atualização: 23.05.2024
ou