Como adicionar uma barra de anúncios à Shopify

Uma barra de anúncios da Shopify (também conhecida como hello bar, banner promocional ou banner fixo) é um banner fino no topo de um site, acima da navegação. Ela costuma ser usada para destacar vantagens ao cliente que podem incentivar uma compra, como uma promoção relâmpago ou um prazo de frete grátis.  

Alguns temas da Shopify Online Store 2.0, incluindo o tema padrão Dawn, já vêm com uma barra de anúncios nativa. É um bom ponto de partida, mas bastante limitado. Com o tema Dawn, você pode personalizar o esquema básico de cores, adicionar ou remover ícones de redes sociais e incluir uma única linha de texto ou links por anúncio rotativo.

Se você imagina algo mais dinâmico, como várias linhas de texto, botões, um código de cupom que se copia com um clique ou um cronômetro regressivo que cria senso de urgência, o editor nativo não vai te levar até lá. 

Para criar uma barra de anúncios personalizada e de alta conversão na Shopify, você pode instalar um aplicativo de terceiros da Shopify App Store ou usar um widget de Barra de anúncios gratuito e leve, que mantém seu site rápido e seu orçamento intacto. Aqui, mostramos como fazer as duas coisas.

Watch on youtube

How to Add an Announcement Bar to Shopify

Opção 1: instale um aplicativo de banner dedicado da Shopify

A forma mais comum de lojistas adicionarem um banner fixo na Shopify é acessar a Shopify App Store e instalar um aplicativo de marketing de terceiros. 

Veja como essa configuração costuma ser:

1. Pesquise na Shopify App Store por aplicativos de “barra de anúncios” ou “banner promocional”.

2. Instale o aplicativo e adicione-o ao seu tema por meio do fluxo de integração do aplicativo.

3. Personalize o texto, as cores e o comportamento do seu banner no painel do aplicativo.

O fluxo para personalizar o banner depende do plug-in. A imagem anterior mostra como você pode personalizar a largura de um banner usando o plug-in Attrac.

Embora esse seja o caminho que muitos lojistas adotam por padrão, ele tem duas desvantagens que vale a pena conhecer antes de você se comprometer:

1. Aplicativos de banner de terceiros podem adicionar JavaScript: Eles fazem isso para viabilizar animações, mensagens rotativas ou cronômetros regressivos, e esse código costuma ser carregado perto do topo da página. Dependendo de como o aplicativo foi criado, isso pode reduzir a velocidade da página e afetar as Core Web Vitals. Confira as avaliações e veja o que outros lojistas dizem sobre o impacto real de um aplicativo no desempenho antes de instalá-lo.
2. Muitas hello bars gratuitas da Shopify são limitadas: O plano gratuito foi criado para atrair você, e os recursos que você realmente quer, como cronômetros regressivos, geolocalização ou simplesmente remover a marca d’água do aplicativo, ficam bloqueados por uma assinatura mensal.

Se você prefere evitar tudo isso, o próximo passo é conhecer um widget de site gratuito.

Opção 2: adicione um widget de barra de anúncios gratuito e personalizável (recomendado)

Se você quer um banner promocional dinâmico e bem estilizado, com todos os recursos de que precisa, de graça e sem comprometer a velocidade do site, o melhor caminho é incorporar um widget hospedado e confiável. 

É aqui que entra o Widget de Barra de anúncios do Jotform. Ele funciona muito bem como alternativa aos aplicativos de banner promocional da Shopify.

A configuração é simples:

1. Crie seu banner no editor de widgets do Jotform, adicionando seu texto e quaisquer botões de CTA ou cronômetros regressivos nas configurações Geral.

2. Personalize as cores e o layout para combinar com o seu tema da Shopify.

3. Clique em Continuar e copie o trecho de código de incorporação clicando em Copiar código.

4. Cole o trecho em um bloco Liquid personalizado ou HTML personalizado no Editor de temas da Shopify. 

A vantagem é que você pode personalizar totalmente o layout e combinar exatamente com as cores do tema da sua Shopify, tudo sem upgrades pagos. 

E, como o widget é uma barra de anúncios da Shopify incorporada fora do servidor, todo o trabalho pesado, como animações, cronômetros, estilos e muito mais, acontece fora do tema da sua Shopify. Isso significa que você tem:

• Estilos limpos que funcionam de forma independente dos estilos globais da Shopify, sem conflito com o seu tema
• Carregamento rápido, porque não há código bloqueando a renderização e prejudicando a velocidade da sua página
• Nenhuma taxa recorrente somada à sua conta de hospedagem só para exibir um cronômetro regressivo ou outro recurso desejado

Impulsione sua loja Shopify com widgets inteligentes e serverless

Uma barra de anúncios é só o começo. O Jotform se integra à Shopify e oferece uma coleção completa de widgets de site gratuitos com a mesma flexibilidade e a mesma abordagem fora do servidor.

Alguns que valem a pena conhecer se você está fazendo sua loja Shopify crescer são:

• Um Widget de Avaliações do Google para exibir o feedback dos clientes diretamente nas páginas de produto e gerar confiança antes do checkout
• Um Widget de Contador de visitantes para mostrar a atividade da página em tempo real e adicionar prova social a anúncios de produtos com alto tráfego
• Um Widget de Cronômetro regressivo para reforçar o senso de urgência em ofertas por tempo limitado, de forma parecida com o que você incluiria na sua barra de anúncios
• Um Widget de Pop-up para captar cadastros de e-mail ou divulgar um código de desconto sem precisar de uma página de destino dedicada

Como marca de e-commerce em crescimento, é melhor investir seu orçamento de marketing em vender na Shopify, na busca por produtos e na conquista de clientes, e não em uma mensalidade recorrente de aplicativo só para que um banner seja exibido corretamente. Ferramentas gratuitas e fora do servidor, como o Widget de Barra de anúncios do Jotform, permitem publicar uma barra promocional premium e de alta conversão em minutos. Depois que ela estiver no ar, você pode se concentrar no próximo widget que vai ajudar sua loja a crescer. Experimente hoje mesmo.