Agência
Marca & CriaçãoBranding & PosicionamentoIdentidade VisualConteúdo & CopywritingProdução AudiovisualLive Experience
Performance & GrowthSocial MediaInbound & NutriçãoTráfego PagoSEO & GEOPublicidadePesquisa de Mercado com IABI & DashboardsWeb AnalyticsCRO
IA & AutomaçãoConsultoria de Adoção de IAIntegração CRM & DadosAutomação de ProcessosAgentes de IAAutomação de Marketing com IABase de Conhecimento de Marca para IA
Tecnologia & Produtos DigitaisDesenvolvimento Web & AppsDesenvolvimento de MVPTech & SecurityLGPDLow-code & No-codeDesenvolvimento Assistido por IA
Relacionamento & ReputaçãoAssessoria de ImprensaInfluência & CEO PositioningGestão de CriseComunicação InternaExperiência & Trade
PortfólioBlogContato
Pessoa lacrando uma caixa de envio ao lado do notebook com o pedido
Performance

Página de produto: o que o teste de usabilidade mostra que metade das lojas erra

Página de produto que converte não é lista de elementos: é o que o teste com usuário derruba. Variação, frete perto do botão, avaliações e celular, com dados.

Resposta rápida

Página de produto é a página de um item da loja virtual, onde o cliente decide se compra: ela reúne imagens, preço, variações, frete, condições de troca, descrição, ficha técnica e avaliações. O benchmark do Baymard Institute com 344 grandes e-commerces dos Estados Unidos e da Europa mostra que 51% deles ainda têm página de produto mediana ou pior. As falhas que mais se repetem estão perto do botão de compra — custo total e prazo ausentes, tamanho escolhido em lista, política de devolução escondida — e pioram no celular. Corrigir esses pontos vem antes de qualquer gatilho de urgência.

Quase todo guia de página de produto traz a mesma lista: boas fotos, descrição persuasiva, botão chamativo, avaliações, selo de segurança, gatilho de escassez. A lista não está errada, mas tem um problema de origem: quase nunca diz de onde veio. É opinião organizada em tópicos, e opinião não diz o que corrigir primeiro.

Este artigo segue outro caminho. Parte do que a pesquisa de usabilidade — gente real tentando comprar em lojas reais, sob observação — mostra que derruba a decisão de compra, e organiza a página por ordem de impacto. A descrição, a foto e o vídeo de produto já têm artigos próprios no blog; aqui o assunto é a página inteira e o que acontece ao redor do botão de compra.

O que é página de produto (PDP) no e-commerce?

Página de produto — ou PDP, de product detail page — é a página dedicada a um único item da loja virtual. É nela que o cliente confirma se aquele é o produto certo, escolhe a variação, descobre quanto vai pagar no total e quando recebe, e decide se adiciona ao carrinho.

Uma página de produto completa tem dois andares. No primeiro, ao alcance do botão de compra, ficam as informações que decidem: imagens, nome, preço, variação, frete, prazo e condições de troca. No segundo, abaixo, ficam as informações que confirmam: descrição, ficha técnica, avaliações, perguntas e produtos relacionados. A maior parte das falhas medidas pela pesquisa está no primeiro andar.

Qual a diferença entre página de produto, página de vendas e página de categoria?

As três aparecem na mesma loja e costumam ser confundidas, o que leva a copiar para uma o que funciona na outra:

Página de categoriaPágina de produtoPágina de vendas
Quantos itens mostraMuitos, em gradeUm, com variaçõesUma oferta, geralmente única
Pergunta que respondeO que esta loja tem?É este? Quanto custa com frete? Quando chega?Por que eu preciso disto agora?
Visitante típicoAinda comparandoJá escolheu, está conferindoChegou por anúncio ou campanha
Tamanho do textoCurtoMédio, com ficha técnicaLongo, argumentativo
Erro mais comumFiltro que esconde produtoFaltar informação perto do botãoPrometer antes de explicar

Comparativo elaborado pela Alliance Comunicação.

A página de vendas é argumento; a página de produto é conferência. Quem chega a uma página de produto, na maioria das vezes, já quer o item — o trabalho da página é não atrapalhar. Para a lógica da página de vendas, o artigo sobre o que precisa caber nas duas primeiras telas de uma página de vendas trata do outro caso.

O que a pesquisa de usabilidade mostra sobre as páginas de produto?

O Baymard Institute, instituto independente de pesquisa em experiência de compra on-line, mantém o levantamento mais amplo sobre o tema. A pesquisa de página de produto reúne mais de 110 diretrizes, apoiadas em mais de 4.400 sessões de teste de usabilidade e em 12 estudos quantitativos com 20.240 participantes. Durante os testes, os participantes abandonaram sites repetidas vezes por problemas de layout, de conteúdo ou de recursos da página de produto.

No benchmark com 344 grandes e-commerces dos Estados Unidos e da Europa, 51% dos sites têm página de produto com implementação “mediana” ou pior; só 49% têm desempenho de experiência “decente” ou “bom”. Nenhum site chegou ao topo da escala.
Fonte: Baymard Institute, Product Page UX Research (página consultada em 11/11/2026; o benchmark registra melhora em relação a 2021)

Vale ler o número com cuidado: são grandes lojas, com equipe e verba para testar. Se metade delas ainda falha, a página de produto de uma loja média brasileira dificilmente está melhor. A amostra é dos Estados Unidos e da Europa, mas os comportamentos medidos — procurar o frete, desconfiar da troca, querer ver o tamanho real — são os mesmos de qualquer comprador on-line.

Um artigo do mesmo instituto, atualizado em março de 2026 com o benchmark de 2025, detalha quais pontos falham e em quantos sites. São esses números que organizam as próximas seções.

O que precisa estar perto do botão de compra?

O botão de compra é o ponto em que o cliente faz a última conta. Tudo o que ele precisa para essa conta deve estar à vista ali, sem rolar a página nem abrir outra aba:

Esqueleto de página de produto com a galeria à esquerda e, à direita, título e avaliações, preço, variação em botões, cálculo de frete e prazo, botão de compra e resumo da troca, com anotações de 57%, 67% e 44% das grandes lojas falhando nesses pontos
O primeiro andar da página decide a compra; as três falhas anotadas estão todas a menos de um palmo do botão.

1. Custo total e prazo de entrega

67% das grandes lojas dos Estados Unidos e da Europa não mostram uma estimativa do custo total do pedido perto do botão de compra, e 44% não trazem link ou resumo da política de devolução na página do produto.
Fonte: Baymard Institute, artigo sobre o estado atual da experiência em páginas de produto (benchmark de 2025, artigo atualizado em 2026)

O número acima é o maior entre as falhas do primeiro andar da página. O cliente não compra um preço; compra um preço mais frete, com uma data de entrega. No Brasil, isso quer dizer o campo de CEP com frete e prazo calculados ali mesmo, antes do carrinho. Frete descoberto só no checkout é um dos motivos clássicos de abandono — o artigo sobre o que consertar antes de mandar cupom para carrinho abandonado mostra por que essa correção vem antes de qualquer desconto.

2. Política de troca e devolução resumida

Em estudo quantitativo de 2025 com 1.032 respondentes, 60% disseram procurar informação sobre devolução na própria página do produto. Mesmo assim, 44% dos sites não trazem um link ou um resumo da política nessa página. Uma linha basta — “troca grátis em até 30 dias”, se for verdade — com link para o texto completo.

3. Preço comparável

Quando o mesmo produto existe em tamanhos ou quantidades diferentes, o cliente quer saber qual sai mais barato por unidade. O benchmark encontrou 81% dos sites sem preço por unidade nesses casos. Em cosméticos, alimentos e limpeza, mostrar o preço por mililitro, grama ou unidade evita que o cliente saia para fazer a conta em outro lugar.

Como mostrar variações de tamanho, cor e modelo?

Variação é onde a página de produto mais erra em silêncio: o cliente escolhe o tamanho errado, recebe, devolve, e a loja registra uma venda que virou custo. O benchmark aponta dois problemas centrais.

O primeiro é de interface: 57% dos sites não usam botões para a seleção de tamanho, preferindo listas suspensas que escondem as opções e exigem um toque a mais. Botões mostram de uma vez o que existe e o que está esgotado.

O segundo é de imagem. Nos testes, 42% dos usuários tentaram estimar o tamanho do produto pelas fotos, mas 37% dos sites não têm nenhuma imagem que mostre o item em escala — ao lado de uma mão, num ambiente, vestido por alguém — e 23% não têm foto com modelo humano. Para cada variação de cor, a foto precisa mudar junto com a escolha; foto genérica de uma cor só é convite à devolução.

A galeria em si — quantidade, fundo, ângulos e o que o Google exige — está detalhada no artigo sobre o mínimo de foto de produto que o Google aceita.

Como usar avaliações na página de produto?

Avaliações são o tema com mais diretrizes na pesquisa do Baymard — 19 das listadas nos relatórios — porque é onde o cliente vai buscar o que a loja não diz. Dois números do benchmark mostram onde está o desperdício:

  • 89% dos sites não respondem às avaliações negativas. Uma resposta objetiva a uma crítica mostra ao próximo comprador como a loja se comporta quando algo dá errado — e esse comprador costuma ler justamente as notas baixas.
  • 63% não permitem navegar entre as imagens enviadas pelos clientes. A foto do cliente é a prova de escala e de cor mais confiável que a página pode ter.

A nota média deve aparecer no topo, junto do nome, com link que leve às avaliações. E avaliação precisa ser real: o artigo sobre o que a prova social exige para funcionar trata dos limites legais e de credibilidade.

O que muda na página de produto no celular?

Os guias mais lidos sobre página de produto quase não falam de celular — e é nele que o desempenho mais cai. No benchmark de 2025, a parcela de grandes lojas com página de produto mediana ou pior sobe de 52% no desktop para 62% no celular e 64% nos aplicativos. Só 38% das versões para celular chegam a “decente” ou melhor.

Gráfico de barras com a parcela de grandes lojas com página de produto mediana ou pior, 52% no desktop, 62% no celular e 64% no aplicativo, ao lado de um checklist de seis pontos para conferir a página no celular
A mesma loja, com o mesmo catálogo, entrega uma página pior justamente na tela em que mais se compra.

A razão é de espaço. O que no desktop cabe ao lado do botão, no celular vai para baixo, e o cliente precisa rolar para encontrar frete, troca e ficha técnica. Por isso a ordem dos blocos importa mais no celular: preço, variação, frete e botão devem vir antes da descrição longa, e a ficha técnica funciona melhor em seções que abrem e fecham do que num bloco único.

Há também o contexto de uso. No celular, a compra acontece em intervalos — na fila, no transporte, no sofá —, com a atenção dividida e a conexão nem sempre boa. Galeria pesada que demora a carregar, botão de compra que some ao rolar e campo de CEP que abre o teclado errado são atritos pequenos que, somados, fazem o cliente deixar para depois. E deixar para depois, no comércio on-line, muitas vezes significa comprar em outra loja.

Na prática, a página de celular deve ser revisada como um projeto próprio, não como a versão encolhida do desktop. O ideal é que o teste com usuários seja feito no aparelho, com a pessoa segurando o celular, e não numa janela redimensionada do navegador.

Quais os erros mais comuns na página de produto?

Além dos pontos já tratados, o benchmark registra falhas menos óbvias, mas frequentes:

  • Dificultar o “salvar para depois” — 89% dos sites tornam difícil usar listas de favoritos, recurso que 21% dos 1.193 respondentes de um estudo de 2025 disseram usar.
  • Não oferecer opção de presente — 78% dos sites não têm essa opção na página do produto, um detalhe que pesa em datas comerciais.
  • Descrição genérica de fornecedor, copiada do catálogo e repetida em outras lojas — o texto vincula a oferta, como mostra o artigo sobre descrição de produto e o que ela promete por lei.
  • Ficha técnica incompleta ou em imagem, que o cliente não consegue ler no celular nem o buscador consegue indexar.
  • Urgência falsa — contador que reinicia a cada visita ou “últimas unidades” permanente destroem a confiança que o resto da página construiu.
  • Produto esgotado sem alternativa: página sem aviso de reposição nem sugestão de item parecido.

Como medir e testar a página de produto?

A página de produto deve ser tratada como um funil curto, com etapas que dá para medir:

  1. Taxa de adição ao carrinho por página de produto, separada por dispositivo — a diferença entre desktop e celular mostra onde está o problema.
  2. Uso do cálculo de frete: quantos visitantes digitam o CEP e quantos desses seguem para o carrinho.
  3. Rolagem até a ficha técnica e as avaliações, para saber se o cliente precisa descer para confirmar algo que deveria estar acima.
  4. Taxa de devolução por produto e por motivo — “tamanho errado” e “diferente da foto” apontam falhas da página, não do produto.
  5. Perguntas recebidas no SAC sobre o produto: cada pergunta repetida é uma informação que faltou na página.

Os números dizem onde está o vazamento; o porquê vem da observação. Um teste de usabilidade com poucas pessoas, em rodadas costuma revelar em uma tarde o que meses de painel não explicam. Para validar uma mudança com tráfego real, o artigo sobre quanto tráfego um teste A/B precisa para valer ajuda a não tirar conclusão de amostra pequena.

O que muda na página de produto por tipo de loja?

O esqueleto é o mesmo, mas a informação que decide muda conforme o que se vende:

Tipo de lojaDúvida que decide a compraO que reforçar perto do botão
Moda e calçadosVai servir?Tamanho em botões, tabela de medidas, foto em modelo, troca fácil
Eletrônicos e eletrodomésticosÉ compatível? Tem garantia?Ficha técnica resumida, voltagem, garantia, prazo
Cosméticos e alimentosQual embalagem compensa?Preço por unidade, validade, composição
Móveis e decoraçãoCabe no meu espaço? Como chega?Medidas, foto em ambiente, montagem, frete por CEP
Produto de alto valor ou B2BPosso confiar nesta loja?Condições de pagamento, contato humano, nota fiscal, garantia

Elaborado pela Alliance Comunicação a partir das diretrizes de página de produto.

Nas lojas de nicho, a pergunta que decide costuma ser a que o SAC mais recebe. Vale começar a lista por ela.

Por onde começar a melhorar a página de produto hoje?

  1. Escolha os dez produtos que mais recebem visitas e trabalhe neles primeiro; corrigir o modelo da página depois espalha a melhoria para o catálogo.
  2. Faça o teste dos dois minutos no celular — custo total, prazo e troca sem rolar — e anote o que falta.
  3. Troque listas suspensas de tamanho por botões e garanta que a foto acompanhe a cor escolhida.
  4. Coloque o cálculo de frete e uma linha sobre troca logo abaixo do preço.
  5. Responda as avaliações negativas dos últimos três meses, começando pelos produtos mais vendidos.
  6. Meça antes e depois a adição ao carrinho por dispositivo, para saber o que a mudança moveu.

Se você quer saber se a página de produto é mesmo o gargalo da loja, ou se o problema está antes dela, o diagnóstico de marketing gratuito da Alliance leva cerca de 30 minutos e aponta as lacunas por etapa do funil. Quando a página é o ponto, o trabalho de CRO e otimização de conversão organiza a pesquisa, as hipóteses e os testes.

Página de produtoE-commerceCROUsabilidadeMobile

Foto: Sealing a parcel while booking shipping on a laptop, de The Bag N Box Man LTD, sob licença CC BY 2.0.

Perguntas frequentes

O que é a página de descrição do produto (PDP) no e-commerce?+

PDP, de product detail page, é a página dedicada a um único item da loja virtual. Reúne imagens, preço, variações, frete, condições de troca, descrição, ficha técnica e avaliações. É a página em que o cliente confirma a escolha e decide se adiciona o produto ao carrinho.

Como criar uma página de produtos?+

Comece pelo primeiro andar da página: imagens, nome, preço, variação em botões, cálculo de frete e prazo, botão de compra e uma linha sobre troca. Depois, abaixo, coloque descrição própria, ficha técnica e avaliações. A ordem importa mais do que a quantidade de elementos, principalmente no celular.

Como otimizar a sua página de produto para converter mais?+

Corrija primeiro o que a pesquisa de usabilidade mostra que mais falha: custo total e prazo longe do botão, tamanho escolhido em lista suspensa, política de troca escondida e avaliações negativas sem resposta. Revise a versão de celular como projeto próprio e meça a adição ao carrinho por dispositivo antes e depois.

Como criar uma página de produtos e vender mais na internet?+

A página vende mais quando não deixa dúvida sem resposta no momento da decisão. Isso significa mostrar quanto o cliente paga no total, quando recebe e como troca, com fotos que mostrem escala e cor reais. Gatilhos de urgência e selos vêm depois, e só funcionam se forem verdadeiros.

O que é apresentação de produtos, para que serve e como fazer?+

Apresentação de produtos é a forma como o item é mostrado ao cliente: imagens, texto, variações, preço e provas como avaliações. Serve para que o cliente entenda o produto sem tê-lo nas mãos. No e-commerce, ela é feita na página de produto, com fotos em escala, descrição própria e ficha técnica legível.

Como criar uma página de produtos na Shopify?+

Na Shopify, o produto é cadastrado no painel administrativo, com fotos, preço, variações e estoque, e a aparência da página vem do tema da loja. As melhorias de layout descritas aqui, como frete perto do botão e tamanho em botões, dependem dos recursos do tema e de aplicativos; vale conferir o que o tema escolhido permite antes de contratar desenvolvimento.

Como criar uma página de produtos no WordPress?+

No WordPress, a loja virtual normalmente roda com o WooCommerce, um plugin que acrescenta o cadastro de produtos ao painel. O produto é criado com fotos, preço e variações, e o layout da página depende do tema e dos blocos ou extensões instalados. O cálculo de frete por CEP geralmente exige uma extensão específica para o Brasil.

Como editar a página de produto no WooCommerce?+

O conteúdo do produto — fotos, preço, descrição e variações — é editado no próprio cadastro do produto no painel. Já a estrutura da página, como a ordem dos blocos, vem do tema e pode exigir ajustes de modelo ou de código. Antes de editar, faça uma cópia de segurança e teste a mudança no celular.

Pronto para

converter mais com o mesmo tráfego?

Comece pelo diagnóstico gratuito e veja como Performance entra no seu plano de marketing — depois a Alliance ajuda a executar cada etapa.

(11) 99116-3001contato@alliancecomunicacao.com.brAv. Dr. Gastão Vidigal, 1132 — Vila Leopoldina, São Paulo · SP