Como adicionar uma barra fixa de Adicionar ao carrinho no Shopify

O botão “Adicionar ao carrinho” é um dos elementos mais importantes de qualquer página de produto. Mas, quando os clientes descem a página, o botão original muitas vezes sai de vista, o que dificulta a compra.

A Progus Sticky Add to Cart Bar resolve isso ao manter o botão de compra visível enquanto os clientes navegam. Se você ainda está avaliando se um CTA fixo é a melhor opção para a sua loja, leia nossa comparação entre Sticky Add to Cart e um botão padrão de Adicionar ao carrinho.

Neste guia, vamos mostrar como adicionar o Progus Sticky Add to Cart à sua loja Shopify, ativar o app e personalizar a sua barra fixa.

Passo 1: Instale e abra o Progus Sticky Add to Cart

Para começar, você pode instalar o app de duas formas:

Opção 1: Pela Shopify App Store

• Acesse a Shopify App Store
• Pesquise por Progus Sticky Add to Cart Bar
• Clique em Install

Opção 2: Pelo site da Progus

Você também pode instalar o app diretamente pela página oficial: Progus Sticky Add to Cart

Após a instalação: abra o app no painel da Shopify.

Você verá o painel principal com o guia de configuração, que vai ajudar a ativar o app, personalizar a sua Sticky Add to Cart Bar e confirmar que tudo está funcionando corretamente na sua loja.

Passo 2: Ative o app

Depois de abrir o Progus Sticky Add to Cart no painel da Shopify, você verá o guia principal de configuração.

Comece ativando o app. Clique em Activate.

A Shopify pode abrir as configurações de incorporação do app no tema. Se isso acontecer, ative o app embed e clique em Save no canto superior direito.

Depois, volte para o Progus Sticky Add to Cart e atualize o status da configuração, se necessário.

Passo 3: Abra o painel de personalização

Quando o app estiver ativo, volte ao guia de configuração e clique em Customize.

Isso abrirá o painel de personalização, onde você pode editar o seu Sticky Add to Cart e visualizar as alterações no lado direito da tela.

Passo 4: Configure as definições da barra

Comece pela seção Bar . Nela, você pode personalizar a aparência geral e o comportamento da sua Sticky Add to Cart Bar.

Você pode ajustar configurações como:

• modo e cor de fundo
• posição e visibilidade da barra
• efeitos
• borda
• espaçamento

Escolha configurações que tornem a barra fácil de notar sem distrair os clientes da página de produto. Para a maioria das lojas, posicionar a barra na parte inferior da tela é um bom ponto de partida, especialmente no mobile.

Passo 5: Adicione uma contagem regressiva ou mensagem de anúncio

Vá até a seção Countdown para adicionar uma mensagem curta ou um temporizador à sua barra fixa.

Você pode definir quando a contagem regressiva aparece, editar a mensagem, ajustar as cores e escolher um horário fixo ou uma data final específica.

Use esta seção para promoções reais ou ofertas por tempo limitado e mantenha a mensagem curta, para apoiar a decisão de compra sem distrair os clientes.

Passo 6: Personalize as informações do produto

Na seção Product , escolha quais detalhes do produto devem aparecer na sua barra fixa.

Você pode mostrar ou ocultar a imagem do produto, nome, preço, preço comparativo e selo de desconto.

Para a maioria das lojas, nome do produto, preço e o botão Adicionar ao carrinho já são suficientes para manter a barra clara e fácil de usar.

Passo 7: Ajuste as opções de quantidade e variantes

Na seção Quantity , você pode ativar os seletores de quantidade e variantes.

Se os seus produtos tiverem variantes, como tamanho ou cor, exibir o seletor de variantes pode tornar a experiência de compra mais fluida. Mantenha esta seção simples, especialmente no mobile, para que os clientes escolham as opções sem se sentirem sobrecarregados.

Passo 8: Personalize o botão Adicionar ao carrinho

Vá até a seção Add To Cart para personalizar o texto do botão, as cores e a ação ao clicar.

Você pode usar o seu próprio texto de CTA, como Adicionar ao carrinho, Adicionar à sacola ou Fazer pedido.

Você também pode escolher o que acontece depois que o cliente clica no botão:

• permanecer na página
• ir para o carrinho
• ir para o checkout

Para a maioria das lojas, um texto claro e familiar como Adicionar ao carrinho é a opção mais segura. Se quiser encurtar a jornada de compra, você pode testar enviar os clientes diretamente para o carrinho ou para o checkout.

Passo 9: Escolha onde a barra fixa aparece

Na seção Display , escolha onde a Sticky Add to Cart Bar deve aparecer.

Você pode exibi-la em:

• todos os produtos
• produtos específicos
• coleções específicas

Se necessário, você também pode excluir produtos ou coleções selecionados.

Se você está configurando o app pela primeira vez, comece com All products e ajuste as regras de exibição depois.

Passo 10: Visualize, teste e confirme a configuração

Antes de finalizar a configuração, use a área de pré-visualização para verificar como a sua Sticky Add to Cart Bar fica tanto no desktop quanto no mobile. Certifique-se de que o CTA esteja fácil de ver, que o texto seja legível e que a barra não cubra conteúdo importante.

Depois, abra uma das suas páginas de produto, role a página até a Sticky Add to Cart Bar aparecer e teste o botão adicionando um produto ao carrinho. Se tudo funcionar corretamente, volte ao guia de configuração e clique em Confirm.

Sua Progus Sticky Add to Cart Bar agora está pronta para manter o seu CTA visível enquanto os clientes navegam pela sua loja Shopify.

Boas práticas após a instalação

Depois da configuração, mantenha a sua barra fixa simples, visível e fácil de usar.

• Combine a barra com as cores da sua loja e o design geral
• Mantenha o CTA claro e fácil de entender
• Teste a versão mobile com atenção
• Evite adicionar muitos elementos ao mesmo tempo
• Use contagens regressivas ou mensagens de anúncio apenas quando houver uma oferta real

O objetivo é facilitar o processo de compra, não distrair os clientes da página de produto.

Se o seu botão Adicionar ao carrinho está visível, mas ainda não recebe cliques, veja este guia: Por que os usuários não clicam em Adicionar ao carrinho →

Resumo

Adicionar a Progus Sticky Add to Cart Bar à sua loja Shopify é uma forma simples de melhorar a visibilidade do CTA e tornar a jornada de compra mais fluida.

Com o app, você pode manter o botão Adicionar ao carrinho sempre visível, personalizar a barra fixa, adicionar mensagens promocionais e controlar onde ela aparece.

Ele foi desenvolvido para ser rápido e fácil de configurar, além de ser gratuito para instalar.

Experimente o Progus Sticky Add to Cart e deixe o seu botão Adicionar ao carrinho sempre visível →

Perguntas frequentes

Como adicionar Sticky Add to Cart no Shopify?

Instale o Progus Sticky Add to Cart pela Shopify App Store ou pelo site da Progus, ative o app no Shopify, personalize a barra fixa e teste-a na sua página de produto.

Preciso saber programar para instalar?

Não. O Progus Sticky Add to Cart foi desenvolvido para ser rápido e fácil de configurar, sem necessidade de programação.

O Progus Sticky Add to Cart é gratuito?

Sim, a instalação é gratuita.

O Sticky Add to Cart funciona no mobile?

Sim. Você pode visualizar e testar a barra fixa tanto no desktop quanto no mobile antes de confirmar a configuração.

Posso personalizar a barra fixa?

Sim. Você pode personalizar o design da barra, os detalhes do produto, a mensagem de contagem regressiva, o botão Adicionar ao carrinho e as regras de exibição.

Isso vai deixar a minha loja Shopify mais lenta?

O app foi desenvolvido para ser leve, mas é sempre uma boa prática testar o desempenho da sua loja depois de instalar qualquer app da Shopify.