Skip to main content

​
Altezza

L’impostazione Height controlla lo spessore della barra degli annunci. Offre tre opzioni: Slim, Normal e Thick. Slim mantiene il drawer più compatto, lasciando spazio al contenuto del carrello — particolarmente utile sugli schermi più piccoli. Normal si colloca a metà strada. Thick offre maggiore enfasi visiva, aiutando il tuo messaggio a risaltare agli occhi dei clienti.

​
Posizione

Usa l’impostazione Position per scegliere se la barra degli annunci deve apparire Before products o After products all’interno del cart drawer.
  • Before products posiziona la barra in cima al corpo del carrello, direttamente sotto l’header.
  • After products la posiziona in fondo al corpo del carrello, appena sopra il footer — sotto i moduli note e upsell se anch’essi sono posizionati lì.
Due carrelli Upcart a confronto con la barra degli annunci posizionata sopra e sotto i prodotti

​
Durata del timer

Se vuoi che l’annuncio scada dopo un tempo prestabilito, imposta un conto alla rovescia nel campo Timer duration. Accetta il formato MM:SS — 05:00 per cinque minuti, 00:30 per trenta secondi. I secondi devono essere tra 00 e 59; il campo rifiuta qualsiasi valore superiore. Il conto alla rovescia parte solo se il testo dell’annuncio contiene la variabile del timer. Una volta scaduto, l’intera barra degli annunci viene rimossa automaticamente dal carrello.
Il timer per il conto alla rovescia integrato è basato sulla sessione e conta alla rovescia a partire da un numero di minuti prestabilito. Non supporta conti alla rovescia ricorrenti o giornalieri che si azzerano a un’ora specifica (ad esempio, un conto alla rovescia fino alle 14:00 di ogni giorno). Questa funzionalità non è attualmente disponibile in Upcart.

​
Testo dell’annuncio

Questa sezione ti permette di inserire e formattare il messaggio visualizzato nel banner degli annunci. Puoi stilizzare porzioni specifiche del testo usando la barra di formattazione sopra il campo di inserimento, che include opzioni per grassetto, corsivo, sottolineato e colore. Quando applichi un colore, puoi usare lo swatch del selettore colore oppure digitare o incollare un codice esadecimale (per esempio #DDDDDD) nel campo di testo sotto il selettore. Selettore colore aperto per stilizzare il testo nell'editor del testo dell'annuncio
Il campo Announcement Text non supporta i collegamenti ipertestuali — non c’è alcun pulsante per link o URL nella barra di formattazione, e i tag <a> o i link Markdown incollati vengono rimossi al salvataggio. Per rendere l’annuncio cliccabile o includere un link, usa invece il modulo Custom HTML (vedi sotto).
Poiché il campo Announcement Text integrato non renderizza i collegamenti ipertestuali, puoi sostituire o integrare la barra degli annunci inserendo un link con Custom HTML:
  1. Vai su Upcart > Cart Editor > Settings > Custom HTML.
  2. Imposta HTML Location su Above announcements/rewards (per apparire sopra la barra degli annunci) o Below header/announcements/rewards (per apparire direttamente sotto di essa).
  3. Incolla uno snippet con il tuo link, ad esempio:
  4. Clicca su Save, poi testa nel tuo carrello live.
Per saperne di più sulle posizioni e sullo styling di Custom HTML, consulta Custom HTML e Custom CSS. Il team di supporto di Upcart non scrive né esegue debug di codice personalizzato — rivolgiti a uno Shopify Expert se hai bisogno di aiuto per crearlo. Se usi la funzione conto alla rovescia, inserisci la variabile del timer direttamente nel tuo messaggio. Usa {{timer}} per i carrelli V2 o {TIMER} per i carrelli V1. Campo del testo dell'annuncio con la variabile del conto alla rovescia aggiunta al messaggio

​
Importante

Assicurati di digitare manualmente la variabile del timer ({{timer}} per V2, {TIMER} per V1) invece di copiarla e incollarla. Questo evita problemi di formattazione nascosti che potrebbero impedire al timer di essere visualizzato correttamente nel tuo carrello live.

​
Dimensione del font

Puoi controllare la dimensione del testo dell’annuncio usando lo slider, con opzioni che vanno da 10px a 24px. Questo aiuta a garantire la leggibilità sia su mobile che su desktop.

​
Colori

Background Color ti permette di definire il colore di riempimento complessivo della barra degli annunci. Border Color ti consente di regolare le linee orizzontali sopra e sotto il banner per un aspetto da contenitore stilizzato.

​
Configurazione avanzata del timer

Per funzionalità aggiuntive, è possibile usare JavaScript per personalizzare il timer del conto alla rovescia. Aggiungi il tuo script nella sezione “Scripts (Before Load)” anziché nel modulo Custom HTML. Si tratta di un requisito legato ai tempi di caricamento, non di una restrizione di sicurezza — Custom HTML esegue effettivamente gli script, ma vengono eseguiti troppo tardi per agganciarsi in modo affidabile all’evento di caricamento del carrello. La sezione “Scripts (Before Load)” esegue il tuo codice prima del caricamento del carrello, così le callback come upcartSubscribeCartLoaded vengono attivate correttamente. Codice di esempio:
Nota legacy: window.upcartOnCartLoaded funziona ancora ma è deprecato e registra un avviso in console. Usa upcartSubscribeCartLoaded per tutti i nuovi script. Assicurati di testare attentamente il posizionamento e la sintassi del tuo codice. Alcune restrizioni della piattaforma potrebbero comunque influire su come gli script vengono elaborati.