Como adicionar uma Barra de notificações

Crie e ajuste o estilo de uma mensagem que aparecerá nas suas páginas.

Ultima atualização 20 de Janeiro de 2025

Você pode usar a barra de anúncios para exibir uma mensagem personalizada acima do site. Essa é uma ótima maneira de anunciar uma venda, uma promoção, uma mudança de horário ou outras atualizações importantes.

A barra de notificações aparece em todas as páginas do site, exceto as Páginas de Entrada. Ela não pode ser personalizada ou ativada em cada página.

announcement-bar.png

Acessando o recurso

A barra de avisos está disponível nos planos Essencial, Plus, Avançado, Business, Commerce Básico e Commerce Avançado. Saiba mais em "Escolhendo o plano certo no Squarespace".

Assista a este vídeo

Criar uma Barra de Notificações

Para adicionar uma barra de notificações:

  1. Abra o painel "Barra de notificações".
  2. Selecione Ativar barra de avisos no menu suspenso.
  3. Digite o texto da barra de notificações no campo. O texto pode ser em negrito ou itálico, e você pode criar links de texto.
  4. Para que a barra de notificações inteira vire um link, digite o endereço da web do URL de clickthrough ou clique em "a para instalar um tipo diferente de link.
  5. Clique em Salvar para publicar a barra de notificações.
  1. Toque em Mais, depois em Marketing e depois em Barra de anúncios.
  2. Toque para ativar a opção Mostrar
  3. Digite o texto da barra de notificações no campo. Você pode editar o estilo do texto e criar links de texto.
  4. Toque em Link para adicionar um link a uma página, um arquivo ou outro conteúdo.
  5. Toque em Salvar para publicar a barra de notificações.

Estilizar a barra de notificações

Você pode estilizar a barra de notificações para que ela combine com a sua marca ou para que se destaque do conteúdo do site.

A barra de notificações segue sua fonte geral e as cores escolhidas para o seu site, mas você pode estilizá-la separadamente.

Para alterar a fonte:

  1. Ao editar uma página, abra "Estilos do site" e clique em > ao lado de Fontes.
  2. Clique em Alocar estilos.
  3. Na Barra de notificações, clique em Texto.
  4. Escolha um dos estilos e tamanhos predefinidos ou selecione Personalizado.
  5. Clique em Salvar.

A cor da barra de avisos geralmente corresponde ao esquema de cores do cabeçalho. Quando o cabeçalho é transparente, ele corresponde ao tema da seção a seguir. Quando o cabeçalho fica oculto, ele segue o tema padrão do site.

Para alterar a cor:

  1. Ao editar uma página, abra "Estilos do site" e clique em > ao lado de "Cores".
  2. Clique no ícone de lápis no tema que a barra de anúncios segue.
  3. Na Barra de notificações, ajuste o Fundo e o Texto.
  4. Clique em Salvar.

Para personalizar o visual da barra de notificações:

  1. Abra o painel "Estilos do site".
  2. Role para baixo até os ajustes de estilo da barra de notificações.
  3. Você pode editar a cor de fundo, a cor do texto e a fonte.
  4. Clique em Salvar.

Redefinir visibilidade

Se você fechar a barra de notificações (usando o X no canto superior direito) enquanto estiver conectado ao site, um botão Redefinir visibilidade será exibido na parte inferior do painel Barra de notificações. Para fazer com que a barra de notificações reapareça quando você estiver conectado, clique em Redefinir visibilidade. Isso é útil para testar e editar o site.

Clicar em Redefinir visibilidade reinicia a barra de notificações somente se você estiver conectado ao Squarespace. Não restaura a barra de notificações para os visitantes que a fecharam. Para que a barra de notificações reapareça para todos os visitantes que a fecharam, edite a barra de notificações e salve suas alterações.

Desative a barra de notificações

Para desativar a barra de notificações: 

  1. Abra o painel "Barra de notificações"
  2. Selecione Desativar a barra de avisos no menu suspenso.

Para desativar a barra de notificações: 

  1. Toque em Mais, depois em Marketing e, em seguida, toque em Barra de avisos.
  2. Toque no botão Mostrar para desativar. 
  3. Toque em Salvar.
Footer Image
  • Peça ajuda à nossa comunidade

  • Peça ajuda à nossa comunidade sobre personalizações avançadas.

  • Contrate um Squarespace Expert

  • Ganhe destaque on-line com a ajuda de um designer ou desenvolvedor experiente.

Como adicionar uma Barra de notificações