Questa guida segue il customizer così come lo vive il tuo cliente. Vedrai ogni schermata, in ordine, dall’apertura del prodotto fino al carrello con il design finito. È per i commercianti che vogliono capire il lato dell’acquirente prima di configurare i propri prodotti.
Cosa vede il tuo cliente
Il customizer ha due aree. Da un lato c’è un’anteprima dal vivo del prodotto. Dall’altro c’è un pannello con i controlli di personalizzazione.
Il nome del prodotto compare in cima al pannello dei controlli, così il cliente sa sempre cosa sta personalizzando.
Il layout si adatta allo schermo. Su desktop, anteprima e controlli stanno affiancati. Su telefono si impilano, con l’anteprima in alto e i controlli sotto.
Il customizer può comparire in due posti. Può apparire direttamente nella pagina del prodotto, oppure aprirsi come editor a schermo intero. Quale vede il tuo cliente dipende da come l’hai posizionato. Per la differenza, vedi rendere visibile Composerie nel tuo negozio.
Il percorso dalla personalizzazione all’acquisto
Ecco il percorso completo di un cliente, dalla pagina del prodotto al carrello.
Apri il customizer dalla pagina del prodotto
Il cliente parte dalla tua pagina prodotto e inizia a personalizzare. Il prodotto si carica con il tuo design e i suoi campi di personalizzazione pronti.
Compila i campi di personalizzazione
Il cliente inserisce i suoi dati nei campi che hai configurato: testo, una foto, un colore, un font e così via. Ogni campo ha il suo controllo. Per saperne di più sui tipi di campo, vedi i campi del modulo di personalizzazione.
Guarda l'anteprima dal vivo aggiornarsi
Ogni modifica del cliente aggiorna subito l’anteprima. Può leggere il suo testo, controllare la sua foto e vedere i suoi colori prima di comprare. Non c’è un passaggio separato di aggiornamento. Approfondisci in l’anteprima dal vivo.
Scegli una variante, un'opzione o un add-on
Se il prodotto ha varianti o opzioni (come una taglia o una cornice), il cliente le sceglie qui. Se offri add-on, sceglie anche quelli. Quando il titolo ha bisogno di un nome e non ne hai impostato uno, dice «Scegli la tua opzione».
Premi Aggiungi al carrello
In fondo ai controlli resta fissata una barra. Contiene una freccia Indietro e il pulsante principale. In un normale negozio Shopify quel pulsante dice Aggiungi al carrello. Quando il cliente lo preme, Composerie salva il suo design e lo porta al carrello.
Cosa succede dopo Aggiungi al carrello
Quando il cliente preme Aggiungi al carrello, dietro le quinte succedono alcune cose.
Composerie salva il design del cliente e cancella la bozza in corso che teneva per quel prodotto. La bozza è la copia salvata in automatico che permette al cliente di tornare più tardi senza perdere il lavoro. Una volta che il design è salvato davvero, la bozza non serve più.
Composerie cattura anche una piccola immagine di anteprima del design, di 200 per 200 pixel, e la allega alla riga del carrello. Quella miniatura viaggia con l’ordine, così tu e il tuo cliente potete vedere cosa è stato personalizzato.
Composerie poi invia la riga a Shopify e reindirizza il browser al carrello. Il cliente arriva sul normale carrello Shopify con l’articolo personalizzato già aggiunto. Da lì, il checkout è il solito checkout di Shopify.
Se manca qualcosa, il cliente non passa al carrello. Quando un campo obbligatorio è vuoto, il customizer blocca l’aggiunta e mostra un messaggio come «Compila: Nome», indicando il campo che richiede attenzione. Il cliente resta nel customizer, corregge il campo e riprova.
Cosa succede se un campo obbligatorio resta vuoto?
Il customizer blocca l'aggiunta e mostra un messaggio con il nome del campo, per esempio Compila: Nome. Il cliente resta nel customizer finché non lo compila.
Il cliente lascia Composerie per fare il checkout?
Sì. Dopo Aggiungi al carrello arriva sul normale carrello Shopify, poi fa il checkout con Shopify come al solito.
L'anteprima personalizzata viene salvata con l'ordine?
Sì. Composerie cattura una piccola immagine di anteprima e la allega alla riga del carrello, così il design è visibile nell'ordine.
Prossimi passi
Per sapere cosa succede a un design a metà tra una visita e l’altra, leggi salvare e condividere un design.
Scopri come funziona il pannello dei controlli campo per campo in i campi del modulo di personalizzazione.