Da quando abbiamo lanciato lo slide cart all'interno di Candy Rack all'inizio di quest'anno, il feedback più frequente da parte dei commercianti è stato: "È fantastico, ma vorrei aggiungere un'altra cosa". Una barra dei metodi di pagamento. Un badge di fiducia. Un timer. Un gratta e vinci. Ogni negozio ha la sua leva di conversione e un carrello con layout fisso ha limiti di spazio.
I blocchi personalizzati sono la nostra risposta. Ti permettono di inserire il tuo codice HTML e CSS direttamente nello slide cart e di posizionarlo dove preferisci: accanto agli articoli o vicino al pulsante di checkout. Se puoi scriverlo in una sezione di Shopify, puoi inserirlo nello slide cart.
Cosa puoi creare
Un blocco personalizzato è essenzialmente un contenitore flessibile, il che rende i casi d'uso molto ampi. In base ai primi test, i modelli più richiesti dai commercianti sono:
- Loghi dei metodi di pagamento per rassicurare i clienti sulle opzioni disponibili
- Riprova sociale — valutazioni, recensioni, contatori "X clienti hanno acquistato oggi"
- Timer per il conto alla rovescia per soglie di spedizione gratuita o urgenza di fine saldi
- Badge di fiducia e checkout sicuro per ridurre l'attrito finale
- Gratta e vinci che rivelano uno sconto misterioso quando il cliente "gratta"
- Avvisi su spedizioni e resi — soglie per la spedizione gratuita, promesse di resi facili
- Icone USP che riassumono i tuoi punti di forza in una riga
- Banner promozionali per campagne o offerte stagionali
Si tratta degli stessi strumenti già usati nelle pagine prodotto e carrello, portati ora nello slide cart che, per un negozio focalizzato sull'upselling, è il momento di massima attenzione nel percorso d'acquisto.
Dove si trovano i blocchi personalizzati
Hai a disposizione un blocco personalizzato in ciascuna delle due zone dello slide cart:
- Il corpo, accanto agli articoli del carrello
- Il piè di pagina, vicino al pulsante di checkout
Puoi usare fino a due blocchi personalizzati per slide cart. La posizione esatta in ogni zona si gestisce dalle impostazioni di Layout, così puoi trascinare il blocco sopra o sotto la barra dei premi, tra gli articoli o sotto il subtotale: come preferisci.
Abbiamo mantenuto dei limiti intenzionalmente. Due blocchi bastano per il merchandising senza trasformare lo slide cart in un cartellone pubblicitario. Se i clienti non vedono il pulsante di checkout senza scorrere, il resto non conta.
Come aggiungerne uno
La configurazione è rapida:
- Apri le impostazioni dello slide cart in Candy Rack.
- Trova il componente Blocco personalizzato nella sezione corpo o piè di pagina.
- Incolla il tuo codice HTML e CSS nel campo dedicato.
- Salva le modifiche.
- Trascina il blocco dove preferisci nelle impostazioni di Layout.
I blocchi personalizzati supportano pienamente HTML e CSS. Il CSS che scrivi viene applicato all'interno del carrello a comparsa, quindi usa selettori specifici: una regola globale per button si rifletterebbe su altri elementi. Per JavaScript la situazione è diversa: i tag <script> non vengono analizzati, ma gli attributi evento inline come onclick, onmouseover e onload funzionano. È sufficiente per la maggior parte delle piccole interazioni: un pulsante che attiva un avviso, un timer che aggiorna il DOM, un gestore di clic che apre un tooltip. Se ti servono chiamate fetch, stati complessi o SDK di terze parti, contattaci. Stiamo monitorando l'interesse per un supporto JS più completo e aggiungeremo un campo dedicato se un numero sufficiente di commercianti lo richiederà.
Anteprima prima della pubblicazione
Un dettaglio importante: puoi salvare un blocco personalizzato, tenerlo disattivato e vedere comunque come apparirà nel carrello usando un link di anteprima speciale. Il pulsante di anteprima standard mostra solo i blocchi già attivi, quindi questo link dedicato è l'unico modo per testare e revisionare un blocco senza mostrarlo ai clienti reali.
È il flusso di lavoro che usiamo noi stessi quando vogliamo l'approvazione di un collega o testare su un dispositivo reale prima di attivare la funzione.
Non sai programmare? Chiedi a un'IA
La maggior parte dei nostri clienti non sono sviluppatori, e va bene così. Gli esempi che forniamo nel centro assistenza — un carosello di recensioni a scorrimento automatico, un timer per il conto alla rovescia, una serie di icone di fiducia, un gratta e vinci — sono pronti da copiare e incollare, e modificarli è esattamente il tipo di piccolo compito front-end in cui le IA sono diventate davvero brave. Incolla lo snippet in Claude (o nel tuo strumento IA preferito), descrivi la modifica che desideri e otterrai HTML e CSS funzionanti in pochi secondi. Se qualcosa non dovesse ancora andare bene, il nostro team di supporto è disponibile in chat.
Perché l'abbiamo creato
Il successo dei carrelli a comparsa dipende da due fattori: velocità e densità di merchandising. La velocità è un problema di sviluppo che abbiamo già risolto. La densità di merchandising, invece, è unica per ogni negozio: alcuni hanno bisogno di badge di fiducia, altri di urgenza, altri ancora di un conto alla rovescia per la spedizione gratuita o di un gratta e vinci per convincere un acquirente indeciso. I blocchi personalizzati ti permettono di fare queste scelte autonomamente, senza aspettare che siamo noi a rilasciare il componente specifico che hai in mente.
La funzione è disponibile oggi in Candy Rack. Se utilizzi già il carrello a comparsa, troverai il componente Blocco personalizzato nel tuo layout attuale. Se non hai ancora provato il carrello a comparsa, puoi installare Candy Rack dallo Shopify App Store: il carrello a comparsa, la barra dei premi e i blocchi personalizzati sono tutti inclusi nella stessa app.
Per saperne di più su come sfruttare al meglio il carrello, consulta la nostra guida alle strategie di upsell e le nostre note sull'ottimizzazione del checkout Shopify.
