Questa guida ti mostra come controllare il customizer che vede il cliente per un prodotto. Sceglierai il layout del modulo, imposterai l’ordine in cui compaiono i campi e vedrai l’anteprima del vero customizer direttamente nel Design Studio. È per i commercianti che hanno già reso modificabili dai clienti alcuni campi e vogliono dare forma a come il modulo si presenta ai clienti.
Se non hai ancora reso modificabile nessun campo, parti da rendere i campi modificabili dai clienti. Il modulo mostra solo i campi che hai aperto ai clienti.
Scegliere il layout del modulo
Apri il pannello Customizer dalla barra a sinistra per impostare come i clienti si muovono tra i campi. Sotto Layout, passa da Una pagina a Passaggi. Passaggi mostra poi come possono apparire i passaggi, ciascuno come una piccola immagine: Indicatore dei passaggi, Fisarmonica o Schede, con le scelte più fini, come lo stile di avanzamento e dove mostrare il prezzo, sotto Altro. L’anteprima nel dock a destra segue ciò che scegli.
Ecco cosa fa ognuno:
- Una pagina tiene i campi in un unico modulo.
- Passaggi / Indicatore dei passaggi organizza i campi in passaggi successivi.
- Passaggi / Fisarmonica raggruppa i campi in sezioni espandibili.
- Passaggi / Schede mostra un passaggio alla volta, con i passaggi come schede sopra.
Apri le impostazioni del modulo
Nel Design Studio, fai clic su Customizer nella barra a sinistra. Le impostazioni del modulo si aprono nel pannello.
Scegli il layout
Sotto Layout, scegli Una pagina o Passaggi, e scegli la struttura se serve. Salva le modifiche e aggiorna la pubblicazione prevista prima di controllare il percorso del cliente.
Riordinare i campi e vedere l’anteprima
Il dock a destra usa componenti di modulo condivisi con le impostazioni attuali dell’editor. È utile per controllare campi e aspetto, ma la pagina pubblicata del cliente richiede comunque un controllo a parte. Passa nel dock tra Modifica e Anteprima vicino alla parte alta.
In Modifica disponi il modulo. Passa sopra un campo e compaiono una piccola maniglia e una matita: trascina la maniglia per cambiare l’ordine del campo e fai clic sulla matita per saltare direttamente alle impostazioni di quel campo nell’editor. Il pannello Customizer nella barra a sinistra elenca gli stessi campi, e puoi riordinarli anche lì.
In modalità Anteprima ti comporti come un cliente. Scrivi nei campi e guardi il canvas aggiornarsi dal vivo, così puoi verificare che il design risponda come ti aspetti.
Apri il dock del customizer
Fai clic sul dock del customizer sul bordo destro del Design Studio. Si apre con l’interruttore Modifica / Anteprima vicino alla parte alta.
Riordina i campi in Modifica
Con l’interruttore su Modifica, passa sopra un campo e trascinalo su o giù dalla sua maniglia per cambiarne la posizione. L’ordine che imposti qui è quello che vedono i clienti. Riscrive l’ordine dei campi per l’intero prodotto, non solo per questa vista.
Salta all'elemento di un campo
Sempre in Modifica, passa sopra un campo e fai clic sulla sua matita. Composerie seleziona l’elemento di quel campo e apre le sue proprietà, così puoi regolare il testo, l’immagine o le altre impostazioni dietro di esso.
Passa ad Anteprima e scrivi
Fai clic su Anteprima nell’interruttore. Scrivi nei campi come farebbe un cliente. Il canvas si aggiorna dal vivo mentre scrivi, così puoi confermare che il design reagisca correttamente prima di pubblicare.
Con Passaggi, l’elenco dei campi mostra ogni passaggio con i suoi campi sotto. Aggiungi passaggio ne aggiunge uno vuoto; un passaggio senza campi viene saltato per i clienti. I campi che non sono ancora in nessun passaggio stanno in fondo sotto Opzioni, l’ultimo passaggio che i clienti vedono. Trascina un campo in un passaggio, oppure usa Sposta in su di esso per metterlo in fondo a un passaggio.
Se il prodotto ha più lati, come un fronte e un retro, ricorda che il modulo copre i campi di tutti. Vedi gestire i lati di un prodotto per configurarli.
Domande frequenti
Riordinare nel dock cambia l'ordine per i clienti?
Cambia l'ordine dei campi dell'editor. Salva e aggiorna la pubblicazione prevista, poi controlla la vera pagina del cliente.
Perché i pulsanti Aggiungi al carrello e Condividi sono grigi?
Il dock è un'anteprima, non un carrello vero. Quei pulsanti restano disattivati così non puoi effettuare un ordine di prova da lì.
L'anteprima corrisponderà a ciò che vedono davvero i clienti?
Usa componenti di modulo condivisi e le impostazioni attuali dell'editor. Controlla a parte la pagina pubblicata per la sua configurazione salvata, le funzioni disponibili, il layout sui dispositivi e il comportamento del carrello.
Posso cambiare layout più tardi?
Sì. Cambia il layout nella vista Modulo del dock, salva la modifica e aggiorna la pubblicazione prevista. Verifica il nuovo percorso nel negozio prima di farci affidamento.
Prossimi passi
Per controllare l’esperienza dall’inizio alla fine, leggi come un cliente personalizza un prodotto.