PT
PortuguêsEnglishEspañol
Todas as ferramentas
Ferramentas para programador 100% grátis

Barra de aviso para site (faixa no topo)

Escreva o recado, coloque o link e escolha as cores. Quem fechar a faixa não a vê de novo, e ela pode sumir sozinha depois da data que você marcar.

Voltar para Blocos prontos para site

Faixa de aviso no topo do site

Tudo é feito no seu aparelho: nada é enviado para a internet.


Disponível em: Português

Publicidade

Barra de aviso para site (faixa no topo): para que serve

A faixa no topo do site é o jeito mais simples de avisar sobre promoção, frete grátis, horário especial de feriado ou uma novidade, sem atrapalhar a navegação.

Escreva o recado, o link e escolha as cores. O código lembra no navegador de quem fechou para não mostrar de novo (até você mudar o texto), pode sumir sozinho depois de uma data e pode ficar fixa ao rolar. A faixa entra no início da página, ocupando o espaço desde o carregamento, para não empurrar o conteúdo e prejudicar o CLS.

Como usar

  1. Escreva o texto e o link.
  2. Escolha as cores, o botão de fechar e a data final.
  3. Copie e cole logo depois da tag body.

Quando usar

  • Promoção de Black Friday.
  • Aviso de horário de feriado.
  • Frete grátis ou cupom de desconto.

Perguntas frequentes

Como a barra lembra que a pessoa fechou?

O código guarda no navegador da pessoa (localStorage) que aquele aviso foi fechado. Se você mudar o texto, a chave muda junto e o novo aviso aparece para todo mundo de novo.

A faixa atrapalha o SEO ou o carregamento?

Não, ela é HTML e CSS leves. Para não empurrar a página depois que já carregou (o que piora a métrica CLS do Google), o código coloca a faixa no início do body, ocupando o espaço desde o começo, e só a retira se a pessoa já tiver fechado.

Dá para mostrar só até uma data?

Sim. Preencha a data final e a faixa deixa de aparecer depois dela, sem você precisar entrar no site para tirar.

É grátis mesmo?

Sim, 100% grátis. Sem cadastro, sem assinatura e sem limite de uso. Todas as ferramentas do Ferramentas123 são gratuitas e rodam direto no seu navegador.

Ferramentas parecidas

As ferramentas são oferecidas como estão, sem garantia. Não nos responsabilizamos pelos resultados nem pelo uso que se faz deles.