Gli stili del selettore prodotto controllano come i clienti scelgono le varianti, le opzioni di prezzo, le quantità e le selezioni di upsell nella Pagina Dettaglio Prodotto. Con le opzioni di visualizzazione Dropdown e Pills, puoi creare un'esperienza di acquisto in linea con il design del tuo store, rendendo le scelte di prodotto più facili da comprendere. Questo articolo spiega come funzionano gli stili del selettore, quando usare ciascun layout e come configurarli in HITLEAD.

INDICE DEI CONTENUTI

Cos'è lo stile del selettore prodotto?

Lo stile del selettore prodotto controlla come appaiono le opzioni selezionabili nella Pagina Dettaglio Prodotto. Queste opzioni possono includere varianti, scelte di prezzo, quantità e selezioni di upsell. Scegliere lo stile corretto aiuta i clienti a capire rapidamente le opzioni disponibili e a completare l'acquisto con meno attrito.

Al momento sono supportati due formati di visualizzazione:

  • Dropdown: Mostra le opzioni prodotto all'interno di un menu a tendina compatto.
  • Pills: Mostra le opzioni prodotto come pulsanti selezionabili direttamente sulla pagina.

Vantaggi principali dello stile del selettore prodotto

Personalizzare gli stili del selettore offre ai merchant un maggiore controllo sull'esperienza di acquisto. Un layout chiaro può aiutare i clienti a confrontare le opzioni, scegliere la configurazione giusta e procedere al checkout con più sicurezza.

  • Maggiore visibilità delle opzioni prodotto: Le Pills mostrano tutte le scelte disponibili immediatamente, rendendo le varianti più facili da scoprire.
  • Esperienza store coerente: I selettori di varianti, i selettori di quantità, le opzioni di upsell e i selettori multi-prezzo seguono ora uno schema visivo unificato.
  • Migliore usabilità mobile: Il comportamento dei selettori è ottimizzato sia per l'esperienza desktop che mobile.
  • Controllo flessibile del design: Puoi scegliere tra un layout Dropdown compatto o un layout Pills più visivo.
  • Anteprima accurata: Il comportamento dei selettori è visibile sia nel Page Builder che nell'anteprima del Builder, così puoi verificare le modifiche prima di pubblicare.

I due stili sono pensati per esigenze diverse. La scelta migliore dipende da quante opzioni prodotto offri e da quanto vuoi renderle visibili sulla pagina.

Dropdown — Ideale per:

Prodotti con molte varianti
Layout di pagina compatti
Store che preferiscono un'esperienza di selezione tradizionale
Store esistenti che vogliono mantenere il comportamento predefinito del selettore

Lo stile Pills mostra le opzioni prodotto come pulsanti selezionabili direttamente sulla pagina. Questo rende le scelte più visibili e aiuta i clienti a confrontare le opzioni disponibili più velocemente.

Pills — Ideale per:

Prodotti con poche varianti
Store che vogliono un'esperienza di selezione più visiva
Pagine prodotto dove la scoperta delle opzioni è importante
Merchant che vogliono personalizzare i colori degli stati selezionato e non selezionato

Come configurare gli stili del selettore prodotto

Una configurazione corretta garantisce che i clienti vedano il layout del selettore desiderato nella Pagina Dettaglio Prodotto. Ti consigliamo di verificare lo stile del selettore nell'anteprima del Builder prima di pubblicare, per confermare che varianti, opzioni di prezzo e controlli di quantità vengano visualizzati correttamente su tutti i dispositivi.

  1. Apri il tuo Store Builder in HITLEAD.

    Schermata 1 — Come personalizzare gli stili del selettore prodotto nella pagina dettaglio prodotto

  2. Modifica la Pagina Dettaglio Prodotto.

  3. Seleziona l'elemento Prodotto sulla pagina.

  4. Nel pannello delle impostazioni generali, individua Variants styling.

    Schermata 2 — Come personalizzare gli stili del selettore prodotto nella pagina dettaglio prodotto

  5. Scegli uno degli stili di visualizzazione disponibili:

    • Dropdown

      Schermata 3 — Come personalizzare gli stili del selettore prodotto nella pagina dettaglio prodotto

    • Pills

      Schermata 4 — Come personalizzare gli stili del selettore prodotto nella pagina dettaglio prodotto

  6. Verifica la Pagina Dettaglio Prodotto nell'anteprima del Builder.

  7. Salva e pubblica le modifiche.

Note importanti:

Dropdown rimane il formato di visualizzazione varianti predefinito per gli store esistenti.
Gli store esistenti non passeranno automaticamente a Pills.
Pills mostra visivamente tutte le opzioni varianti nella Pagina Dettaglio Prodotto.
Pills supporta la selezione singola per gruppo di varianti.
La personalizzazione del colore della quantità è disponibile solo quando si seleziona lo stile Pills.

Domande frequenti

D: Questa modifica cambierà automaticamente il layout del mio store esistente? No. Gli store esistenti continuano a usare Dropdown come stile predefinito, a meno che tu non modifichi manualmente le impostazioni dell'elemento Prodotto scegliendo Pills.

D: Qual è la differenza tra Dropdown e Pills? Dropdown inserisce le opzioni all'interno di un menu, mentre Pills le mostra come pulsanti selezionabili direttamente nella Pagina Dettaglio Prodotto.

D: Quando è meglio usare Pills invece di Dropdown? Usa Pills quando vuoi che i clienti vedano tutte le opzioni disponibili immediatamente. Pills funziona bene per prodotti con poche varianti o per store che preferiscono un'esperienza di acquisto più visiva.

D: Quando è meglio usare Dropdown invece di Pills? Usa Dropdown quando il tuo prodotto ha molte varianti o quando vuoi mantenere la Pagina Dettaglio Prodotto più compatta.

D: I clienti possono selezionare più di un'opzione dallo stesso gruppo di varianti? No. Pills supporta la selezione singola per gruppo di varianti. Ad esempio, un cliente può selezionare una taglia dal gruppo taglie e un colore dal gruppo colori.

D: I selettori multi-prezzo seguono lo stesso stile delle varianti? Sì. I selettori multi-prezzo seguono ora la stessa configurazione Dropdown o Pills e lo stesso comportamento di stile usato per i selettori di varianti.

D: Perché non posso personalizzare i colori del selettore di quantità con lo stile Dropdown? La personalizzazione del colore della quantità è disponibile solo con lo stile Pills, per mantenere coerente il comportamento del design dei selettori.

D: Posso visualizzare in anteprima gli stili del selettore prima di pubblicare? Sì. Il comportamento dei selettori è visibile sia nel Page Builder che nell'anteprima del Builder, così puoi verificare l'esperienza prima di pubblicare.

D: Questo aggiornamento si applica anche agli store su mobile? Sì. Il comportamento dei selettori è stato migliorato sia per l'esperienza desktop che mobile.

D: La selezione di una variante aggiorna l'immagine del prodotto? Sì. Quando un cliente seleziona una variante, HITLEAD seleziona automaticamente l'immagine associata a quella variante, se disponibile. Se la variante selezionata non ha un'immagine associata, l'immagine visualizzata rimane invariata. Selezionare un'immagine del prodotto non cambia la variante selezionata.

Articoli correlati

  • Pagina Dettaglio Prodotto personalizzata per gli store e-commerce
  • Layout media prodotto per la Pagina Dettaglio Prodotto in HITLEAD
  • Come configurare uno store online e-commerce (Siti web)
  • Per iniziare – Crea e vendi prodotti
  • Come aggiungere peso, dimensioni e SKU dei prodotti nel tuo store e-commerce
  • Upsell di prodotti nel checkout dello store online