Il checkout è l’ultimo passo prima di una vendita, e per anni è stato la parte più difficile da modificare in un negozio Shopify. I negozi Shopify Plus modificavano un file chiamato checkout.liquid, e tutti gli altri dovevano accettare il checkout così com’era.
Le cose sono cambiate. Oggi ogni negozio Shopify può personalizzare il checkout in una certa misura, con strumenti che continuano a funzionare quando Shopify aggiorna il suo checkout. Questa guida spiega cosa puoi cambiare con qualsiasi piano, cosa richiede Shopify Plus e come si realizzano le personalizzazioni del checkout più comuni.
Cosa è cambiato: Checkout Extensibility
Shopify ha sostituito checkout.liquid con un insieme di strumenti che chiama Checkout Extensibility. Invece di modificare il codice del checkout, lo personalizzi attraverso quattro componenti:
- L’editor del checkout, per il branding: logo, colori e font.
- Le Checkout UI Extensions, che aggiungono alle pagine del checkout blocchi come banner, campi personalizzati e upsell.
- Shopify Functions, piccole porzioni di logica personalizzata eseguite all’interno del checkout di Shopify, per sconti e regole di pagamento e consegna. Sostituiscono anche Shopify Scripts, gli script Ruby che i negozi Plus usavano per le stesse attività.
- Eventi dei clienti, dove ora si trovano i pixel di tracciamento, al posto del vecchio campo «Script aggiuntivi».
Il grande vantaggio è che queste personalizzazioni sono sicure in caso di aggiornamenti. Quando Shopify aggiunge un metodo di pagamento o migliora il suo checkout, le tue personalizzazioni continuano a funzionare.
Cosa puoi personalizzare con qualsiasi piano Shopify
Il branding nell’editor del checkout
Nel pannello di controllo Shopify, vai su Impostazioni → Check-out e fai clic su Personalizza. L’editor del checkout ti permette di aggiungere il logo e impostare colori e font, così il checkout ha lo stesso aspetto del resto del negozio.
Impostazioni del checkout
Nella stessa pagina delle impostazioni scegli come vengono contattati i clienti, quali campi compilano, ad esempio nome dell’azienda, riga 2 dell’indirizzo e numero di telefono, se possono lasciare una mancia e come viene raccolto il consenso al marketing.
Regole di pagamento e consegna
Le app dello Shopify App Store basate su Shopify Functions possono nascondere, rinominare e riordinare i metodi di pagamento e consegna con qualsiasi piano. Ad esempio, puoi nascondere il contrassegno sopra un certo totale dell’ordine, o rinominare un metodo di spedizione per mostrarne i tempi di consegna.
Sconti personalizzati
Gli sconti nativi di Shopify coprono le esigenze di base. Le app basate su Shopify Functions aggiungono sconti più avanzati, come sconti a volume, sconti sull’ordine a scaglioni e sconti che si applicano solo a determinate condizioni.
Le pagine di ringraziamento e di stato dell’ordine
Con qualsiasi piano, le Checkout UI Extensions possono aggiungere blocchi alle pagine di ringraziamento e di stato dell’ordine, come un sondaggio, un messaggio o una raccomandazione di prodotto.
Cosa richiede Shopify Plus
Due cose sono disponibili solo per i negozi Shopify Plus:
- Blocchi all’interno dei passaggi del checkout. Le Checkout UI Extensions nei passaggi di informazioni, spedizione e pagamento, come campi personalizzati, badge di fiducia, banner e blocchi di upsell, richiedono Shopify Plus. Vale per i blocchi di qualsiasi app.
- App personalizzate con Shopify Functions. Qualsiasi negozio può usare app dell’App Store basate su Functions, ma solo i negozi Plus possono usare un’app personalizzata creata apposta per loro, con una logica specifica per la loro attività.
| Cosa vuoi cambiare | Qualsiasi piano | Shopify Plus |
|---|---|---|
| Logo, colori e font | Sì | Sì |
| Campi del modulo, mance e impostazioni del consenso | Sì | Sì |
| Regole di pagamento e consegna (app dell’App Store) | Sì | Sì |
| Sconti personalizzati (app dell’App Store) | Sì | Sì |
| Blocchi nelle pagine di ringraziamento e di stato dell’ordine | Sì | Sì |
| Blocchi e campi personalizzati nei passaggi del checkout | No | Sì |
| App personalizzate con Shopify Functions | No | Sì |
Come personalizzare il checkout di Shopify, passo dopo passo
- Elenca cosa vuoi cambiare e perché. Ogni modifica deve risolvere un problema reale, come gli ordini in contrassegno non andati a buon fine o un valore medio dell’ordine basso.
- Parti dalle impostazioni e dall’editor del checkout. Molte modifiche, tra cui branding e campi del modulo, non richiedono nessuna app.
- Usa un’app dell’App Store per regole e sconti. Cerca app basate su Shopify Functions, così le regole vengono eseguite in modo nativo nel checkout.
- Su Shopify Plus, aggiungi blocchi dove servono. Aggiungi i blocchi delle app nell’editor del checkout, oppure affida a uno sviluppatore la creazione di estensioni UI e Functions su misura.
- Testa prima che lo vedano i clienti. Effettua ordini di prova da smartphone e da desktop, con i tuoi sconti, zone di spedizione e metodi di pagamento. La nostra checklist BFCM include un test completo del checkout.
Personalizzazioni comuni del checkout e come realizzarle
| Personalizzazione | Come si realizza | Piano |
|---|---|---|
| Nascondere il contrassegno sopra un certo totale dell’ordine | Regola di pagamento (Function) | Qualsiasi |
| Mostrare i tempi di consegna nei nomi dei metodi di spedizione | Regola di consegna (Function) | Qualsiasi |
| Acquista 3, risparmia il 10% | Sconto (Function) | Qualsiasi |
| Barra di avanzamento per la spedizione gratuita o upsell nel checkout | Checkout UI Extension | Plus |
| Campo per messaggio regalo o istruzioni di consegna | Checkout UI Extension | Plus |
Con i piani senza Shopify Plus puoi comunque raccogliere informazioni aggiuntive, come un messaggio regalo, nella pagina del carrello, prima che i clienti arrivino al checkout.
Checkout Engine, la nostra app di regole per il checkout, copre le prime tre righe senza codice, oltre a blocchi di upsell e di fiducia per i negozi Shopify Plus. È costruita interamente su Shopify Functions e Checkout UI Extensions.
Passare da checkout.liquid o Shopify Scripts
Se il tuo negozio usava checkout.liquid, gli script aggiuntivi o Shopify Scripts, ogni personalizzazione ha bisogno di una nuova collocazione:
- Gli sconti e le regole di pagamento e spedizione creati con Shopify Scripts diventano Shopify Functions.
- I contenuti e i campi aggiunti a checkout.liquid diventano Checkout UI Extensions.
- Il codice di tracciamento degli script aggiuntivi si sposta negli Eventi dei clienti.
Parti da un audit di ciò che è attivo oggi, poi ricostruisci ogni elemento e testalo prima del passaggio. Il nostro servizio di sviluppo Shopify Plus fa esattamente questo, con il team che ha creato Checkout Engine su Shopify Functions.
Quando coinvolgere uno sviluppatore
Un’app è la strada più rapida quando fa ciò che ti serve. Uno sviluppatore conviene quando:
- le tue regole dipendono da dati che ha solo la tua azienda, come i livelli clienti provenienti da un ERP;
- più regole interagiscono tra loro e devi testarle insieme;
- sei su Shopify Plus e vuoi un’app personalizzata con Functions creata apposta per il tuo negozio.
Il nostro team di sviluppo di app Shopify personalizzate crea logiche di checkout, sconti e integrazioni come queste. Prenota una call strategica gratuita per parlare di ciò di cui ha bisogno il tuo checkout.
Domande frequenti
Posso personalizzare il checkout di Shopify senza Shopify Plus?
Sì, entro certi limiti. Con qualsiasi piano puoi personalizzare l’aspetto del checkout nell’editor del checkout, modificarne le impostazioni, usare app dell’App Store basate su Shopify Functions per regole di pagamento, consegna e sconti, e aggiungere blocchi alle pagine di ringraziamento e di stato dell’ordine. I blocchi all’interno dei passaggi del checkout richiedono Shopify Plus.
Posso ancora usare checkout.liquid?
No. Shopify ha sostituito checkout.liquid con Checkout Extensibility: l’editor del checkout, le Checkout UI Extensions e Shopify Functions. Le personalizzazioni basate su checkout.liquid vanno ricostruite con questi strumenti.
Cosa sono le Shopify Functions?
Piccole porzioni di logica personalizzata eseguite direttamente nel carrello e nel checkout di Shopify, per attività come sconti e regole di pagamento e consegna. Sostituiscono Shopify Scripts e continuano a funzionare quando Shopify aggiorna il suo checkout.
Posso aggiungere campi personalizzati al checkout di Shopify?
Su Shopify Plus sì, con le Checkout UI Extensions. Con gli altri piani puoi raccogliere informazioni aggiuntive, come un messaggio regalo, nella pagina del carrello, prima che i clienti arrivino al checkout.