La scheda Campi di input imposta in una volta l'aspetto di ogni campo dei moduli del negozio: il modulo di checkout, il modulo di contatto, l'iscrizione alla newsletter e il modulo per scrivere una recensione.
Dove trovarla
Apri il builder, fai clic sull'icona dell'ingranaggio e apri la scheda Campi di input. Ha due parti: Layout e Aspetto.
Layout: Tipo
Tipocontrolla come vengono mostrate le etichette dei campi nei moduli. Ha due opzioni: Comprimi (predefinita) ed Espandi. Posizionano l'etichetta di ogni campo in modo un po' diverso, e il risultato dipende dal tema. Passa dall'una all'altra e guarda il modulo di checkout nell'anteprima per scegliere.
Aspetto: Icone
La maggior parte dei campi ha una piccola icona, come un telefono per il numero di telefono o un segnaposto per l'indirizzo. Icone decide dove compare:
- Nessuno: nessuna icona. I campi sono semplici e puliti.
- Predefinito: l'icona è dentro il campo.
- Etichetta: l'icona è accanto all'etichetta, sopra il campo.
Con Predefinito compare un'impostazione Posizione. Inizio mette l'icona prima del testo, Fine la mette dopo il testo. Inizio e Fine seguono la direzione di lettura, quindi in una pagina in arabo Inizio mette l'icona a destra.
Qualunque stile tu scelga, i campi obbligatori mantengono il loro piccolo segno rosso.
Quali campi seguono queste impostazioni
Le seguono tutti i tipi di campo: campi di testo, elenchi come spedizione e pagamento, menu a tendina come la città, il campo della data di nascita e il campo del colore. Le etichette e i segnaposto invece non si impostano qui. Per il modulo di checkout si trovano nella scheda Modulo di pagamento, e per il modulo di contatto, la newsletter e il modulo delle recensioni si trovano in quelle sezioni.
Da dove arrivano i colori dei campi
I colori dei campi non si impostano qui. Arrivano dai colori Campo di input dello schema di colori usato dal modulo: sfondo, etichetta, testo, bordo e sfondo al passaggio del mouse. Vedi Schemi di colori.
Quali campi compaiono nel checkout
Questa scheda cambia solo l'aspetto. Per mostrare, nascondere, rinominare o riordinare i campi del checkout, usa la scheda Modulo di pagamento. Vedi Campi del modulo di checkout.
Operazioni comuni
- Un checkout pulito e minimale: imposta Icone su Nessuno.
- Aiutare i clienti a capire subito ogni campo: imposta Icone su Predefinito e Posizione su Inizio.
- I campi sembrano affollati sui telefoni: prova Icone su Etichetta, così il campo ha più spazio per il testo.
- La posizione dell'etichetta sembra strana con il mio tema: imposta Tipo sull'altra opzione e confronta.
Da sapere
- Queste impostazioni appartengono al mercato che stai modificando e valgono per tutte le sue pagine.
- Le modifiche vanno online quando fai clic su Pubblica.
- Lo spessore delle linee delle icone segue le impostazioni delle icone.
- Hai cambiato idea? Annulla la modifica nel builder. Vedi Scorciatoie, annulla e ripeti.