Quando un cliente personalizza uno dei tuoi prodotti, spesso sceglie un colore e un font. Questa guida spiega che aspetto hanno e come si comportano questi controlli nel negozio, così sai cosa vedono i tuoi clienti. È scritta per i commercianti che configurano prodotti personalizzabili e vogliono capire il lato del cliente.
I controlli di colore e font si trovano nel modulo di personalizzazione, accanto all’anteprima dal vivo. Per capire come si compone l’intero modulo, vedi i campi del modulo di personalizzazione.
Scegliere un colore
Un campo colore mostra una fila di campioni rotondi. Il cliente ne tocca uno per sceglierlo. Il campione scelto riceve un segno di spunta, così è chiaro quale colore è attivo. Il titolo sopra i campioni dice «Scegli un colore».
Sei tu a controllare quali colori compaiono. Puoi elencare un insieme fisso di campioni, così il cliente è limitato ai colori che approvi. Puoi anche attivare un selettore di colore libero, che permette al cliente di scegliere qualsiasi colore con il selettore nativo del suo dispositivo. Lascia il selettore disattivato se vuoi mantenere le scelte in linea con il tuo brand, o attivalo se vuoi libertà totale.
Anche i campi di testo e le aree di testo possono mostrare una fila di colori. Quando lo permetti, subito sotto il campo compare una fila di campioni «Scegli un colore». Così chi scrive un nome può scegliere anche il colore di quel testo nello stesso punto.
Nel momento in cui un cliente tocca un campione, l’anteprima dal vivo si aggiorna con il nuovo colore. Non c’è un passaggio separato per applicarlo. Per saperne di più sull’anteprima, vedi l’anteprima dal vivo.
Scegliere un font
Un campo font mostra le sue opzioni come riquadri, ciascuno con un campione «Abc», sotto l’etichetta del campo. Quando colleghi una scelta di font a un campo di testo invece di darle un campo proprio, i riquadri compaiono sotto il titolo Scegli un carattere, subito sotto la casella di testo che governano. I campioni dei font possono richiedere un po’ di tempo per caricarsi. Dopo il caricamento, controlla il font selezionato nell’anteprima del prodotto; un riquadro da solo non dimostra che il font di produzione sia pronto.
Quando un campo offre più di 12 font, sopra i riquadri compare una casella di ricerca. Il testo segnaposto dice «Cerca caratteri…». Il cliente digita parte del nome di un font per filtrare l’elenco. Così le liste lunghe restano facili da scorrere.
Sei tu a decidere come presentare i font. Puoi mostrarli come riquadri, che è l’impostazione predefinita, o come menu a tendina per un layout più compatto. I riquadri vanno bene quando vuoi che il cliente confronti gli stili a colpo d’occhio. Un menu a tendina fa risparmiare spazio quando il modulo è lungo.
Tocca un riquadro per scegliere il font, poi controlla l’anteprima dopo il caricamento. Se il carattere atteso non compare, risolvi il problema di caricamento prima di fare affidamento su quell’anteprima.
Per scegliere quali font offre un campo e come vengono mostrati, vedi scegliere e caricare i font nel Design Studio.
Prossimo passo: scopri come ogni scelta compare sull’immagine del prodotto nell’anteprima dal vivo.