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.
Faixa de aviso no topo do site
Tudo é feito no seu aparelho: nada é enviado para a internet.
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
- Escreva o texto e o link.
- Escolha as cores, o botão de fechar e a data final.
- 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.