{"id":10503,"date":"2026-08-04T09:05:51","date_gmt":"2026-08-04T07:05:51","guid":{"rendered":"https:\/\/consultoriaehero.com\/?p=10503"},"modified":"2026-08-12T15:46:23","modified_gmt":"2026-08-12T13:46:23","slug":"varias-imagens-por-cor-no-woocommerce-como-montar-isso-bem","status":"publish","type":"post","link":"https:\/\/consultoriaehero.com\/pt\/varias-imagens-por-cor-no-woocommerce-como-montar-isso-bem\/","title":{"rendered":"V\u00e1rias imagens por cor no WooCommerce: como montar isso bem"},"content":{"rendered":"<p>Vender o mesmo produto em v\u00e1rias cores parece simples at\u00e9 chegarem as fotos. Cada cor precisa das suas pr\u00f3prias vistas \u2014 frontal, traseira, detalhe, vestido \u2014 e o WooCommerce s\u00f3 admite <strong>uma imagem por varia\u00e7\u00e3o<\/strong>. A partir da\u00ed come\u00e7am os remendos. Vamos ver quais existem, qual compensa mais e o que acontece com a sua convers\u00e3o em cada caso.<\/p>\n<h2>Por que a cor \u00e9 o caso mais problem\u00e1tico<\/h2>\n<p>A cor \u00e9 o atributo que mais muda o que o cliente v\u00ea. Um tamanho n\u00e3o altera a foto; uma cor muda tudo. E \u00e9 tamb\u00e9m o atributo pelo qual mais se decide: quem hesita entre o verde e o bord\u00f4 quer ver os dois bem, n\u00e3o imagin\u00e1-los.<\/p>\n<p>A\u00ed est\u00e1 o problema de fundo: a decis\u00e3o de compra depende de umas imagens que o WooCommerce n\u00e3o est\u00e1 preparado para mostrar de forma separada.<\/p>\n<h2>As tr\u00eas formas de resolver e o que custa cada uma<\/h2>\n<table style=\"width: 100%;border-collapse: collapse\">\n<tbody>\n<tr>\n<td style=\"width: 200px;padding: 11px 12px;font-size: 13px;font-weight: bold;color: #017cba;vertical-align: top\">Todas as fotos na galeria do pai<\/td>\n<td style=\"padding: 11px 12px;font-size: 13px;line-height: 1.6;color: #335066;vertical-align: top\">R\u00e1pido de montar e gr\u00e1tis. O cliente v\u00ea as fotos de todas as cores misturadas, o telem\u00f3vel carrega imagens que ningu\u00e9m vai olhar e a ficha torna-se um carrossel intermin\u00e1vel.<\/td>\n<\/tr>\n<tr>\n<td style=\"width: 200px;padding: 11px 12px;font-size: 13px;font-weight: bold;color: #017cba;vertical-align: top\">Um produto por cor<\/td>\n<td style=\"padding: 11px 12px;font-size: 13px;line-height: 1.6;color: #335066;vertical-align: top\">Cada cor tem a sua ficha limpa. Em troca, multiplica a manuten\u00e7\u00e3o pelo n\u00famero de cores, distribui avalia\u00e7\u00f5es e autoridade por v\u00e1rios URLs e cria conte\u00fado quase duplicado que compete consigo mesmo no Google.<\/td>\n<\/tr>\n<tr>\n<td style=\"width: 200px;padding: 11px 12px;font-size: 13px;font-weight: bold;color: #017cba;vertical-align: top\">Galeria por varia\u00e7\u00e3o<\/td>\n<td style=\"padding: 11px 12px;font-size: 13px;line-height: 1.6;color: #335066;vertical-align: top\">Uma \u00fanica ficha e cada cor com as suas pr\u00f3prias fotos. Requer um plugin, e esse \u00e9 todo o custo: a estrutura do cat\u00e1logo n\u00e3o muda.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2>Quantas fotos cada cor precisa<\/h2>\n<p>Antes de decidir a solu\u00e7\u00e3o, conv\u00e9m saber o volume real, porque \u00e9 isso que torna invi\u00e1vel a op\u00e7\u00e3o de meter tudo junto.<\/p>\n<ul>\n<li><strong>T\u00eaxtil:<\/strong> frontal, traseira, detalhe do tecido e pe\u00e7a vestida. Quatro por cor no m\u00ednimo.<\/li>\n<li><strong>Mobili\u00e1rio:<\/strong> conjunto, detalhe do acabamento e ambiente. Tr\u00eas por acabamento.<\/li>\n<li><strong>Cosm\u00e9tica:<\/strong> embalagem, textura e resultado aplicado. Tr\u00eas por tom.<\/li>\n<li><strong>Cal\u00e7ado:<\/strong> perfil, vista superior, sola e cal\u00e7ado. Quatro por cor.<\/li>\n<\/ul>\n<h2>O c\u00e1lculo que decide<\/h2>\n<p>Multiplica as tuas cores pelas fotos que cada uma precisa. Cinco cores por quatro vistas s\u00e3o vinte imagens numa \u00fanica ficha se as colocares todas juntas. O cliente que procura o azul tem de passar por dezasseis que n\u00e3o lhe interessam antes de chegar \u00e0 sua \u00faltima.<\/p>\n<p>No computador \u00e9 inc\u00f3modo. No telem\u00f3vel, onde o carrossel ocupa o ecr\u00e3 inteiro e se navega com o dedo, \u00e9 diretamente uma barreira. E essa barreira est\u00e1 precisamente no ponto em que o cliente decide se compra.<\/p>\n<h2>Como se monta com uma galeria por varia\u00e7\u00e3o<\/h2>\n<p>Com <a href=\"https:\/\/consultoriaehero.com\/pt\/produto\/ehero-woo-variation-gallery-varias-imagens-por-variante-em-woocommerce\/\">EHERO Woo Variation Gallery<\/a> o processo \u00e9 o mesmo que j\u00e1 conheces, s\u00f3 que cada varia\u00e7\u00e3o admite v\u00e1rias imagens em vez de uma:<\/p>\n<h3>Um conselho sobre a ordem das fotos<\/h3>\n<p>Mant\u00e9m a mesma ordem em todas as cores: primeiro a vista principal, depois o detalhe, depois a pe\u00e7a vestida. Quando o cliente muda de cor espera encontrar o mesmo no mesmo s\u00edtio, e se a ordem variar, a compara\u00e7\u00e3o torna-se inc\u00f3moda.<\/p>\n<ul>\n<li>Crias as varia\u00e7\u00f5es de cor como sempre, a partir do separador de varia\u00e7\u00f5es do WooCommerce.<\/li>\n<li>A cada uma atribuis a sua galeria: tantas fotos quantas essa cor precisar.<\/li>\n<li>O cliente seleciona a cor e a galeria completa \u00e9 substitu\u00edda instantaneamente.<\/li>\n<li>Carregam-se apenas as imagens da cor ativa, por isso a ficha n\u00e3o engorda.<\/li>\n<\/ul>\n<h2>O erro mais comum ao organizar as fotos<\/h2>\n<p>Antes mesmo de escolher a solu\u00e7\u00e3o, h\u00e1 uma decis\u00e3o que quase toda a gente toma mal: que foto vai primeiro em cada cor.<\/p>\n<p>O natural \u00e9 carregar as imagens na ordem em que sa\u00edram da sess\u00e3o, que costuma ser por blocos: todas as frontais, depois todas as traseiras, depois os detalhes. O resultado \u00e9 que cada cor acaba com uma ordem diferente, e quando o cliente muda de cor a primeira imagem n\u00e3o \u00e9 a mesma vista. Essa incoer\u00eancia obriga a reorientar-se a cada mudan\u00e7a e faz com que comparar duas cores seja inc\u00f3modo.<\/p>\n<p>A regra \u00e9 simples: <strong>a mesma ordem em todas as cores<\/strong>, sempre. Vista principal, detalhe, contexto de uso. Custa cinco minutos ao organizar o cat\u00e1logo e poupa fric\u00e7\u00e3o em cada visita.<\/p>\n<h2>O que olhar no telem\u00f3vel, que \u00e9 onde se decide<\/h2>\n<p>Mais de metade das visitas a uma ficha de produto chegam pelo telefone, e a\u00ed as regras mudam. A galeria ocupa o ecr\u00e3 inteiro, navega-se com o dedo e cada imagem a mais \u00e9 um deslizar a mais.<\/p>\n<ul>\n<li><strong>O seletor deve ser vis\u00edvel sem fazer scroll.<\/strong> Se o cliente tiver de descer para encontrar as cores, muitos nem tentam.<\/li>\n<li><strong>A mudan\u00e7a tem de ser instant\u00e2nea.<\/strong> Um recarregamento da p\u00e1gina no telem\u00f3vel, com liga\u00e7\u00e3o de dados, \u00e9 meio segundo longo e uma perda de posi\u00e7\u00e3o na ficha.<\/li>\n<li><strong>O peso importa o dobro.<\/strong> Carregar vinte imagens numa liga\u00e7\u00e3o m\u00f3vel \u00e9 a diferen\u00e7a entre uma ficha que abre e outra que o visitante abandona antes de ver nada.<\/li>\n<\/ul>\n<p>Essa \u00faltima \u00e9 a raz\u00e3o pr\u00e1tica pela qual meter todas as fotos na galeria do pai acaba por sair caro: n\u00e3o \u00e9 s\u00f3 inc\u00f3modo, \u00e9 lento precisamente onde pior cai.<\/p>\n<h2>E se venderes em v\u00e1rios idiomas<\/h2>\n<p>As imagens n\u00e3o se traduzem, mas as fichas sim. Se a tua loja for multilingue, confirma que a galeria por varia\u00e7\u00e3o se mant\u00e9m nas tradu\u00e7\u00f5es e n\u00e3o fica apenas no idioma original. Um produto que mostra as fotos corretas em espanhol e a galeria gen\u00e9rica em franc\u00eas \u00e9 pior do que n\u00e3o ter varia\u00e7\u00f5es separadas, porque a incoer\u00eancia nota-se.<\/p>\n<h2>Perguntas frequentes<\/h2>\n<p><strong>Quantas imagens posso colocar por cor?<\/strong><\/p>\n<p>As que precisares. N\u00e3o h\u00e1 um limite pr\u00e1tico, embora por desempenho e por experi\u00eancia de utiliza\u00e7\u00e3o convenha n\u00e3o passar de seis ou oito por varia\u00e7\u00e3o.<\/p>\n<p><strong>Tenho de carregar fotos para todas as cores desde o in\u00edcio?<\/strong><\/p>\n<p>N\u00e3o. As varia\u00e7\u00f5es sem galeria pr\u00f3pria mostram a do produto pai, por isso podes ir completando o cat\u00e1logo ao teu ritmo sem que nenhuma ficha fique vazia.<\/p>\n<p><strong>\u00c9 melhor isto do que criar um produto por cor?<\/strong><\/p>\n<p>Para quase todos os casos, sim. Mant\u00e9ns uma \u00fanica ficha \u2014 um pre\u00e7o, um stock, umas avalia\u00e7\u00f5es \u2014 e evitas que v\u00e1rios URLs quase id\u00eanticos compitam entre si nos resultados de pesquisa.<\/p>\n<p><strong>Pode combinar-se cor e tamanho?<\/strong><\/p>\n<p>Sim. A galeria associa-se \u00e0 varia\u00e7\u00e3o, por isso podes decidir se as fotos dependem s\u00f3 da cor ou da combina\u00e7\u00e3o completa de atributos, conforme tenhas montado o produto.<\/p>\n<h2>Guias relacionados<\/h2>\n<ul>\n<li><a href=\"https:\/\/consultoriaehero.com\/pt\/woocommerce-nao-muda-a-imagem-ao-escolher-uma-variacao-por-que-isso-acontece\/\">WooCommerce n\u00e3o muda a imagem ao escolher uma varia\u00e7\u00e3o<\/a><\/li>\n<\/ul>\n<h2>Conclus\u00e3o<\/h2>\n<p>Mostrar v\u00e1rias imagens por cor no WooCommerce n\u00e3o \u00e9 um capricho est\u00e9tico: \u00e9 mostrar ao cliente exatamente o produto que est\u00e1 prestes a comprar, sem o obrigar a procurar. Podes conseguir isso enchendo a galeria, duplicando fichas ou dando a cada varia\u00e7\u00e3o a sua. Se quiseres ver como fica a terceira op\u00e7\u00e3o, tens a demonstra\u00e7\u00e3o na p\u00e1gina da <a href=\"https:\/\/consultoriaehero.com\/pt\/varias-imagens-por-variante-no-woocommerce-ehero-woo-variation-gallery\/\">galeria de imagens por variante para WooCommerce<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Vender o mesmo produto em v\u00e1rias cores parece simples at\u00e9 chegarem as fotos. Cada cor precisa das suas pr\u00f3prias vistas \u2014 frontal, traseira, detalhe, vestido \u2014 e o WooCommerce s\u00f3 admite uma imagem por varia\u00e7\u00e3o. A partir da\u00ed come\u00e7am os remendos. Vamos ver quais existem, qual compensa mais e o que acontece com a sua [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":11479,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_jf_save_progress":"","rank_math_focus_keyword":"varias im\u00e1genes por color WooCommerce, im\u00e1genes por variaci\u00f3n WooCommerce, fotos por color WooCommerce, galer\u00eda por color WooCommerce","rank_math_title":"V\u00e1rias imagens por cor no WooCommerce: guia pr\u00e1tico","rank_math_description":"Como mostrar v\u00e1rias imagens por cor no WooCommerce sem duplicar fichas nem encher a galeria de fotos que o cliente n\u00e3o procura. Guia com as op\u00e7\u00f5es reais.","rank_math_robots":[],"rank_math_canonical_url":"","rank_math_seo_score":44,"footnotes":""},"categories":[1561,34,1569],"tags":[],"class_list":["post-10503","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-e-commerce-pt","category-marketing-digital","category-wordpress-pt"],"acf":[],"_links":{"self":[{"href":"https:\/\/consultoriaehero.com\/wp-json\/wp\/v2\/posts\/10503","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/consultoriaehero.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/consultoriaehero.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/consultoriaehero.com\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/consultoriaehero.com\/wp-json\/wp\/v2\/comments?post=10503"}],"version-history":[{"count":1,"href":"https:\/\/consultoriaehero.com\/wp-json\/wp\/v2\/posts\/10503\/revisions"}],"predecessor-version":[{"id":10504,"href":"https:\/\/consultoriaehero.com\/wp-json\/wp\/v2\/posts\/10503\/revisions\/10504"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/consultoriaehero.com\/wp-json\/wp\/v2\/media\/11479"}],"wp:attachment":[{"href":"https:\/\/consultoriaehero.com\/wp-json\/wp\/v2\/media?parent=10503"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/consultoriaehero.com\/wp-json\/wp\/v2\/categories?post=10503"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/consultoriaehero.com\/wp-json\/wp\/v2\/tags?post=10503"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}