Un design diventa personalizzabile solo quando decidi quali parti possono essere cambiate dagli acquirenti. Questa guida ti mostra come trasformare un elemento in un campo di personalizzazione, scegliere il tipo di campo giusto e impostarne etichetta, valore predefinito e limiti. È pensata per i commercianti che creano un prodotto nel Design Studio e vogliono controllare con precisione cosa possono modificare i clienti.
Cosa possono modificare i clienti
Non tutti gli elementi sul canvas sono modificabili dagli acquirenti. Scegli tu quali lo sono. Quando contrassegni un elemento come personalizzabile, diventa un campo nel modulo del customizer, il modulo che l’acquirente compila per rendere il prodotto suo.
Questi tipi di elemento possono diventare campi di personalizzazione:
- I livelli Testo, per nomi, date e brevi messaggi.
- I livelli Foto, per i caricamenti di foto.
- Le forme Rettangolo e Cerchio, di cui i clienti scelgono il colore.
- I Menu a discesa, in cui un testo o una forma diventa un elenco di scelte predefinite.
- Elementi speciali: Mappa della città, Percorso sportivo, Mappa di viaggio, Mappa stellare, Fase lunare e Avatar.
- Una grafica a più parti, in cui ogni parte può avere il proprio selettore colore.
Tutto il resto resta fisso. Così il tuo layout rimane intatto e gli acquirenti hanno comunque spazio per personalizzare le parti che contano.
Per vedere come appare tutto questo dal lato dell’acquirente, leggi come un acquirente personalizza un prodotto.
Rendi modificabile un elemento
Trasformi un elemento in un campo con il pulsante P nella barra degli strumenti mobile. Lo stesso pulsante apre i dettagli del campo quando è già personalizzabile.
Seleziona un elemento che si può personalizzare
Fai clic sull’elemento sul canvas. Scegli uno dei tipi supportati: un livello di testo, un’immagine, un rettangolo o un cerchio, oppure uno degli elementi speciali. Se la barra degli strumenti mobile non ha il pulsante P, quel tipo di elemento non può essere un campo.
Fai clic sul pulsante P per renderlo personalizzabile
Il pulsante P compare nella barra degli strumenti mobile sopra l’elemento selezionato. Fai clic una volta per trasformare l’elemento in un campo modificabile dal cliente e aprire le sue impostazioni di Personalizzazione.
Modifica i dettagli del campo
Nella scheda Personalizzazione imposta etichetta, tipo di campo e limiti. Se torni su un campo esistente più tardi, un clic su P riapre queste impostazioni.
Imposta tipo di campo, etichetta e limiti
Quando un elemento è un campo, controlli come si comporta. I tipi di campo disponibili dipendono dall’elemento che hai selezionato, quindi vedi solo scelte sensate per quell’elemento.
Scegli il tipo di campo
Scegli il tipo adatto all’elemento. Un livello di testo offre Testo, Paragrafo, Menu a discesa, Numero e Data. Un rettangolo o un cerchio offre un selettore colore, un menu a discesa o una casella di controllo. Un’immagine offre il caricamento di una foto o una casella di controllo. Una grafica a più parti offre un selettore colore per ogni parte. Cambiare il tipo azzera i limiti di quel campo, quindi imposta prima il tipo.
Imposta l'etichetta e il testo di aiuto
Dai al campo un’Etichetta chiara, come “Il tuo nome” o “Scegli un colore”. Aggiungi un Testo di aiuto facoltativo per spiegare cosa inserire e un Segnaposto per mostrare un esempio dentro il campo. Attiva Obbligatorio se l’acquirente deve compilare questo campo prima di poter completare l’acquisto.
Aggiungi i limiti per il tipo di campo
Ogni tipo ha i suoi limiti. Per il testo imposta una Lunghezza massima. Per un campo colore imposta i colori consentiti. Per un menu a discesa elenca le opzioni tra cui gli acquirenti possono scegliere. Per un campo numero o data imposta un minimo e un massimo. Così l’input dei clienti resta entro ciò che la tua stampa può gestire.
Imposta le regole di caricamento per i campi foto
Un campo foto ha regole proprie nella scheda Personalizza. In Foto del cliente, Inquadratura stabilisce la forma del ritaglio. Parte da Area di stampa, così l’acquirente inquadra esattamente ciò che viene stampato; scegli Libero per far decidere all’acquirente. La riga Caricamento e adattamento qui sotto e la riga Regole di caricamento più in basso riassumono ciascuna la propria impostazione in una riga, così la leggi senza aprirle. Fai clic su una riga per aprire la sua pagina.
Caricamento e adattamento decide quanto può fare l’acquirente con la sua immagine. Modalità di caricamento offre Caricamento diretto, che prende il file così com’è, Ritaglia e regola, che gli dà un passaggio di ritaglio, e Solo riposizionamento, che gli permette di trascinarla e ridimensionarla dentro la cornice. Comportamento di riempimento è Adatta (mostra tutta la foto) oppure Riempi (copri l’area).
Regole di caricamento governa il file in sé. Un campo foto segue le regole di caricamento del tuo negozio, che imposti una sola volta nella pagina Customizer della dashboard sotto Foto dei clienti, e la sua riga indica allora Regole del negozio. Per dare a un solo campo regole proprie, apri le sue Regole di caricamento e attiva Sostituisci le impostazioni del negozio. Tipi di file attiva o disattiva singolarmente PNG, JPG, WebP, HEIC e SVG. Su un telefono il pulsante di caricamento offre già la fotocamera accanto alla libreria foto, così un acquirente può fotografare qualcosa al momento.
Due valori DPI, con compiti diversi. DPI minimi segnala all’acquirente una foto a bassa risoluzione senza bloccarlo. Blocco rigido sotto rifiuta del tutto qualsiasi foto sotto quel valore. Imposta il blocco sul minimo che il tuo flusso di stampa può davvero usare e lascia uno scarto tra i due valori, così una foto al limite genera un avviso invece di un errore. Dimensione massima file limita il caricamento in megabyte.
Elabora ogni caricamento allo stesso modo
La scheda Personalizza di un campo foto ha una sezione Stili foto: stili di pulizia, artistici e di colore applicati a ogni foto del cliente. Ne aggiungi uno con Aggiungi stile foto. Si applicano dall’alto in basso, nell’ordine dell’elenco, e puoi trascinarli per riordinarli.
È così che mantieni coerente l’aspetto di un negozio quando le immagini arrivano dai clienti. Un filtro in scala di grigi su ogni caricamento fa sì che tutte le tazze con ritratto siano uguali, qualunque cosa abbia inviato l’acquirente.
Qui un effetto IA passa dal tuo provider IA collegato, quindi viene fatturato sulla tua chiave come qualsiasi altra generazione IA. Leggi quanto costa la generazione IA prima di metterne uno su un campo usato da ogni acquirente.
Usa la scheda Personalizzazione per il resto
La scheda Personalizzazione contiene le impostazioni più avanzate. Imposta un Valore predefinito così il campo parte già compilato. Attiva le scelte per il cliente, come lasciare che gli acquirenti scelgano un font o un colore, o consentire loro di ridimensionare e riposizionare un elemento. In Avanzate aggiungi regole condizionali, così un campo compare solo quando un altro campo ha un valore.
Perché il mio elemento non ha il pulsante P?
Quel tipo di elemento non può essere un campo di personalizzazione. Lo supportano solo testi, immagini, rettangoli, cerchi, menu a discesa e gli elementi speciali mappa, luna, stelle e avatar.
Dove si trovano le scelte di font e colore?
Apri la scheda Personalizzazione e cerca le scelte per il cliente. Lì puoi lasciare che gli acquirenti scelgano un font o un colore mentre scrivono comunque il proprio testo.
Un campo può comparire solo a volte?
Sì. Apri la sezione Avanzate nella scheda Personalizzazione e aggiungi una regola condizionale che mostra il campo solo quando un altro campo ha un valore.
Cosa succede quando cambio il tipo di un campo?
I limiti specifici del tipo vengono azzerati, quindi imposta prima il tipo di campo, poi aggiungi limiti ed etichetta.
Quando i campi sono pronti, decidi l’ordine e il raggruppamento che vedono gli acquirenti. Passo successivo: layout del customizer e ordine dei campi.