Diogo Henriques
← Todos os artigos

Página de produto com variações: o que mostrar antes do cliente carregar em «Comprar»

Volume, tom e tamanho — na página de produto de cosméticos, o visitante decide antes do clique. O que deve estar visível para evitar abandono e devoluções.

Cada dúvida não respondida na página de produto é uma venda perdida ou uma devolução futura.

Champô em três volumes. Base em doze tons. Batom em acabamentos diferentes. Em marcas de beleza, a variação é a regra, não a excepção. A página de produto tem de responder tudo antes do botão «Adicionar ao carrinho» — senão o cliente pergunta por DM, adia, ou compra o tamanho errado.

Nota: O exemplo abaixo é o produto Champô Volume Natural na loja de demonstração BE BOLD — não é uma marca real à venda.

O que o visitante precisa de ver (por ordem)

1. Fotografia principal + galeria

  • Imagem nítida do produto fechado (reconhecimento na encomenda).
  • Segunda imagem com textura ou aplicação quando relevante.
  • Em maquilhagem com cor: swatch ou foto no tom — essencial para reduzir devoluções.

2. Nome, preço e promoção

  • Preço actualizado conforme a variação seleccionada.
  • Se há promoção, preço anterior riscado e percentagem ou valor de desconto.
  • IVA e portes: indicar se o preço inclui IVA; link para política de envio.

3. Selector de variação claro

Para cosméticos e capilares, etiquetas que o cliente entende:

TipoExemplo de etiquetaEvitar
Volume100 ml · 350 ml · 500 ml«Opção A», «Tamanho 1»
Tom«Bege médio — tom 3»Só código interno
Tipo de pele«Pele seca» / «Mista»Siglas sem legenda

O selector deve estar acima do botão de compra, com estado por defeito ou mensagem «Escolha uma opção» se for obrigatório.

Página de produto com selector de volume

Exemplo: loja de demonstração BE BOLD — variações de volume antes do botão de compra.

4. Stock e entrega

  • «Em stock» ou prazo estimado quando esgotado.
  • Para edições limitadas: quantidade ou «últimas unidades» só se for verdade.

5. Descrição em camadas

Nem todos leem tudo. Estruture em blocos escaneáveis:

  • Benefício — uma frase («Volume sem pesar»).
  • Como usar — 2–3 passos.
  • Ingredientes — lista ou link para INCI completo (obrigatório em muitos casos).
  • Para quem — tipo de cabelo, pele, ocasião.

6. Confiança e complementos

  • Política de devolução resumida.
  • Produtos relacionados («Complete o ritual») — aumenta valor médio sem pressão.

Erros que custam vendas

  1. Preço só após escolher variação sem feedback visual — parece bug.
  2. Uma foto para doze tons — o cliente não arrisca.
  3. Descrição copiada do fabricante em inglês, sem adaptar ao mercado PT.
  4. Botão activo sem variação seleccionada — gera encomendas erradas.
  5. Sem versão mobile testada — metade das compras de beleza são no telemóvel.

Checklist — a minha página de produto está pronta?

  • Preço muda correctamente ao seleccionar volume/tom?
  • Fotos mostram o que o cliente recebe em casa?
  • Ingredientes e modo de uso estão acessíveis?
  • Testei o fluxo completo em telemóvel?
  • Produtos relacionados fazem sentido (não aleatórios)?

Ver variações numa loja de demonstração

Explore o Champô Volume Natural e outros produtos na loja BE BOLD. Na página Lojas online explico como gerir produtos simples e com variações no painel — stock, preços e promoções por referência.

Para ver o fluxo completo (loja + gestão), agende uma demonstração com foco no modelo BE BOLD.

Pronto para dar o próximo passo?

Escolha um plano, veja modelos do seu sector e peça proposta — resposta em 24 horas.