Crea un catalogo di prodotti interattivo

Aiuta i visitatori a esaminare i dettagli, scegliere varianti e confrontare le opzioni prima di decidere.

Un produttore di biancheria sta preparando un nuovo completo di lenzuola. I clienti chiedono se va bene per un materasso alto, quanto differiscono i colori e cosa cambia fra Queen e King. Una fotografia e un prezzo non rispondono a nessuna delle tre domande.

Un catalogo interattivo serve quando le persone devono esaminare un articolo e scegliere prima di contattarti o inviare una richiesta. Anche un catalogo con un solo prodotto ha senso se mostra l'effetto della selezione: fotografia, dimensioni e prezzo corretti accanto alla variante scelta.

In breve

Elenca varianti, foto, dimensioni e prezzi di esempio. Chiedi selettori che aggiornino prodotto e riepilogo. Prova a cambiare taglia e quantità, poi controlla il carrello dimostrativo. Verifica ogni variante sui tuoi dati prima di condividere l'app.

Partire dalle decisioni del visitatore

Elenca prima varianti e caratteristiche. Distingui i prezzi mostrati dalle promesse su pagamento e disponibilità. Per la bozza usa valori di esempio espliciti:

Markdown
Crea un catalogo interattivo per un completo di lenzuola in lino
immaginario. Offri i colori Avena e Argilla, Queen a 140 USD e King a
160 USD. Indica chiaramente che foto e prezzi sono di esempio.
Mostra dimensioni, una guida per materassi alti 15 pollici, materiali
e cura. Consenti di scegliere colore, taglia e quantità e aggiungere
la selezione a un carrello dimostrativo con totale dettagliato.
Aggiungi recensioni indicate come esempi e un filtro per quelle con foto.
L'app serve a esplorare il prodotto: non aggiungere pagamento né
affermazioni sulle scorte in tempo reale.

Sostituisci tutti i dati di esempio con quelli del tuo catalogo prima di usarlo pubblicamente. Consulta Crea un'app interattiva sul canvas per creazione, condivisione e dati salvati. L'esempio illustra l'interazione; impaginazione e prodotti non sono risultati garantiti della richiesta.

Provare l'esempio delle lenzuola

La pagina Slowfield riunisce foto, opzioni di colore e taglia, quantità, carrello e filtri delle recensioni.

Apri in una nuova scheda
Pagina di lenzuola in lino con colori, taglie, carrello dimostrativo e filtri delle recensioni

Questo esempio usa dati dimostrativi. Ricaricando la pagina, le modifiche vengono reimpostate.

Prova questi due confronti:

  1. Passa da Queen a King, cambia quantità e controlla l'importo sul pulsante per aggiungere al carrello. Aggiungi una selezione e apri Bag per esaminarla.
  2. Filtra le recensioni con foto. Confronta ciò che mostrano con le fotografie dello studio più in alto.

L'anteprima usa dati temporanei. Selezioni e modifiche si azzerano al ricaricamento. Aggiungere un articolo al carrello non crea un acquisto, non riserva scorte e non comporta pagamenti.

Risolvere la domanda ancora aperta

Dopo aver fatto provare la bozza, chiedi cosa ha impedito di decidere. Trasformalo in una revisione mirata:

Markdown
Aggiungi accanto al selettore delle taglie un confronto con contenuto
e dimensioni esatti dei completi Queen e King. Mantieni visibile la
taglia selezionata mentre il confronto è aperto. Conserva il carrello.

Prima di condividere il catalogo, verifica ogni variante sulla fonte: fotografie, unità, prezzi e combinazioni non disponibili. Cambia quantità dopo aver cambiato variante e controlla il riepilogo. Indica le recensioni illustrative perché non sembrino testimonianze reali. Se il passo successivo è una richiesta personalizzata, continua con un modulo d'ordine e chiarisci quale impegno comporta l'invio.

Invia feedback

Questo articolo ti è stato utile?