21 exemplos de Hello Bar para aumentar conversões e estimular sua criatividade

As barras de saudação são uma das maiores ferramentas de marketing já inventadas. Com sua capacidade de permanecer no lugar sem bloquear a visualização da página pelos visitantes, são incríveis para atrair a atenção dos usuários da maneira menos invasiva possível. Você pode adicioná-las ao topo ou ao rodapé de qualquer página para anunciar novos produtos, tentar convencer os usuários a se inscreverem, oferecer incentivos, alertá-los sobre mudanças importantes, perguntar sobre suas preferências e servir a uma infinidade de outros propósitos. 

Isso é apenas a ponta do iceberg. Se você deseja aprender mais sobre como usar este instrumento de forma eficaz, pegue uma bebida refrescante e vamos proceder com uma análise detalhada.

O Que É uma Barra de Saudação & Como Pode Beneficiá-lo?

Então, o que é uma barra de saudação? Também conhecida como barra flutuante ou barra adesiva, uma barra de saudação é um tipo de pop-up que fica no topo ou no rodapé de uma página da web. Seus principais benefícios são: 

• Normalmente aparece imediatamente ao visitar uma página específica = atrai a atenção do público para a sua mensagem
• Permanece no lugar enquanto rola e só fecha quando o botão de recusa é clicado = mantém a atenção enquanto navega na página
• Não sobrepõe o restante do conteúdo do site = garante uma experiência de cliente discreta e fidelidade ao seu negócio.

Definição de Barra de Saudação

Essencialmente, todos esses nomes incorporam certas características desse tipo de pop-up. É uma barra que você anexa ao topo ou rodapé de uma página, e ela é:

• Incorporada à página e aparece imediatamente = ela saúda seus visitantes.
• Ligada a permanecer no mesmo lugar = ela adere ao topo ou rodapé da página.
• Flutuando no fundo enquanto as pessoas continuam navegando = ela flutua.  

A Funcionalidade das Barras de Anúncio

O design de uma barra de saudação difere do design de pop-ups de bloqueio de conteúdo e tela cheia. Em particular, é muito menor, então não interfere na visualização do conteúdo do seu site pelos visitantes ou interrompe o processo de compra deles. Mas, apesar do seu tamanho compacto, ainda pode entregar suas mensagens importantes para clientes e prospects. Diferentes exemplos de barras de saudação podem conter:

• Ofertas e descontos personalizados para clientes 

Use este modelo

• Ofertas por tempo limitado ou promoções relâmpago

Use este template

• Ofertas dedicadas a certos feriados

Use este template

• Anúncios de vendas, novas coleções ou atualizações de produtos

Use este template

• Convite para se inscrever na sua newsletter

Use este template

• Avisos sobre inconveniências temporárias

Use este template

• Notificações sobre mudanças no horário de funcionamento da loja

Use este template

• Chamada para doações e participação em caridade

Use este template

Qualquer que seja o propósito da sua barra de boas-vindas, você pode implementá-lo com os templates totalmente personalizados do Claspo e o editor simples de arrastar e soltar.

Dicas Profissionais para o Processo de Criação do Hello Bar

Criar uma barra flutuante é relativamente fácil, especialmente ao usar construtores de pop-ups intuitivos. No entanto, alguns aspectos críticos devem ser considerados antes de lançá-la no seu site.

• Seja conciso. Dada a pequena dimensão dos hello bars, você precisa usar esse espaço limitado com sabedoria. Portanto, evite descrições detalhadas dos seus bestsellers e promoções. Em vez disso, mantenha sua mensagem direta e foque apenas nos principais pontos de atenção e benefícios para o cliente. Os templates de barra flutuante do Claspo são concisos, mas eficazes. Assim, você pode apenas escolher um deles e editar seu texto e design conforme suas necessidades.
• Foque no design. Metade dos clientes considera o design um fator essencial na formação de uma opinião sobre um negócio. A barra de saudação, por sua vez, é um elemento crucial do seu site. Se o design for ruim ou inconsistente com sua marca, pode estragar a experiência. Portanto, você deve adaptar as cores, imagens, fundo e outros componentes do pop-up ao design geral do site. Mas com o Claspo, isso não é um problema. Além disso, você sempre pode pré-visualizar como sua barra de saudação fica em telas de desktop e móveis antes de salvá-la.

• Torne a barra de saudação amigável para dispositivos móveis. Hoje, 67% dos compradores fazem compras apenas em sites amigáveis para dispositivos móveis. Portanto, não importa quais ofertas lucrativas suas barras de saudação promovam, elas só serão convertidas se adaptadas para a versão móvel. Assim, após verificar a aparência do seu pop-up em uma tela móvel, edite sua altura e largura para corresponder ao layout da página, se necessário. Alternativamente, o Claspo permite que você exiba a barra flutuante apenas no tipo de dispositivo selecionado.

• Não tenha pressa em dizer olá. Embora o nome sugira que a barra de saudação deva dar as boas-vindas aos clientes, recomendamos atrasar sua exibição por alguns segundos. Acredita-se que os pop-ups que aparecem após o visitante passar 5-8 segundos na página se convertem melhor. No entanto, você sempre pode confiar na duração média da sessão do seu site para escolher o tempo adequado e especificá-lo com um clique ao configurar sua barra de saudação no construtor Claspo.

Cuide dos seus clientes. Sim, barras flutuantes não bloqueiam o conteúdo do site, mas ainda "perseguem" os visitantes enquanto eles rolam a página, o que pode irritar alguns. Portanto, certifique-se de que o botão de saída no seu pop-up esteja visível e fácil de clicar. Isso permitirá que você ofereça uma experiência não intrusiva aos visitantes e aumente as conversões, já que pop-ups com um botão de saída convertem aproximadamente 14% melhor. Este botão está incluído em todos os templates de barra flutuante da Claspo por padrão. Além disso, você pode melhorar a experiência do cliente interrompendo a exibição do pop-up se o visitante não interagir por um determinado tempo ou fechá-lo.

21 Exemplos de Hello Bar para Encantar e Induzir Seus Visitantes

Barras flutuantes são incrivelmente multidimensionais. Explore uma ampla seleção delas, e você encontrará designs de layout inovadores, materiais promocionais inspiradores, ideias criativas para barras de anúncio, botões de CTA atraentes, configurações de exibição verdadeiramente delicadas e mais. Claro, é impossível mencionar todos os exemplos que merecem elogios. Portanto, vejamos alguns que são práticos e inspiram sua criatividade.       

1. Hello Bar da Apolis

Esta loja de bolsas de mercado customizável ilustra que o layout da sua barra não precisa ser convencional. Naturalmente, você coloca seus descontos e ofertas no centro. No entanto, quando você os coloca no canto superior esquerdo, logo acima do logotipo, pode até aumentar sua visibilidade. Além disso, você pode usar o outro canto para adicionar algumas funcionalidades do site, como links de contato e preferências de moeda, para economizar espaço e mascarar o pop-up como um elemento inerente à página. 

2. Hello Bar da Soon Skincare

A loja promove estilisticamente seu novo recurso Compre Agora, Pague Depois e um atraente frete grátis, complementando-o com um claro chamado para ação e uma animação que não exacerba os visitantes. 

3. Hello Bar da Perfect Keto

Esta plataforma recorre ao marketing de escassez e destaca que a oferta é limitada. Também torna a oferta um pouco mais íntima e exclusiva ao incluir um emoji de rosto pedindo silêncio. Claro, a animação anima o botão de CTA e aumenta sua visibilidade.

4. Hello Bar da Munk's Pack

Uma oferta de desconto é sempre um bom começo para as relações entre comprador e vendedor. Especialmente quando é implementada de uma maneira tão criativa. As barras de navegação e de saudação se assemelham tanto às camadas de um lanche saboroso que dá vontade de dar uma mordida.   

5. Barra de Saudação do Liquor's Loot

Quem disse que você só pode ter uma barra flutuante? Esta loja de bebidas online criou um pop-up para suas vantagens regulares, como preços exclusivos para membros, opção de Comprar Agora, Pagar Depois e frete grátis. Em seguida, eles a acompanham com um alerta vermelho para a proposta urgente que desperta no visualizador o medo de estar perdendo algo. 

6. Barra de Saudação do Lunar's Beauty

Uma oferta de frete grátis é sempre irresistível. Especialmente, quando o design combina com o conceito da marca e parece verdadeiramente 'fora deste mundo'. 

7. Barra de Anúncio da Tropicfeel

A loja não se limita a combinar um anúncio de oferta lucrativa com uma chamada para ação. Ela permite que os usuários se livrem dessa barra se ela interromper seu processo de compra, adicionando um botão de fechamento.

8. Barra de Anúncio da Birchbox

Esta notificação de cookies possui todos os elementos essenciais para atender aos requisitos de privacidade dos visitantes do site. Ela informa que a plataforma usa cookies e explica que isso é feito para proporcionar uma melhor experiência de compra. Além disso, permite que as pessoas personalizem as configurações caso desejem.  

9. Barra de Saudação da Peel

Apenas um negócio muito lucrativo, nada excessivo ou exagerado. Isso representa minimalismo e eficiência ao seu melhor. 

10. Barra de Saudação da Homes' Alive

Esta loja de produtos para pets concede aos seus clientes muita liberdade. Eles podem usar setas para ignorar manualmente os anúncios ou fechar a barra de uma vez se assim desejarem. 

11. Barra de Anúncio da Drop

Naturalmente, uma oferta de frete grátis é clássica, quase todo mundo tem. Por outro lado, capitalizar na recente série geradora de hype da Amazon Prime ‘The Rings of Power’ promovendo Teclados Drop + The Lord of the Rings de edição limitada é uma jogada ousada e relevante. Merecedores ou não dos fãs de Tolkien, eles ainda são impressionantes. Além disso, usá-los não será fácil, a menos que você seja um devoto do trabalho do Professor ou conheça Elvish e Dwarvish.   

12. Barra de Saudação do Italic

A barra de saudação desta loja contém muitas informações, mas permanece completamente minimalista e não invasiva para o seu espaço pessoal. Aqui você pode encontrar o slogan deles, mencionar o produto mais requintado e linkar para novos lançamentos, acompanhado por um convite para participar do programa de indicação deles ou da membership club Italic Bold (um pouco fora do tópico, mas o slogan deles ‘It Pays to Be Bold’ é uma verdadeira joia).

13. Barra de Anúncios da Rothy’s

Muitos negócios esquecem como devoluções gratuitas podem ser atraentes, mas não a Rothy’s. Além disso, eles usam a tática ‘o pássaro madrugador pega o verme’ para promover sua nova colaboração com antecedência. 

14. Barra de Saudação da Apple

Este é um exemplo de regras de exibição eficazes e personalização. Você é da Alemanha? O site identificará isso e mudará o idioma da mensagem. Agora você pode confirmar a localização para obter uma experiência mais relevante. Mas se você ainda quiser que os visitantes não percam suas ofertas especiais, pode integrar um outro pop-up abaixo da barra de navegação.

15. Barra de Saudação da Airbnb

O renomado fornecedor de acomodações aplica uma barra fixa para economizar espaço no site e ainda garantir acesso instantâneo às funcionalidades ou categorias mais críticas, incluindo preferências de idioma/moeda, suporte, detalhes da empresa, destinos e mapa do site. 

16. Barra de Saudação da Dahlias Flower Truck

As barras de saudação são incomparáveis em sua capacidade de informar seus visitantes imediatamente que algumas mudanças importantes ocorreram em seu modo de operação. Por exemplo, você está em licença de maternidade, mas ainda está aberto a administrar certos tipos de pedidos. Além disso, como o pop-up está sempre visível na página inicial, não há chance de os visitantes esquecerem acidentalmente das informações importantes.

17. Barra de Saudação da FullContact

Conhecer uma nova plataforma pode ser um pouco desorientador. É por isso que oferecer aos seus novos usuários um link para o produto ou serviço mais popular pode se transformar em uma verdadeira ajuda.

18. Barra de Saudação da Global Privacy Control

Este pop-up é uma ilustração de como a tecnologia moderna pode ser sofisticada. Primeiro, ele indica que você usa o software. Em seguida, apresenta um link para testar se tudo está funcionando corretamente. É uma funcionalidade útil, impressionante e encantadora. 

19. Hello Bar do CookiePro

As oportunidades de colocar elementos de mídia dentro de uma barra fixa são bastante limitadas. Mesmo assim, esta empresa conseguiu inserir graciosamente um megafone chamativo em sua promoção de teste gratuito. Eles até adicionaram um botão de fechar para ser menos intrusivo.  

20. Hello Bar do Spotify

Quem disse que as barras flutuantes devem ficar apenas na parte superior da página? Se isso não se adequa ao seu layout, não hesite em colocá-la na parte inferior. 

21. Barra de Anúncios do Casper

Gostaria de colocar tudo o que atrai os clientes em uma só barra? Siga o exemplo desta loja de camas. Ela oferece entrega gratuita, um teste sem riscos e a opção de Comprar Agora, Pagar Depois, tudo em um só lugar. Além disso, este pop-up se encaixa perfeitamente com a barra de navegação.  

Use Hello Bars no seu Site para Aumentar o Engajamento 

Uma hello bar é uma ótima adição ao seu site, independentemente de você estar procurando por diferentes exemplos de barras de anúncio, ideias de promoções, alertas de informações ou avisos de cookies. Com a seleção contemporânea de regras de exibição, integrações e capacidades de design, você pode transformá-la em um elemento inerente ao seu layout que não irrita seus visitantes, mas ao mesmo tempo, sempre chama atenção.

Como a Claspo Pode Ajudar Você

Sim, a Claspo oferece modelos prontos de hello bars atraentes e permite que você os personalize completamente em um editor intuitivo. Mas, na verdade, isso é apenas parte das funcionalidades que tornam nosso construtor de pop-ups a melhor solução para o seu negócio online. 

• Proteção contra incômodos e sobreposição. Sua estratégia de site pode incluir outros pop-ups além da barra flutuante. Se for esse o caso, a Claspo permite que você defina um intervalo de silêncio entre suas exibições para melhorar a experiência do usuário. Se suas configurações exigirem a exibição simultânea de dois ou mais pop-ups, a Claspo garante protegê-los contra sobreposição.
• Segmentação por URL. Pop-ups entregues no contexto adequado têm comprovadamente taxas de conversão mais altas. Com isso em mente, a Claspo permite que você defina sua hello bar para aparecer apenas em páginas específicas do site. Por exemplo, se o seu pop-up anunciar um desconto em uma coleção feminina, seria mais apropriado colocá-lo na página da categoria de produto correspondente do que na página inicial, e ainda mais em uma página com produtos masculinos.
• Segmentação por UTM. 65% dos compradores escolhem apenas aquelas marcas que oferecem promoções direcionadas. Com a segmentação UTM do Claspo, você pode atender a essa exigência e exibir barras de saudação personalizadas para visitantes que vieram ao seu site após uma campanha de marketing específica ou de uma fonte particular. Simplificando, clientes que receberam seu boletim informativo por e-mail anunciando vendas e clientes que vieram da publicidade no Instagram podem ver barras de saudação totalmente diferentes em seu site!
• Geotargeting. Você pode exibir barras flutuantes dependendo do país, região ou cidade onde seus clientes estão localizados. Isso funciona muito bem se, por exemplo, sua loja em uma cidade específica estiver temporariamente fechada, e você precisar notificar os clientes locais sobre isso. Em outro cenário, você pode anunciar promoções diferentes para diferentes países em seu site e garantir que apenas o segmento certo de audiência veja sua mensagem.
• Configurações dinâmicas de idioma. Graças a este recurso do Claspo, você pode adaptar o idioma da mensagem da sua barra de saudação para um público multilíngue. Para isso, você cria uma pop-up com uma mensagem em diferentes idiomas em nosso builder. Depois disso, os visitantes verão o texto correspondente ao idioma que escolheram no site ou aquele que corresponde ao seu navegador.