Blocchi di campi personalizzati

Puoi raccogliere informazioni aggiuntive sui clienti con il blocco di campo personalizzato. I campi personalizzati possono essere facoltativi o obbligatori, perciò puoi configurare dei campi personalizzati per bloccare il check-out e impedire a un cliente possa procedere.

Checkout Blocks supporta diversi tipi di input, inclusi testo normale, menu a discesa, caselle di spunta e un selettore di data. I dati di un campo personalizzato possono essere salvati come metafield degli ordini, attributi degli ordini o note degli ordini.

Sono disponibili più modelli in grado di precompilare il contenuto e le impostazioni di un blocco di campo personalizzato sulla base di alcuni casi d'uso comuni:

Accetta termini: questo modello obbliga il cliente ad accettare termini e condizioni del servizio, che con un clic compaiono in un pop up, prima del check-out. La casella di spunta non è selezionata per impostazione predefinita.
Compleanno: questo modello permette ai clienti di indicare la propria data di nascita al momento del check-out per finalità di marketing.
Messaggio regalo: questo modello permette ai clienti di includere un messaggio scritto facoltativo nel momento in cui effettuano un ordine per fare un regalo a qualcun altro.

Su questa pagina

Tipi di dati supportati

I campi personalizzati vengono salvati nell'ordine di un cliente come metafield dell'ordine, attributi di note dell'ordine o note dell'ordine. Valuta la possibilità di usare, quando possibile i metafield dell'ordine, poiché sono il modo più efficace per archiviare e recuperare dati personalizzati negli ordini all'interno di Shopify.

Checkout Blocks non supporta l'aggiunta di nuovi campi nei moduli di check-out esistenti, come l'indirizzo di spedizione o l'indirizzo di fatturazione. Aggiungi un blocco di campo personalizzato sopra o sotto il modulo di check-out esistente.

Metafield degli ordini

Quando salvi dei campi personalizzati nei metafield di un ordine, lo spazio dei nomi utilizzato è checkoutblocks e la chiave viene definita nel momento in cui aggiungi un campo personalizzato al blocco (per esempio agree_to_terms).

Attributi degli ordini

Gli attributi dell'ordine, noti anche come attributi delle note o attributi del carrello, sono incompatibili con i documenti di trasporto e le bozze di ordine predefiniti di Shopify.

Se hai bisogno di usare documenti di trasporto o bozze di ordine, usa i metafield degli ordini come tipi di dati.

Note sugli ordini

Quando salvi dei campi personalizzati nelle note degli ordini, qualsiasi contenuto preesistente aggiunto dal cliente al campo delle note viene sostituito da tali campi personalizzati. Se scegli di salvare i dati dei campi personalizzati come note dell'ordine, valuta la possibilità di disattivare l'opzione di aggiunta di una nota dell'ordine nel carrello nel tema, se hai attivato tale impostazione. In questo modo, i clienti non dovranno inserire i contenuti delle note due volte.

Un vantaggio dell'utilizzare le note dell'ordine è che vengono visualizzate in automatico le note dell'ordine preesistenti inserite nel carrello al momento del check-out. Ciò garantisce coerenza nel flusso di check-out per casi d'uso specifici, come le note degli ordini o le note di consegna.

Le note degli ordini sono incompatibili con le bozze di ordine.

Tipi di input supportati

I blocchi di campi personalizzati supportano i seguenti tipi di campo:

Casella di spunta
Selettore di data e ora
Data di nascita
Elenco a discesa
Campo Telefono
Pulsanti di opzione
Input di testo

Creazione di un blocco di campo personalizzato

Puoi creare e configurare un blocco di campo personalizzato nell'app Checkout Blocks. Dopo aver creato un blocco di campo personalizzato, devi aggiungere il blocco al check-out.

Passaggi:

Dal pannello di controllo Shopify, vai su App > Checkout Blocks.
Clicca su Blocks (Blocchi), quindi clicca su Create block (Crea blocco).
Clicca su Custom field (Campo personalizzato).
Seleziona il modello di campo che desideri utilizzare. Se non vuoi che impostazioni o campi siano precompilati, seleziona l'opzione Blank template (Modello vuoto).
Nella sezione Block name (Nome del blocco), inserisci il nome del blocco. Questo nome non è visibile ai clienti.
Nella sezione App block ID (ID del blocco dell'app), usa il menu a discesa per applicare un numero identificativo specifico. Scopri di più sugli ID dei blocchi delle app.
Nella sezione Display rules (Regole di visualizzazione), configura le regole di visualizzazione del blocco:
- Per mostrare il blocco a tutti i clienti, lascia vuota la sezione Display rules (Regole di visualizzazione).
- Per creare una regola di visualizzazione, clicca su ⊕ Add display rule (Aggiungi regola di visualizzazione), quindi configura la regola. Aggiungi tutte le regole di visualizzazione richieste.
Nella sezione Content (Contenuto), aggiungi e personalizza il contenuto del blocco:
1. Nel menu Save as (Salva come), seleziona dove salvare i dati del campo personalizzato. Scopri di più sui tipi di dati supportati nei campi personalizzati.
2. Nella sezione Fields (Campi), clicca su ⊕ Add custom field (Aggiungi campo personalizzato), quindi seleziona il tipo di campo personalizzato che desideri utilizzare.
3. Configura i dettagli del campo personalizzato, per esempio le etichette del campo, la chiave del campo, le opzioni di scelta e l'obbligatorietà o meno del campo. Clicca su Done (Fatto).
4. Facoltativo: nella sezione Section header (Header della sezione), aggiungi un titolo e un sottotitolo al campo personalizzato.
5. Facoltativo: nella sezione Settings (Impostazioni), seleziona se aggiungere "(facoltativo)" all'etichetta del campo e se visualizzare tutti i campi.
Facoltativo: nella sezione Styles (Stili), clicca su Customize design (Personalizza design) per personalizzare i margini, il contenitore e gli stili dei divisori del blocco.
Facoltativo: nella sezione Publishing (Pubblicazione), clicca sull'icona con la matita per selezionare i mercati e le pagine di check-out in cui vuoi che venga visualizzato il blocco.
Clicca su Salva.

Il blocco viene salvato come Draft (Bozza) per impostazione predefinita. Quando il blocco è pronto per essere pubblicato, vai nella sezione Status (Stato) e seleziona Active (Attivo) dal menu a discesa.

Aggiunta di un blocco di campo personalizzato al check-out

Puoi aggiungere un blocco di campo personalizzato preesistente al check-out. Un blocco deve essere impostato su Active (Attivo) per essere visualizzato al momento del check-out.

Passaggi:

Dal pannello di controllo Shopify, vai su App > Checkout Blocks.
Clicca su Blocks (Blocchi).
Clicca sul blocco di campo personalizzato che vuoi aggiungere al check-out.
Clicca su More actions ⌄ (Altre azioni) > Add to checkout (Aggiungi al check-out).
Facoltativo: nella sezione Preview block id (Visualizza in anteprima l'ID del blocco), clicca sull'icona degli appunti per copiare l'ID di anteprima univoco del blocco.
Seleziona la configurazione del check-out desiderata, quindi clicca su Open editor (Apri editor).
Nell'editor di check-out e account, aggiungi il blocco di campo personalizzato al check-out:
1. Vai alla pagina di check-out a cui desideri aggiungere il blocco.
2. Clicca su ⊕ Add app block (Aggiungi blocco dell'app) nella sezione a cui desideri aggiungere il blocco.
3. Clicca sull'opzione Custom field (Campo personalizzato) di Checkout Blocks.
4. Configura i dettagli del blocco del check-out e seleziona l'ID del blocco dell'app corrispondente.
5. Facoltativo: usa il campo Preview block id (For testing purposes) (Visualizza in anteprima l'ID del blocco (per finalità di test)) e l'ID di anteprima del blocco per vedere in anteprima come il blocco sarà visualizzato nel check-out.
6. Facoltativo: trascina e rilascia il blocco dinamico per spostarlo nel punto in cui vuoi che venga visualizzato nella pagina di check-out.
Clicca su Salva.