Immagine principale prodotto WooCommerce e ordine della galleria: guida breve
L'immagine principale del prodotto WooCommerce la imposti nell'editor del prodotto, nella colonna di destra, nel riquadro Immagine prodotto. È l'immagine che compare nell'elenco prodotti, nel carrello e per prima nella pagina del prodotto. Le altre immagini le aggiungi sotto, nel riquadro Galleria prodotto, e ne cambi l'ordine trascinando le miniature con il mouse.
Autore: Il team TellMyShop. Una guida per i titolari di siti WordPress e negozi WooCommerce: la causa, la correzione a mano e lo stesso lavoro in una conversazione in chat.
Ultimo aggiornamento: · 6 min di lettura
Dove compare ogni immagine?
L'immagine principale lavora in più posti della galleria, quindi conviene sceglierla di proposito invece di prendere il primo scatto del servizio fotografico.
| Posto | Quale immagine | A cosa fare attenzione |
|---|---|---|
| elenchi di prodotti e categorie | l'immagine principale, ritagliata in miniatura | quadrata di default, quindi le immagini verticali perdono sopra e sotto |
| pagina del prodotto | l'immagine principale, con la galleria sotto | l'ordine della galleria lo imposti a mano |
| carrello ed email degli ordini | l'immagine principale, una piccola miniatura | un dettaglio ravvicinato nel carrello non si legge |
| variazione scelta | l'immagine della variazione al posto della principale | senza immagine della variazione il cliente vede sempre la principale |
| condivisione sui social | di solito l'immagine principale, tramite il plugin SEO | il plugin SEO può avere un campo immagine separato |
| Google e il feed prodotti | l'immagine principale come immagine del prodotto | deve mostrare chiaramente il prodotto stesso |
WooCommerce descrive le tre dimensioni delle immagini e le impostazioni di ritaglio nella documentazione su immagini e gallerie dei prodotti. Google, nella specifica del link immagine del prodotto, chiede che l'immagine principale mostri chiaramente il prodotto in vendita e che gli altri scatti vadano nelle immagini aggiuntive.
Come cambiare l'immagine principale e ordinare la galleria
Un prodotto lo cambi nella bacheca in pochi minuti.
- Apri Prodotti → Tutti i prodotti e modifica il prodotto.
- Nella colonna di destra trova il riquadro Immagine prodotto. Clicca l'immagine attuale o il link per impostarne una.
- Scegli un'immagine dalla libreria media o caricane una nuova. Già che ci sei, scrivi il testo alternativo, una breve descrizione di cosa si vede.
- Sotto, nel riquadro Galleria prodotto, aggiungi altre immagini. Puoi selezionarne diverse insieme tenendo premuto Ctrl o Cmd.
- Trascina le miniature della galleria nell'ordine in cui il cliente deve vederle.
- Clicca Aggiorna e apri la pagina del prodotto in una finestra privata per vederla come un cliente.
Un ordine della galleria che di solito funziona: il prodotto su sfondo bianco, il prodotto in uso, un dettaglio (cucitura, texture, chiusura), scala o dimensioni, confezione. La prima immagine risponde a «cos'è», le successive alle domande che un cliente farebbe in un negozio fisico.
Quale immagine deve essere la principale? Una che dice ancora cos'è il prodotto anche come piccola miniatura nell'elenco. Il prodotto da solo, senza confezione, su uno sfondo chiaro e tranquillo, intero e centrato. Tieni la stessa inquadratura e lo stesso rapporto in tutta una categoria, perché un elenco che mescola scatti verticali, orizzontali e ambientati sembra disordinato. Foto con modelli, scene ambientate e dettagli tienili per la galleria.
In un prodotto variabile dai un'immagine a ogni variazione che ha un aspetto diverso, di solito a ogni colore. Apri la scheda Variazioni, espandi la variazione e clicca l'icona dell'immagine accanto. Le taglie dello stesso colore possono condividere un'immagine.
Scrivi testi alternativi precisi: «felpa nera con cappuccio, vista laterale», senza infilarci parole chiave. Ne parliamo di più nell'articolo sul testo alternativo in WordPress, e Google lo tratta nella sua guida alla SEO per le immagini.
Immagine sbagliata nell'elenco, anche se la pagina del prodotto è a posto?
Di solito la colpa è del ritaglio, della cache o di una variazione. Controlla queste tre cose una dopo l'altra.
- Ritaglio delle miniature. In Aspetto → Personalizza → WooCommerce → Immagini del prodotto c'è un'impostazione per il rapporto delle miniature. Il quadrato taglia le immagini verticali. Dopo una modifica WooCommerce rigenera le miniature in background, e con un catalogo grande ci vuole un po'.
- Cache. Un plugin di cache o l'hosting possono mostrare un elenco vecchio. Controlla in una finestra privata e, se serve, svuota la cache. Di più nell'articolo sul perché le modifiche non si vedono in WordPress.
- Una variazione con una sua immagine. In un prodotto variabile l'immagine della variazione scelta sostituisce la principale. Se la variazione ha un'immagine vecchia, il cliente vede l'immagine vecchia.
Se accanto agli articoli del blog non compare nessuna immagine, è un altro tema. L'immagine in evidenza degli articoli la trattiamo in un articolo a parte sull'immagine in evidenza di WordPress.
Come cambiare le immagini di molti prodotti insieme
Per un prodotto basta la bacheca. Quando un fornitore manda nuove foto per 80 prodotti, o dopo un'importazione metà catalogo ha la confezione come immagine principale, sono molte serate di clic.
Il plugin TellMyShop per WordPress e WooCommerce collega il tuo negozio alla chat. In TellMyShop Free la chat trova i prodotti senza immagine principale e le immagini senza testo alternativo e te ne mostra l'elenco. Non salva niente.
In TellMyShop Pro la chat cambia le immagini in blocchi fino a 50 prodotti. Imposta l'immagine principale dalla libreria media o da un indirizzo pubblico, aggiunge e toglie immagini della galleria, ne sistema l'ordine e scrive i testi alternativi. Per una variazione imposta un'immagine della variazione. Funziona subito dopo l'attivazione della licenza, senza interruttori.
Tu: Nella categoria Tazze l'immagine principale è la scatola. Metti come principale la foto della sola tazza e sposta la scatola alla fine della galleria.
La tua chat: Nella categoria Tazze ci sono 24 prodotti. In 19 la prima immagine è la scatola e la tazza è seconda nella galleria. Esempio:
5 prodotti non hanno una foto della sola tazza, quindi quelli li lascio stare.
Tu: Va bene, fai i 19.
La tua chat: Preparo un'anteprima di tutto il blocco. Salvo dopo il tuo «sì».
Stato della scheda: in attesa del tuo «sì»Tazza smaltata 350 ml
versione precedente: Immagine principale: tazza-smaltata-scatola.jpg
nuova versione: Immagine principale: tazza-smaltata-lato.jpg
versione precedente: Galleria: tazza-smaltata-lato.jpg, tazza-smaltata-dettaglio.jpg
nuova versione: Galleria: tazza-smaltata-dettaglio.jpg, tazza-smaltata-scatola.jpg
I numeri e i nomi dei file nella conversazione sono esempi. Ogni blocco finisce nella cronologia delle modifiche. L'annullamento ripristina le assegnazioni delle immagini e i testi alternativi, mentre i file scaricati da indirizzi restano nella libreria media. Puoi annullare la maggior parte delle modifiche con una sola richiesta.
Cosa TellMyShop non fa: non scatta foto, non le ritocca in un programma di grafica e non cambia il rapporto delle miniature nelle impostazioni dell'aspetto. Il ritaglio lo imposti tu, in pochi clic.
Parti dal gratuito TellMyShop Free, che trova i prodotti senza immagini. Funziona con Claude o ChatGPT, anche con account gratuiti. I dettagli sono nella pagina TellMyShop per WordPress e WooCommerce, e i prezzi di Pro nella pagina prezzi. Se stai appena impostando i prodotti, parti dall'articolo su come aggiungere un prodotto in WooCommerce.
Domande e risposte
Dove cambio l'immagine principale del prodotto in WooCommerce?
Nell'editor del prodotto, nella colonna di destra, nel riquadro Immagine prodotto. Clicca l'immagine attuale, scegline un'altra dalla libreria media o caricane una nuova e aggiorna il prodotto. L'immagine di questo riquadro compare nell'elenco prodotti, nel carrello e per prima nella pagina del prodotto.
Come cambio l'ordine delle immagini nella galleria del prodotto?
Nel riquadro Galleria prodotto trascina le miniature con il mouse nelle nuove posizioni e aggiorna il prodotto. L'immagine principale viene sempre prima della galleria, quindi per mettere prima un'altra immagine impostala come immagine prodotto.
Perché le miniature nell'elenco prodotti sono tagliate?
WooCommerce ritaglia le immagini negli elenchi su un unico rapporto, quadrato di default. Il rapporto lo cambi in Aspetto → Personalizza → WooCommerce → Immagini del prodotto. Quando le immagini hanno proporzioni diverse, conviene prepararle in un unico formato fin dall'inizio.
Una variazione del prodotto può avere una sua immagine?
Sì, un'immagine per variazione. La imposti nella scheda Variazioni, nelle impostazioni di quella variazione. Quando il cliente sceglie, per esempio, il rosso, quell'immagine sostituisce l'immagine principale nella pagina del prodotto.
La chat cambia le immagini di molti prodotti insieme?
Sì, in TellMyShop Pro, fino a 50 prodotti per blocco e senza accendere interruttori. Imposta l'immagine principale, aggiunge immagini alla galleria, ne sistema l'ordine e scrive i testi alternativi. Ogni blocco lo vedi in anteprima prima del salvataggio.
WordPress è un marchio della WordPress Foundation. WooCommerce è un marchio di Automattic Inc. Claude è un marchio di Anthropic PBC. ChatGPT e OpenAI sono marchi di OpenAI. TellMyShop non è affiliato a queste aziende.