A barra de notificação é uma faixa fixa no topo do site que exibe oferta, aviso ou captura de e-mail sem ocupar o conteúdo. Segundo a Nielsen Norman Group (2023), usuários ignoram elementos com cara de anúncio. Uma barra discreta, com cookie de dispensa, converte mais que pop-up agressivo. Comece medindo o CTR por dispositivo.

A barra de notificação no WordPress resolve um problema específico: avisar ou converter sem interromper a leitura como faz um pop-up. Ela vive fixa no topo (ou rodapé), ocupa de 40 a 60 px de altura e some quando o visitante dispensa. Funciona para captar e-mail, anunciar frete grátis, sinalizar manutenção ou puxar tráfego para uma oferta. Neste guia você instala a barra com e sem plugin, configura cor, gatilho e cookie, e mede o resultado por dispositivo. Veja também os guias de marketing WordPress da FULL para o contexto de conversão completo.

Primeiros passos: O que é uma barra de notificação

A barra de notificação é uma faixa horizontal fixa, normalmente de 40 a 60 px, que aparece acima ou abaixo do conteúdo do site. Diferente do pop-up, ela não bloqueia a tela: o visitante lê a mensagem e continua navegando. Por isso costuma ter CTR mais estável entre 1% e 4% em campanhas de captura de e-mail, sem o atrito de fechar uma janela modal.

A tabela abaixo separa os três formatos que a gente mais vê em sites na base FULL, com o caso de uso de cada um. Use-a para decidir antes de instalar qualquer plugin.

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 escolher

• Se você quer só captar e-mail em um site → use o Hello Bar grátis ou o widget do tema.
• Se você precisa de teste A/B e segmentação por página → escolha o OptinMonster por assinatura.
• Se você já usa Elementor PRO → use o widget de barra nativo e evite plugin extra.
• Se você usa Crocoblock e tem header sticky → use o JetSticky para controlar z-index e offset.
• Se você gerencia vários sites de clientes → consolide tudo no bundle da FULL e corte assinaturas avulsas.

Para gerar o link de WhatsApp que muitas barras de rodapé usam como CTA, a FULL tem o Gerador de Link WhatsApp gratuito e sem instalação. Antes de fechar a oferta da barra, vale revisar como construir uma lista de e-mails no WordPress para o destino do cadastro fazer sentido. Quem mira conversão por outros canais pode ver plugins Elementor para gerar mais leads e conversões.

Perguntas frequentes sobre barra de notificação

Próximos passos para ativar sua barra de conversão

A barra de notificação é o elemento de conversão de menor atrito no WordPress: instala em 15 minutos, não dispara banner blindness e não infla o CLS quando você declara a altura. O segredo está nos detalhes que a maioria pula: cookie de dispensa, objetivo único, contraste 4.5:1 e teste por dispositivo. Comece com uma barra simples, meça por 14 dias e só então adicione segmentação. Para continuar aprendendo, o FULL Academy reúne tutoriais, guias e reviews de WordPress em um só lugar.