Skip to main content
Il blocco Notes è un campo comprimibile dove gli acquirenti possono aggiungere note d’ordine o istruzioni speciali (messaggi regalo, istruzioni di consegna e così via) senza lasciare il carrello. La nota viene salvata nel carrello e trasferita all’ordine.
Blocco Notes che mostra un campo comprimibile per le note d'ordine dove gli acquirenti possono aggiungere istruzioni speciali

Comportamento

  • Il campo è un elemento comprimibile a disclosure, compresso per impostazione predefinita. La compressione è solo visiva — una nota salvata resta comunque valida. Quando è compresso con una nota salvata, appare un segno di spunta così l’acquirente sa che la sua nota è memorizzata.
  • La nota si salva quando l’acquirente clicca altrove (on blur), con feedback di stato saving / saved / error.
  • Se la nota del carrello cambia altrove — nella pagina /cart o in un’altra scheda — il campo si sincronizza con essa, a meno che l’acquirente non abbia già iniziato a digitare, così la nota in corso di scrittura non viene mai sovrascritta.

Impostazioni

Posizionamento e limiti

  • Regione: body o bottom.
  • Massimo: 1 per stato del carrello.
  • Stato: solo carrello pieno.
  • Non aggiunto per impostazione predefinita. Non bloccato — puoi rimuoverlo o nasconderlo.

Template personalizzato

Supporta un template personalizzato dalla sua scheda Code, che sostituisce il markup integrato di questo blocco con il tuo JSX. Queste sono le props che riceve.
La nota si salva su onNoteBlur, non a ogni pressione di tasto. Collega sia onNoteChange sia onNoteBlur, altrimenti le note non persistono mai in modo silenzioso. Mantieni il testo di stato in una live region così gli screen reader annunciano saving e saved.

Design

Personalizza lo stile di questo blocco con la sua sezione Design nel pannello delle impostazioni. Si tratta di override per singolo blocco che si sovrappongono al tuo design globale e vi ricadono quando sono vuoti.

Text

La sezione Text in Design ti consente di controllare la tipografia di due elementi. Usa il selettore Text element per passare da uno all’altro. Title — l’intestazione della sezione sopra il campo nota. Il grassetto si imposta nel Rich Text Editor sopra (nella scheda Settings). Il colore del testo si imposta nella sezione Toggle di Design. Note field — il testo all’interno della textarea in cui gli acquirenti digitano la loro nota. Cosa sono le impostazioni di design? Scopri di più qui: Impostazioni di design.