Skip to main content

​
Visão geral

O Upcart permite inserir HTML ou JavaScript em locais específicos do carrinho usando o editor de Custom HTML. Isso dá controle total sobre layout, visibilidade e conteúdo condicional dentro da experiência do carrinho. Use este guia para entender como cada local se comporta e onde seu conteúdo aparecerá.

​
Locais de HTML disponíveis

​
Above announcements/rewards

Renderiza diretamente abaixo do cabeçalho do carrinho, antes de qualquer módulo.
Use para adicionar mensagens para todo o site, avisos ou banners dinâmicos.

​
Below header/announcements/rewards

Exibe diretamente após os módulos de Anúncios e Recompensas, e logo antes da lista de produtos.

​
Between each line item

Repete seu HTML após cada produto no carrinho.
Ideal para exibir avisos legais ou informações adicionais específicas de produto.

​
Below cart items

Renderiza abaixo da lista de produtos, depois de todos os itens de linha do carrinho. Use para mensagens, banners ou conteúdo personalizado que deve aparecer abaixo dos produtos, mas acima dos upsells e add-ons.

​
Above footer/add-ons

Aparece abaixo da lista de produtos e dos upsells, mas acima da seção de Add-ons.
Ótimo para mensagens que introduzem ofertas de garantia ou proteção de envio.

​
Above checkout button

Exibe na área do rodapé, logo acima do botão de checkout e do subtotal.
Frequentemente usado para mostrar detalhamento de preços, avisos de frete ou termos.

​
Below checkout button

Também no rodapé, posicionado depois do botão de checkout e antes dos botões de pagamento expresso. Os add-ons renderizam no topo do rodapé, bem acima disto.
Útil para CTAs secundários ou avisos legais.

​
Bottom of cart

Exibe fora da área do rodapé, na parte mais inferior do cart drawer.
Não herda a cor de fundo do rodapé.

​
On empty cart screen

Aparece apenas quando o carrinho está vazio.
Exibe diretamente abaixo da mensagem “Your cart is empty” e acima do módulo de recomendações — útil para uma linha de apoio ou um link para uma coleção.

​
Scripts (Before Load)

Posicionamento invisível usado para executar JavaScript antes de o carrinho carregar.
Use para definir variáveis, estabelecer condições ou modificar o comportamento do Upcart.
  • Todos os posicionamentos de HTML personalizado são gerenciados em:
    Upcart > Cart Editor > Settings > Custom HTML

​
Referência visual

Para entender claramente onde cada local renderiza dentro do carrinho, consulte o layout com rótulos abaixo
Cart drawer do Upcart com rótulos mostrando onde cada local de HTML personalizado renderiza