| Formato | Melhor caso de uso | Atrito para o visitante |
|---|---|---|
| Barra fixa no topo | Frete grátis, aviso, captura de e-mail | Baixo: não cobre o conteúdo |
| Barra com contagem regressiva | Promoção com prazo, lançamento | Médio: cria urgência visível |
| Barra flutuante no rodapé | Cookie, WhatsApp, suporte | Baixo: fica fora do foco de leitura |
Legenda: a barra fixa no topo mantém a oferta visível sem cobrir o texto, ao contrário do pop-up modal.
--- ## Por que escolher uma barra de notificação em vez de pop-up A barra de notificação ganha do pop-up em três frentes mensuráveis: não dispara banner blindness, não penaliza Core Web Vitals e não viola a regra de intersticial do Google em mobile. Uma faixa discreta, integrada à cor da marca, escapa do filtro do usuário melhor que um modal central no meio da tela. A Nielsen Norman Group, autoridade global em pesquisa de usabilidade com rastreamento ocular, mostra que o visitante desvia o olhar de qualquer elemento parecido com anúncio. Há um ganho técnico que poucos artigos citam. O pop-up modal injeta um overlay de tela cheia que infla o CLS quando carrega após o LCP. A barra de notificação fixa reserva sua própria altura no topo e tende a não mexer no layout depois da pintura inicial, desde que você defina a altura no CSS. Em sites na base FULL, boa parte dos chamados de "layout pulando no celular" some quando a equipe troca o pop-up por uma barra com altura declarada. --- ## Passo a passo: Como instalar a barra de notificação em 5 passos Instalar a barra de notificação leva cerca de 15 minutos e tem dois caminhos: plugin dedicado (Hello Bar, OptinMonster) ou recurso nativo do tema e do builder (Astra PRO, Elementor PRO). Os cinco passos abaixo valem para o caminho com plugin, que é o mais rápido para quem não mexe em código. Quem usa Elementor PRO pode pular o passo 1 e usar o widget de barra do próprio builder. ### Passo 1: Instale o plugin de barra de notificação Escolha o plugin pelo objetivo, não pela popularidade. Para captura simples de e-mail, o Hello Bar resolve em minutos e tem plano grátis. Para segmentação por página e teste A/B, o OptinMonster entrega mais controle, mas exige assinatura. Instale via Plugins, Adicionar novo, busque o nome exato e ative. Confira a nota e a data de atualização na ficha do repositório oficial do WordPress.org antes de instalar qualquer plugin de terceiros. ### Passo 2: Defina o objetivo e a mensagem da barra Defina um único objetivo por barra: captar e-mail, anunciar promoção ou avisar sobre manutenção. Uma barra de notificação com dois pedidos ("assine e compre") dilui o clique e derruba o CTR. Escreva uma frase de até 90 caracteres com verbo de ação e benefício concreto, do tipo "Ganhe 10% no primeiro pedido". Veja como amarrar essa oferta a um lead magnet no WordPress para aumentar a taxa de cadastro. ### Passo 3: Configure cor, posição e CTA Configure a cor com contraste suficiente para passar no critério de acessibilidade WCAG AA (relação 4.5:1 entre texto e fundo). Posicione a barra no topo para avisos e captura; no rodapé para cookie e WhatsApp. O botão de CTA (call to action) precisa de rótulo direto, como "Quero o desconto", nunca "Enviar". Mantenha a altura entre 40 e 60 px para não comer área útil no mobile, onde a viewport já é estreita. ### Passo 4: Ative o cookie de dispensa e as regras de exibição Ative o cookie de dispensa para que o visitante que fechou a barra não a veja de novo por 7 a 30 dias. Sem esse cookie, o visitante recorrente recebe a mesma oferta a cada page view, o que gera fadiga e queda de CTR ao longo da semana. Configure também regras de exibição: mostrar só em posts de blog, esconder no checkout do WooCommerce, exibir após 3 segundos ou 30% de scroll. Essas regras evitam a barra atrapalhar quem já está comprando. ### Passo 5: Publique e teste em desktop e mobile Publique a barra e teste nos dois ambientes antes de comemorar. No mobile, verifique se a barra fixa não cobre o menu hambúrguer quando o tema tem header sticky, problema comum no Astra PRO em viewport abaixo de 480 px. Faça um teste A/B de cor e texto por pelo menos 14 dias antes de declarar um vencedor. Acompanhe o CTR por dispositivo: barra que converte 3% no desktop costuma render menos no celular. --- ## Quais plugins de barra de notificação usar no WordPress Quatro ferramentas cobrem a maior parte dos casos: Hello Bar, OptinMonster, Elementor PRO e Crocoblock JetSticky. Cada uma compete por uma dimensão diferente, e a escolha errada custa horas de retrabalho. O Hello Bar é o mais simples e tem plano grátis para uma barra; o OptinMonster cobra a partir de US$9 ao mês pela segmentação avançada. O OptinMonster compete por teste A/B nativo, com gatilho de saída (exit intent). O Elementor PRO dispensa plugin extra: o builder já traz widget de barra integrado ao tema, o que reduz peso de página. Para quem usa Crocoblock, o módulo JetSticky transforma qualquer seção em barra fixa com controle fino de z-index e offset. Essa granularidade ajuda no caso do header sticky que citamos acima. Se você ainda está comparando, a lista dos melhores plugins de barra de notificação do WordPress detalha preço e limite de cada um. Para alternativas de tema, veja como adicionar uma hello bar ao seu site WordPress sem assinar nada. --- ## Como medir e otimizar a conversão da barra de notificação Medir a barra de notificação exige três métricas: impressões, cliques e conversões finais. O CTR isolado engana, porque uma barra pode ter 5% de clique e só 0,2% de cadastro confirmado se o formulário de destino for ruim. Conecte a barra ao Google Analytics 4 como evento e acompanhe a taxa de conversão real. O plugin de social proof também ajuda: combinar a barra com prova social aumenta a confiança no clique, como mostra o caso de plugin de social proof para WordPress. Otimize em ciclos de 14 dias, mudando uma variável por vez: primeiro o texto, depois a cor, por último a posição. Mudar tudo de uma vez impede saber o que funcionou. Em VPS com pouca RAM e plugin de barra pesado, o preload da barra pode atrasar a interatividade; nesses casos, carregue o script da barra de forma assíncrona e teste o impacto no LCP no PageSpeed Insights. --- ## Onde a FULL entra: Barra de notificação sem custo avulso Montar uma stack de conversão plugin a plugin sai caro: Hello Bar pago, OptinMonster por assinatura, mais o builder. No plano PRO da FULL, por R$849 ao ano com direito a 10 sites, você ativa Elementor PRO, WPForms, Crocoblock e mais 14 plugins premium em um clique, o que dá cerca de R$85 por site. É a diferença entre licenciar cada ferramenta de barra de notificação separada e ter o bundle pronto, ativável em um clique no painel. A gente vê no suporte da FULL que muita equipe paga três assinaturas mensais para montar o que um único plano anual já entrega, e ainda perde tempo conciliando licenças que vencem em datas diferentes. Com 150 mil sites conectados, esse padrão de stack fragmentada aparece toda semana nos chamados. Veja os planos da FULL e compare o valor anual com o custo avulso da sua stack atual de barra e captura. --- --- --- ## Decisão rápida: Qual barra de notificação escolherSim. Temas como Astra PRO trazem barra nativa no Personalizar, e o Elementor PRO tem widget de barra integrado, dispensando plugin extra. Sem builder, dá para usar HTML e CSS no header do tema, com altura fixa de 50 px e um cookie em JavaScript para a dispensa. A vantagem é menos peso de página; a desvantagem é não ter teste A/B pronto.
Porque dois erros minam o CTR: ausência de cookie de dispensa e excesso de pedidos. Sem cookie, o visitante recorrente vê a mesma oferta a cada page view e passa a ignorá-la, fenômeno ligado à banner blindness que a Nielsen Norman Group documentou. E uma barra com dois CTAs ao mesmo tempo dilui o clique. Uma barra de notificação com objetivo único e cor de contraste 4.5:1 tende a recuperar parte dessa queda.
Hello Bar é o nome de um plugin específico que popularizou o formato; barra de notificação é o termo genérico para qualquer faixa fixa no topo ou rodapé. Na prática, toda hello bar é uma barra de notificação, mas nem toda barra usa o plugin Hello Bar. O Hello Bar tem plano grátis para uma barra, enquanto soluções como OptinMonster cobram a partir de US$9 ao mês por segmentação avançada.
Varia de grátis a US$49 ao mês. O Hello Bar tem plano gratuito limitado a uma barra; o OptinMonster começa em torno de US$9 mensais e sobe conforme o tráfego. Comprar cada plugin avulso encarece rápido. No bundle PRO da FULL, por R$849 ao ano com 10 sites, sai cerca de R$85 por site com Elementor PRO, WPForms e Crocoblock inclusos, o que cobre a barra sem assinatura separada.
Meça três números: impressões, cliques e conversões confirmadas. O CTR sozinho engana, porque uma barra pode ter 5% de clique e só 0,2% de cadastro válido se o formulário de destino for ruim. Conecte a barra ao Google Analytics 4 como evento e acompanhe a conversão final por dispositivo. Otimize em ciclos de 14 dias, mudando uma variável por vez para isolar o que funcionou.