Vendre el mateix producte en diversos colors sembla senzill fins que arriben les fotos. Cada color necessita les seves pròpies vistes —frontal, posterior, detall, posat— i WooCommerce només admet una imatge per variació. A partir d’aquí comencen els pegats. Veurem quins hi ha, quin surt millor i què li passa a la teva conversió amb cadascun.
Per què el color és el cas més problemàtic
El color és l’atribut que més canvia el que veu el client. Una talla no altera la foto; un color la canvia sencera. I és també l’atribut pel qual més es decideix: qui dubta entre el verd i el bordeus vol veure’ls tots dos bé, no imaginar-se’ls.
Aquí hi ha el problema de fons: la decisió de compra depèn d’unes imatges que WooCommerce no està preparat per mostrar de manera separada.
Les tres maneres de resoldre-ho i el que costa cadascuna
| Totes les fotos a la galeria del pare | Ràpid de muntar i gratis. El client veu les fotos de tots els colors barrejades, el mòbil carrega imatges que ningú mirarà i la fitxa es converteix en un carrusel interminable. |
| Un producte per color | Cada color té la seva fitxa neta. A canvi multipliques el manteniment pel nombre de colors, reparteixes ressenyes i autoritat entre diverses URLs i crees contingut gairebé duplicat que competeix amb si mateix a Google. |
| Galeria per variació | Una sola fitxa i cada color amb les seves pròpies fotos. Requereix un plugin, i aquest és tot el cost: l’estructura del catàleg no canvia. |
Quantes fotos necessita cada color
Abans de decidir la solució convé saber el volum real, perquè és el que fa inviable l’opció de posar-ho tot junt.
- Tèxtil: frontal, posterior, detall del teixit i peça posada. Quatre per color com a mínim.
- Mobiliari: conjunt, detall de l’acabat i ambient. Tres per acabat.
- Cosmètica: envàs, textura i resultat aplicat. Tres per to.
- Calçat: perfil, zenital, sola i posat. Quatre per color.
El càlcul que decideix
Multiplica els teus colors per les fotos que necessita cadascun. Cinc colors per quatre vistes són vint imatges en una sola fitxa si les poses totes juntes. El client que busca el blau ha de passar per setze que no li interessen abans d’arribar a la seva última.
En escriptori és molest. En mòbil, on el carrusel ocupa tota la pantalla i es navega amb el dit, és directament una barrera. I aquesta barrera és just al punt on el client decideix si compra.
Com es munta amb una galeria per variació
Amb EHERO Woo Variation Gallery el procés és el mateix que ja coneixes, només que cada variació admet diverses imatges en lloc d’una:
Un consell sobre l’ordre de les fotos
Mantén el mateix ordre en tots els colors: primer la vista principal, després el detall, després la peça posada. Quan el client canvia de color espera trobar el mateix al mateix lloc, i si l’ordre balla, la comparació es torna incòmoda.
- Crea les variacions de color com sempre, des de la pestanya de variacions de WooCommerce.
- A cadascuna li assignes la seva galeria: tantes fotos com necessiti aquell color.
- El client selecciona el color i la galeria completa se substitueix a l’instant.
- Només es carreguen les imatges del color actiu, així que la fitxa no s’engreixa.
L’error més comú a l’hora d’organitzar les fotos
Abans fins i tot d’escollir solució, hi ha una decisió que gairebé tothom pren malament: quina foto va primera en cada color.
El més natural és pujar les imatges en l’ordre en què van sortir de la sessió, que sol ser per blocs: totes les frontals, després totes les posteriors, després els detalls. El resultat és que cada color acaba amb un ordre diferent, i quan el client canvia de color la primera imatge no és la mateixa vista. Aquesta incoherència obliga a reorientar-se a cada canvi i fa que comparar dos colors sigui incòmode.
La regla és simple: el mateix ordre en tots els colors, sempre. Vista principal, detall, context d’ús. Costa cinc minuts a l’hora d’organitzar el catàleg i estalvia fricció a cada visita.
Què mirar al mòbil, que és on es decideix
Més de la meitat de les visites a una fitxa de producte arriben des del telèfon, i aquí les regles canvien. La galeria ocupa tota la pantalla, es navega amb el dit i cada imatge de més és un desplaçament de més.
- El selector s’ha de veure sense fer scroll. Si el client ha de baixar per trobar els colors, molts ni ho intenten.
- El canvi ha de ser instantani. Un recarregament de pàgina al mòbil, amb connexió de dades, és mig segon llarg i una pèrdua de posició a la fitxa.
- El pes importa el doble. Carregar vint imatges en una connexió mòbil és la diferència entre una fitxa que obre i una que el visitant abandona abans de veure res.
Aquesta última és la raó pràctica per la qual posar totes les fotos a la galeria del pare acaba sortint car: no és només incòmode, és lent just on pitjor s’encaixa.
I si vens en diversos idiomes
Les imatges no es tradueixen, però les fitxes sí. Si la teva botiga és multidioma, comprova que la galeria per variació es manté a les traduccions i no es queda només en l’idioma original. Un producte que mostra les fotos correctes en castellà i la galeria genèrica en francès és pitjor que no tenir variacions separades, perquè la incoherència es nota.
Preguntes freqüents
Quantes imatges puc posar per color?
Les que necessitis. No hi ha un límit pràctic, tot i que per rendiment i per experiència d’ús convé no passar de sis o vuit per variació.
He de pujar fotos per a tots els colors des del principi?
No. Les variacions sense galeria pròpia mostren la del producte pare, així que pots anar completant el catàleg al teu ritme sense que cap fitxa es quedi buida.
És millor això que crear un producte per color?
Per a gairebé tots els casos, sí. Mantens una sola fitxa —un preu, un estoc, unes ressenyes— i evites que diverses URLs gairebé idèntiques competeixin entre si als resultats de cerca.
Es pot combinar color i talla?
Sí. La galeria s’associa a la variació, així que pots decidir si les fotos depenen només del color o de la combinació completa d’atributs, segons com tinguis muntat el producte.
Guies relacionades
Conclusió
Mostrar diverses imatges per color a WooCommerce no és un caprici estètic: és ensenyar al client exactament el producte que està a punt de comprar, sense obligar-lo a remenar. Pots aconseguir-ho omplint la galeria, duplicant fitxes o donant a cada variació la seva. Si vols veure com queda la tercera opció, tens la demostració a la pàgina de la galeria d’imatges per variació per a WooCommerce.
