Da quando abbiamo rilasciato il carrello laterale come parte di Candy Rack alla fine dell'anno scorso, una richiesta è tornata più spesso di quasi tutte le altre: lasciare che i clienti usino un codice sconto senza mandarli al checkout. Quasi tutti i cart drawer indipendenti lo permettono già. Il nostro no, fino ad ora.
I codici sconto sono ora integrati nel footer del carrello laterale. Il cliente digita un codice, preme Apply, e il totale del carrello e il dettaglio per riga si aggiornano subito, senza ricaricare la pagina e senza passare dal checkout.
Come funziona
Quello che il cliente inserisce viene verificato in tempo reale sull'API sconti di Shopify. Un codice valido si applica al carrello immediatamente e aggiorna il totale e il dettaglio per riga. Un codice non valido o scaduto mostra invece un messaggio di errore inline, e il totale resta invariato.
Una volta applicato, il codice compare come una piccola etichetta rimovibile accanto al campo, così il cliente può rimuoverlo e provarne un altro se cambia idea.
Il cumulo segue le regole di Shopify, non quelle di Candy Rack: se vengono inseriti più codici, si combinano solo se le tue impostazioni di combinazione degli sconti lo permettono. Se non si combinano, l'ultimo codice inserito sostituisce quello applicato prima. E se un cliente arriva da un link sconto (un URL con il parametro ?discount=XYZ, il tipo che mandi in una campagna email), il codice risulta già applicato nel momento in cui apre il carrello. Non c'è nulla da digitare.
Adattarlo al tuo carrello
Tutto il campo è configurabile dalle impostazioni Footer del tuo carrello laterale, accanto a Total, Custom text, Terms and conditions, Checkout buttons e Custom block:
- Placeholder text del campo (predefinito: «Discount code»)
- Error message mostrato per un codice che non può essere applicato, con la sua dimensione del carattere
- Apply button: etichetta, dimensione del carattere, colori di sfondo e del testo per lo stato normale e per l'hover, più un bordo opzionale
- Dimensione del carattere dell'etichetta del codice applicato
- Order-level discount preview, un'opzione che mostra uno sconto applicato nell'anteprima delle impostazioni, così controlli come appare quello stato senza avere un codice reale a portata di mano
C'è anche l'opzione Collapsible discount field. Attivandola il campo resta nascosto dietro un link invece di mostrare una casella di testo aperta, e vale la pena pensarci: una casella sconto vuota nel carrello è un motivo ben noto per cui i clienti vanno a cercare un codice altrove invece di completare l'ordine. Ripiegarla mantiene l'opzione disponibile senza metterla in primo piano.
Come attivarlo
- Apri le impostazioni del carrello laterale dentro Candy Rack.
- Attiva Discounts sotto Footer (e Collapsible discount field, se preferisci tenerlo ripiegato).
- Imposta il placeholder, il messaggio di errore e lo stile del pulsante in linea con il resto del carrello.
- Salva.
Perché lo abbiamo fatto
I clienti che hanno un codice, o pensano di averlo, lo cercano nel momento in cui aprono il carrello, non all'ultimo passaggio del checkout. Se fino a quel punto non si trova da nessuna parte, alcuni saranno già andati a cercarne uno, o avranno abbandonato l'ordine, prima ancora di arrivare al campo sconto che Shopify offre al checkout. A quel punto è spesso troppo tardi.
È in realtà un caso specifico di tutto il senso di un carrello laterale: tenere i clienti sulla pagina invece di mandarli altrove. Un campo sconto che appare solo al checkout va contro questo, ed è una lacuna che si nota in fretta appena hai usato un cart drawer che la gestisce in modo nativo. Colmarla è stato meno aggiungere qualcosa di nuovo che non lasciare fuori un pezzo ovvio.
Si aggiunge a tutto quello che abbiamo costruito nel carrello laterale dal lancio: la barra dei premi, i blocchi personalizzati, gli upsell per collezione, le descrizioni generate dall'IA e i nuovi motori di raccomandazione. Il ragionamento dietro il carrello è nella nostra guida alla strategia di upsell. Se quello che vuoi ottimizzare è il checkout e non il carrello, la nostra guida al checkout di Shopify copre quel lato.
I codici sconto sono disponibili da oggi in Candy Rack. Se usi già il carrello laterale, trovi Discounts sotto Footer nelle tue impostazioni. Non l'hai ancora provato? Installa Candy Rack dallo Shopify App Store: carrello laterale, barra dei premi, upsell e codici sconto sono tutti nella stessa app.
