Vender o mesmo produto em várias cores parece simples até chegarem as fotos. Cada cor precisa das suas próprias vistas — frontal, traseira, detalhe, vestido — e o WooCommerce só admite uma imagem por variação. A partir daí começam os remendos. Vamos ver quais existem, qual compensa mais e o que acontece com a sua conversão em cada caso.
Por que a cor é o caso mais problemático
A cor é o atributo que mais muda o que o cliente vê. Um tamanho não altera a foto; uma cor muda tudo. E é também o atributo pelo qual mais se decide: quem hesita entre o verde e o bordô quer ver os dois bem, não imaginá-los.
Aí está o problema de fundo: a decisão de compra depende de umas imagens que o WooCommerce não está preparado para mostrar de forma separada.
As três formas de resolver e o que custa cada uma
| Todas as fotos na galeria do pai | Rápido de montar e grátis. O cliente vê as fotos de todas as cores misturadas, o telemóvel carrega imagens que ninguém vai olhar e a ficha torna-se um carrossel interminável. |
| Um produto por cor | Cada cor tem a sua ficha limpa. Em troca, multiplica a manutenção pelo número de cores, distribui avaliações e autoridade por vários URLs e cria conteúdo quase duplicado que compete consigo mesmo no Google. |
| Galeria por variação | Uma única ficha e cada cor com as suas próprias fotos. Requer um plugin, e esse é todo o custo: a estrutura do catálogo não muda. |
Quantas fotos cada cor precisa
Antes de decidir a solução, convém saber o volume real, porque é isso que torna inviável a opção de meter tudo junto.
- Têxtil: frontal, traseira, detalhe do tecido e peça vestida. Quatro por cor no mínimo.
- Mobiliário: conjunto, detalhe do acabamento e ambiente. Três por acabamento.
- Cosmética: embalagem, textura e resultado aplicado. Três por tom.
- Calçado: perfil, vista superior, sola e calçado. Quatro por cor.
O cálculo que decide
Multiplica as tuas cores pelas fotos que cada uma precisa. Cinco cores por quatro vistas são vinte imagens numa única ficha se as colocares todas juntas. O cliente que procura o azul tem de passar por dezasseis que não lhe interessam antes de chegar à sua última.
No computador é incómodo. No telemóvel, onde o carrossel ocupa o ecrã inteiro e se navega com o dedo, é diretamente uma barreira. E essa barreira está precisamente no ponto em que o cliente decide se compra.
Como se monta com uma galeria por variação
Com EHERO Woo Variation Gallery o processo é o mesmo que já conheces, só que cada variação admite várias imagens em vez de uma:
Um conselho sobre a ordem das fotos
Mantém a mesma ordem em todas as cores: primeiro a vista principal, depois o detalhe, depois a peça vestida. Quando o cliente muda de cor espera encontrar o mesmo no mesmo sítio, e se a ordem variar, a comparação torna-se incómoda.
- Crias as variações de cor como sempre, a partir do separador de variações do WooCommerce.
- A cada uma atribuis a sua galeria: tantas fotos quantas essa cor precisar.
- O cliente seleciona a cor e a galeria completa é substituída instantaneamente.
- Carregam-se apenas as imagens da cor ativa, por isso a ficha não engorda.
O erro mais comum ao organizar as fotos
Antes mesmo de escolher a solução, há uma decisão que quase toda a gente toma mal: que foto vai primeiro em cada cor.
O natural é carregar as imagens na ordem em que saíram da sessão, que costuma ser por blocos: todas as frontais, depois todas as traseiras, depois os detalhes. O resultado é que cada cor acaba com uma ordem diferente, e quando o cliente muda de cor a primeira imagem não é a mesma vista. Essa incoerência obriga a reorientar-se a cada mudança e faz com que comparar duas cores seja incómodo.
A regra é simples: a mesma ordem em todas as cores, sempre. Vista principal, detalhe, contexto de uso. Custa cinco minutos ao organizar o catálogo e poupa fricção em cada visita.
O que olhar no telemóvel, que é onde se decide
Mais de metade das visitas a uma ficha de produto chegam pelo telefone, e aí as regras mudam. A galeria ocupa o ecrã inteiro, navega-se com o dedo e cada imagem a mais é um deslizar a mais.
- O seletor deve ser visível sem fazer scroll. Se o cliente tiver de descer para encontrar as cores, muitos nem tentam.
- A mudança tem de ser instantânea. Um recarregamento da página no telemóvel, com ligação de dados, é meio segundo longo e uma perda de posição na ficha.
- O peso importa o dobro. Carregar vinte imagens numa ligação móvel é a diferença entre uma ficha que abre e outra que o visitante abandona antes de ver nada.
Essa última é a razão prática pela qual meter todas as fotos na galeria do pai acaba por sair caro: não é só incómodo, é lento precisamente onde pior cai.
E se venderes em vários idiomas
As imagens não se traduzem, mas as fichas sim. Se a tua loja for multilingue, confirma que a galeria por variação se mantém nas traduções e não fica apenas no idioma original. Um produto que mostra as fotos corretas em espanhol e a galeria genérica em francês é pior do que não ter variações separadas, porque a incoerência nota-se.
Perguntas frequentes
Quantas imagens posso colocar por cor?
As que precisares. Não há um limite prático, embora por desempenho e por experiência de utilização convenha não passar de seis ou oito por variação.
Tenho de carregar fotos para todas as cores desde o início?
Não. As variações sem galeria própria mostram a do produto pai, por isso podes ir completando o catálogo ao teu ritmo sem que nenhuma ficha fique vazia.
É melhor isto do que criar um produto por cor?
Para quase todos os casos, sim. Manténs uma única ficha — um preço, um stock, umas avaliações — e evitas que vários URLs quase idênticos compitam entre si nos resultados de pesquisa.
Pode combinar-se cor e tamanho?
Sim. A galeria associa-se à variação, por isso podes decidir se as fotos dependem só da cor ou da combinação completa de atributos, conforme tenhas montado o produto.
Guias relacionados
Conclusão
Mostrar várias imagens por cor no WooCommerce não é um capricho estético: é mostrar ao cliente exatamente o produto que está prestes a comprar, sem o obrigar a procurar. Podes conseguir isso enchendo a galeria, duplicando fichas ou dando a cada variação a sua. Se quiseres ver como fica a terceira opção, tens a demonstração na página da galeria de imagens por variante para WooCommerce.
