Skip to main content
Il blocco Checkout button è la call-to-action principale nel footer del carrello che porta gli acquirenti al checkout, offrendo loro un percorso chiaro e ben visibile dal carrello al checkout. È un blocco obbligatorio.

​
Comportamento

  • Il pulsante risolve un URL di checkout localizzato e corretto per il mercato, così gli acquirenti arrivano al checkout del mercato giusto. Se non può essere risolto, ripiega sul link standard /checkout.
  • Con Go to cart page instead of checkout abilitato, il pulsante rimanda invece a /cart.
  • Il clic naviga tramite JavaScript, così la gestione del carrello del tema non può intercettarlo, pur rispettando le intenzioni di apertura in nuova scheda (Cmd/Ctrl-clic, clic con il tasto centrale).
  • Il clic emette l’evento checkout dell’SDK, a cui puoi iscriverti.

​
Impostazioni

​
Posizionamento e limiti

  • Regione: inferiore.
  • Massimo: 1 per stato del carrello.
  • Stato: solo carrello pieno.
  • Bloccato e aggiunto per impostazione predefinita. Il Checkout button non può essere rimosso o nascosto, solo riposizionato all’interno del footer.

​
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 prop che riceve.
Un pulsante di checkout personalizzato perde il tracciamento del checkout. Il pulsante integrato allega un handler di clic che emette l’evento checkout dell’SDK e registra la conversione per le analisi del carrello. Quell’handler non viene passato ai template personalizzati, quindi navigare solo tramite href salta entrambi.Se ti serve l’evento, emettilo tu stesso da un onClick prima della navigazione. I report di attribuzione non possono comunque essere recuperati in questo modo, quindi preferisci ristilizzare il pulsante integrato con le impostazioni di design o il CSS personalizzato, a meno che tu non abbia davvero bisogno di un markup diverso.
Renderizza href così com’è anziché assegnargli un valore predefinito. Un <a> senza href è inerte, che è il comportamento corretto nell’editor.

​
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. Cosa sono le impostazioni di design? Scopri di più qui: Impostazioni di design.