Banners no Carrinho e Checkout: como exibir avisos e promoções na hora em que o cliente fecha o pedido

Base de Conhecimento Tray
Base de Conhecimento Tray
Atualizado  •

Com os Banners no Carrinho e Checkout, você exibe um banner no topo do carrinho e do checkout da sua loja, usando o mesmo cadastro de banners que já existe no Painel Administrativo.

Na prática, isso resolve uma limitação antiga: antes, os banners da loja apareciam só nas páginas de navegação, como a página inicial e as categorias. No carrinho e no checkout, justamente quando o cliente está decidindo se finaliza a compra, não havia espaço para avisar sobre frete grátis, cupom ou prazo de entrega.

A seguir, você entende para quem esse recurso é indicado, quais ganhos ele traz e o passo a passo para cadastrar o seu banner.

Este recurso está liberado para todos as lojas Tray!

Para quem são os Banners no Carrinho e Checkout e para que servem

O recurso é útil para qualquer loja que queira se comunicar com o cliente no momento de maior intenção de compra. Alguns exemplos:

  • Frete grátis: avise a partir de qual valor o frete sai grátis, para o cliente completar o carrinho.
  • Cupom e promoção: lembre o cliente de um cupom ativo ou de uma condição especial antes de ele pagar.
  • Prazo de entrega: informe o prazo de despacho ou de entrega em datas importantes, como Black Friday e Natal.
  • Avisos da loja: comunique trocas, formas de pagamento ou qualquer informação que ajude o cliente a finalizar a compra.

Benefícios de usar os Banners no Carrinho e Checkout

Confira as principais vantagens de exibir banners nas etapas finais de compra da sua loja:
  • Comunicação na hora certa: o banner aparece quando o cliente já escolheu os produtos e está fechando o pedido.
  • Mesmo cadastro de sempre: você usa a tela de banners que já conhece, sem app externo nem código.
  • Banner separado para o celular: cadastre uma versão para computador e outra para celular. Se não houver banner para celular, aparece o de computador.
  • Imagem ou carrossel: use uma imagem só ou várias, em carrossel.
  • Funciona com e sem Facelift: o banner se adapta sozinho ao visual do checkout da sua loja.

Onde o banner aparece

  • No carrinho: no topo da página, logo abaixo do cabeçalho.
  • No checkout: no topo da página, em todas as etapas (identificação, etapas de compra e finalização do pedido).

Com Facelift, o banner tem os cantos arredondados; sem Facelift, os cantos são retos. Você não precisa configurar nada diferente.

Como cadastrar um banner no carrinho ou no checkout

As localizações do carrinho e do checkout ficam na mesma tela de banners da loja. Os banners que você já tem continuam funcionando como antes.

1. Acesse o cadastro de banners

  • No Painel Administrativo, acesse Marketing > Banners;
  • Clique em Adicionar Banner.

Lojas contratadas a partir de 31/08/2026 possuem uma nova experiência de navegação no Painel Administrativo. Acesse o artigo Conheça o novo menu do Painel Administrativo Tray e confira todos os detalhes dessa versão.

2. Envie a imagem

  • Preencha o Nome do banner;
  • Envie a imagem em JPG, JPEG ou PNG;
  • Se quiser, preencha o Título da Imagem e o Link para onde o cliente vai ao clicar, e escolha se o link abre em Nova janela ou na Mesma janela;
  • Para usar várias imagens, ligue a opção Ativar carrossel de imagens? e adicione as imagens na ordem em que devem aparecer.

Dimensões recomendadas para os banners:
• Banner Carrinho (Desktop): 1140 × 180 px
• Banner Carrinho (Mobile): 750 × 300 px
• Banner Checkout (Desktop): 1140 × 180 px
• Banner Checkout (Mobile): 750 × 300 px
• Carrossel Desktop (Slides 1, 2 e 3): 1140 × 180 px
• Carrossel Mobile (Slides 1, 2 e 3): 750 × 300 px

3. Escolha onde o banner vai aparecer

Em Configurações > Local de Exibição, role a lista até o fim e escolha uma das opções:

  • Banner Carrinho: exibido no carrinho, no computador;
  • Banner Carrinho Mobile: exibido no carrinho, no celular;
  • Banner Checkout: exibido no checkout, no computador;
  • Banner Checkout Mobile: exibido no checkout, no celular.

Ao escolher uma dessas opções, os campos de categorias e marcas deixam de aparecer: no carrinho e no checkout, o banner vale para a loja toda.

4. Defina o período e salve

  • Em Exibição do banner, informe a Data inicial e a Data final, ou ligue Por tempo indeterminado;
  • Clique em Salvar.

O banner aparece na lista de Banners da loja, com a localização escolhida e o número de cliques.

5. Confira na sua loja

Adicione um produto ao carrinho e veja o banner no topo da página. Depois, siga para o checkout. No celular, confira a versão mobile: se você usou carrossel, as imagens trocam sozinhas e também podem ser passadas com as setas.

Perguntas frequentes

Confira as respostas para as principais dúvidas sobre os banners de carrinho e checkout:

  • Não é obrigatório. Se não houver banner cadastrado em Banner Carrinho Mobile ou Banner Checkout Mobile, o celular mostra o banner de computador. Para ter uma imagem pensada para a tela do celular, cadastre a versão Mobile.
  • Não. No carrinho e no checkout, o banner vale para a loja toda, por isso os campos de categorias e marcas não aparecem nessas localizações.
  • Sim. Ligue a opção Ativar carrossel de imagens? no cadastro e adicione as imagens.
  • Sim. O banner funciona com e sem Facelift. Só muda o acabamento: cantos arredondados com Facelift e retos sem Facelift.
  • O carrinho e o checkout abrem normalmente, só sem o banner. A compra do cliente não é afetada.

Leia também

Boas vendas!

Equipe Tray.