Prodotti complementari

Link in evidenza

1. Documentazione Shopify su sezioni e blocchi
2. Documentazione Shopify sulla personalizzazione delle sezioni
3. Documentazione Company XYZ sulle impostazioni dei controlli della presentazione
4. Documentazione Company XYZ sulle impostazioni degli header
5. Documentazione Company XYZ sulle icone
6. Documentazione Company XYZ sulle varianti dei prodotti
7. Documentazione Company XYZ sulle impostazioni delle schede prodotto
8. Documentazione Company XYZ sulle impostazioni delle schede
9. Documentazione Company XYZ sulle impostazioni dei colori
10. Documentazione Company XYZ sulle impostazioni del padding della sezione
11. Documentazione Company XYZ sulle impostazioni degli sfondi delle sezioni
12. Documentazione Company XYZ sull’utilizzo dei video
13. Documentazione Company XYZ sulle impostazioni dei separatori
14. Documentazione Company XYZ sulle impostazioni di visibilità

Video utili

Video Shopify: 9 suggerimenti per ottimizzare le pagine prodotto e aumentare le vendite

Video Shopify: 9 suggerimenti per ottimizzare le pagine prodotto e aumentare le vendite

Mostra prodotti aggiuntivi correlati insieme al prodotto corrente per incoraggiare ordini più grandi. Questo blocco utilizza la configurazione dei prodotti complementari per mostrare gli articoli pertinenti nascondendo automaticamente i prodotti non disponibili e i prodotti già presenti nel carrello. Per sapere come i blocchi sono organizzati nei temi, consulta la documentazione Shopify su sezioni e blocchi

Questo blocco dipende dal fatto che i dati dei prodotti complementari siano configurati nell’app Search & Discovery. Se non appare nulla, controlla che i prodotti correlati siano stati assegnati per il prodotto che stai visualizzando.

Impostazioni principali

Usa il numero di articoli per controllare quanta scelta mostri in una volta. Impostare il numero su 0 restituisce tutte le corrispondenze disponibili, fino a 50, e può funzionare bene per cataloghi ampi, ma può risultare affollato se le schede prodotto mostrano molti dettagli.

Se vuoi che questo blocco funzioni come un rapido invito all’acquisto di un complemento, mantieni l’elenco più ristretto. Di solito un insieme più piccolo è più facile da consultare e appare più intenzionale.

Nota

Il numero finale mostrato può essere inferiore al numero scelto perché questo blocco nasconde gli articoli esauriti e i prodotti già nel carrello.

Impostazioni di layout

Queste impostazioni controllano come le raccomandazioni sono disposte su desktop, tablet e mobile. Usa una griglia quando vuoi mostrare più prodotti alla volta, oppure una presentazione quando vuoi una presentazione più compatta e focalizzata.

Le scelte delle colonne contano soprattutto nelle griglie e nelle presentazioni con più schede. Su tablet, impostare il numero di colonne su 0 riutilizza il valore del desktop, il che è utile quando vuoi meno regolazioni specifiche per dispositivo.

Numeri di colonne più alti funzionano meglio con schede più semplici. Se le schede includono testo aggiuntivo, pulsanti o selettori di varianti, meno colonne in genere mantengono il blocco più facile da consultare.

Impostazioni della presentazione

Quando utilizzi layout di presentazione, queste impostazioni definiscono il movimento del blocco e il modo in cui gli acquirenti vi interagiscono. Puoi controllare lo stile e la velocità dell’animazione, la riproduzione automatica, il loop, la posizione della navigazione, la paginazione e le anteprime delle diapositive. Per saperne di più su questi controlli, consulta i controlli della presentazione.

La dissolvenza è la scelta migliore quando vuoi mettere in evidenza una raccomandazione alla volta. Impone un layout a una sola diapositiva e disattiva il comportamento in stile anteprima e gli stili di paginazione che si basano su più diapositive visibili.

Se attivi la riproduzione automatica, mantieni il movimento calmo e facile da interrompere. La pausa al passaggio del mouse può rendere la riproduzione automatica meno invasiva su desktop.

Consiglio

Usa un layout scorrevole quando i clienti devono confrontare rapidamente diversi prodotti. Usa la dissolvenza quando vuoi una presentazione più pulita, con un prodotto alla volta.

Impostazioni dell’header

L’header opzionale aiuta a spiegare perché questi prodotti stanno insieme e dà più struttura al blocco sulla pagina. Un titolo breve, una didascalia o un sottotitolo possono far sembrare le raccomandazioni curate invece che automatiche.

Puoi anche aggiungere un’icona e un pulsante per indirizzare gli acquirenti verso una collezione più ampia, una pagina bundle o una guida all’acquisto. Mantieni il testo del pulsante specifico, in modo che supporti le raccomandazioni invece di competere con esse.

Scegli il tipo di titolo in base al resto della gerarchia della pagina. Se la pagina ha già un titolo principale forte, di solito un livello di titolo inferiore si adatta meglio. Per ulteriori indicazioni, consulta Impostazioni dell’header e icons.

Impostazioni standard del blocco

Impostazioni scheda

Queste impostazioni condivise ti consentono di sovrascrivere la normale presentazione della scheda prodotto per questo blocco. Puoi regolare stile della scheda, rapporti dell’immagine, densità del testo, trattamento della CTA, allineamento del testo e comportamento del selettore di varianti per adattarli meglio alle raccomandazioni di prodotti aggiuntivi.

Gli stili di scheda più semplici in genere funzionano meglio quando mostri diversi prodotti alla volta. Se attivi i selettori di varianti, assicurati che aiutino davvero la decisione d’acquisto invece di rendere il blocco troppo affollato. Per la configurazione del selettore di varianti, consulta product variants e, per un comportamento più ampio delle schede, consulta Impostazioni scheda prodotto.

Impostazioni colore scheda

Queste impostazioni sovrascrivono l’aspetto della scheda solo all’interno di questo blocco. Sono utili quando vuoi che i prodotti complementari risaltino rispetto ad altri elenchi di prodotti senza modificare il tema più ampio.

I controlli dell’overlay del banner si applicano solo quando utilizzi lo stile scheda Banner. Altrimenti, concentrati su colori di sfondo, bordo, titolo e testo che mantengano facili da leggere prezzi, titoli e azioni. Per saperne di più, consulta Impostazioni scheda.

Impostazioni colori

Queste impostazioni controllano i colori dell’icona e del testo a livello di blocco attorno al contenuto dell’header. Sono più utili quando vuoi che l’area del titolo si coordini con uno sfondo personalizzato o con uno stile di campagna.

Controlla attentamente il contrasto se il blocco si trova su uno sfondo colorato, con immagine o video, così che titoli e testo di supporto rimangano leggibili. Consulta Impostazioni colore.

Impostazioni di padding

Il padding controlla lo spazio sopra e sotto il contenuto del blocco. Aumentalo quando le raccomandazioni hanno bisogno di più respiro, oppure riducilo quando il blocco dovrebbe sembrare strettamente legato ai dettagli del prodotto vicini.

Le modifiche al padding sono più evidenti quando usi anche sfondi o separatori. Consulta Impostazioni di padding della sezione.

Impostazioni dello sfondo del blocco

Queste impostazioni aggiungono un colore, una sfumatura, un’immagine o un video dietro l’intero blocco. Possono aiutare a mettere in evidenza l’area delle raccomandazioni, ma sfondi marcati possono anche rendere il layout più pesante se le schede prodotto contengono già molti dettagli.

I controlli dell’overlay aiutano a mantenere leggibile il testo sugli sfondi con immagine o video. I media di sfondo specifici per mobile sono utili quando la grafica desktop viene ritagliata male su schermi più piccoli. Consulta Impostazioni sfondo sezione e using video.

Attenzione

Sfondi forti combinati con layout di schede densi possono rendere le raccomandazioni più difficili da consultare. Se il blocco inizia a sembrare affollato, semplifica lo sfondo o lo stile della scheda.

Impostazioni dei separatori

I separatori aggiungono una linea superiore o inferiore per dividere visivamente questo blocco dai contenuti vicini. Funzionano bene quando la pagina ha diverse aree di contenuto impilate e ha bisogno di un po’ più di struttura.

Se lo spazio o il contrasto dello sfondo separano già chiaramente il blocco, potresti non averne bisogno. Consulta Impostazioni dei separatori.

Impostazioni di visibilità

I controlli di visibilità ti consentono di nascondere questo blocco su desktop o mobile. È utile quando vuoi una strategia di raccomandazione diversa o un layout diverso sugli schermi più piccoli.

Se nascondi il blocco in una fascia di dispositivi, assicurati che i prodotti correlati siano ancora facili da scoprire altrove nella pagina. Consulta Impostazioni di visibilità.

Impostazioni dell’editor

Il titolo dell’editor cambia solo il modo in cui questo blocco è etichettato nella barra laterale dell’editor. Rinominandolo, quando usi più blocchi di tipo raccomandazione, diventa più facile distinguerli durante la modifica. Per opzioni di personalizzazione correlate, consulta la documentazione Shopify sulla personalizzazione delle sezioni

Note sull’uso

1. Imposta prima le relazioni. Se il blocco appare vuoto, conferma che i prodotti complementari siano stati assegnati al prodotto corrente.
2. Mantieni l’elenco focalizzato. Meno elementi in genere creano un’area di raccomandazione più forte e rendono le decisioni più semplici.
3. Abbina il layout alla densità delle schede. Usa meno colonne o stili di scheda più semplici quando le schede includono testo aggiuntivo, pulsanti o selettori di varianti.
4. Usa il movimento con cautela. Le impostazioni di riproduzione automatica, dissolvenza e anteprima dovrebbero supportare la navigazione invece di distrarre dalla pagina prodotto.
5. Testa entrambe le dimensioni della viewport. Verifica desktop e mobile per assicurarti che controlli, spaziatura e scelte dei media risultino chiari in ciascun layout.
6. Aspettati stati del prodotto diversi. Controlla il blocco con prodotti idonei, articoli non disponibili e prodotti già nel carrello così da poter valutare il risultato reale.