Questo articolo è disponibile anche in:

⏳ Quali sono le etichette del tempo e i tipi di conto alla rovescia disponibili

ℹ️ Note: Questo articolo è stato tradotto automaticamente utilizzando AI e può contenere imprecisioni. Se qualcosa sembra sbagliato, si prega di contattare il nostro team di supporto.


Hoppy Countdown Timer offre diversi tipi di conto alla rovescia in modo da poter creare urgenza in diverse aree del tuo negozio — dalle pagine del prodotto e dai cassetti del carrello alle campagne di checkout e email.


Ogni tipo di conto alla rovescia è progettato per una specifica area di collocamento e viene fornito con il proprio comportamento, impostazioni e logica di storefront. Scegliere il tipo giusto ti aiuta a visualizzare i timer esattamente dove importano più 🎯



⚠️ Prima di iniziare


Per esplorare i tipi di conto alla rovescia:


→ Aprire il Hoppy Countdown Timer app
→ Cliccare Crea un nuovo conto alla rovescia
→ Selezionare un tipo di conto alla rovescia dalle opzioni disponibili


Una volta selezionata, la pagina di configurazione si apre con impostazioni su misura per quel tipo specifico.


ℹ️ Non tutte le impostazioni appaiono per ogni tipo. L'app mostra dinamicamente solo i campi rilevanti per il conto alla rovescia selezionato.



🏷️ Etichette di tempo


Time Labels controlla le etichette delle unità visualizzate accanto al timer conto alla rovescia.


Per impostazione predefinita, i conto alla rovescia visualizzano tutte le etichette disponibili:


  • Giorni
  • H.
  • Mins
  • Segni


I commercianti possono abilitare o disabilitare individualmente queste etichette a seconda di come vogliono che il timer compaia sul negozio.


Esempio


Visualizzazione del conto alla rovescia: 02 giorni : 14 ore : 30 minuti : 45 giorni può essere semplificato disabilitando le etichette selezionate, come ad esempio: 14 : 30 : 45 o 02 Giorni: 14 ore a seconda dei requisiti della campagna.


Come funziona


All'interno dell'editor conto alla rovescia, individuare il Mostra etichette tempo sezione.


È possibile scegliere quali etichette dovrebbero essere visibili:


  • Giorni
  • H.
  • Mins
  • Segni


Quando un'etichetta è disabilitata:


  • Il valore del tempo corrispondente continua a funzionare normalmente.
  • Solo l'etichetta di testo è nascosta dal display storefront.


Questo consente ai commercianti di creare un design di conto alla rovescia più pulito o compatto, mantenendo la precisione di timer.


⚠️ Importante: Time Labels controlla solo la visibilità delle etichette di testo. Non influiscono su come il conto alla rovescia calcola o visualizza il tempo.



📍 Tipi di conto alla rovescia


Queste definizioni dove il conto alla rovescia appare sul tuo negozio.



🛍️ Pagina del prodotto


  • Cosa fa: Visualizza un blocco di conto alla rovescia sulle pagine del prodotto, posizionato sotto il pulsante Aggiungi al carrello.
  • Il meglio per: Creare urgenza sui singoli prodotti.


Opzioni di posizionamento


  • Tutti i prodotti — Mostra su ogni pagina del prodotto.
  • Prodotti specifici — Scegli i singoli prodotti tramite Shopify Raccoglitore di risorse.
  • Prodotti con Tag specifici — Prodotti di destinazione corrispondenti tag che definisci.
  • Prodotti in Collezioni specifiche — Prodotti mirati all'interno di collezioni selezionate.
  • Personale — Utilizzare l'ID conto alla rovescia nell'editor a tema o incollare manualmente uno snippet di codice.


Comportamento predefinito


  • Titolo: "Sbrigatevi!"
  • Subheading: "La vendita finisce in"
  • Mostra tutte le unità di tempo: giorni, ore, minuti, secondi
  • Barra di progresso è nascosta per impostazione predefinita
  • Nessun pulsante call-to-action per impostazione predefinita



📶 Top / Bottom Bar


  • Cosa fa: Visualizza una barra di conto alla rovescia fissa o appiccicosa nella parte superiore o inferiore del tuo negozio.
  • Il meglio per: Annunci a livello di negozio, vendite flash o scadenze di spedizione.


Opzioni di posizionamento


  • Ogni pagina — Visibile in tutto il vostro negozio.
  • Pagina iniziale Solo — Solo sulla homepage.
  • Tutte le pagine del prodotto — Ogni pagina del prodotto.
  • Prodotti specifici — Solo su prodotti selezionati.
  • Tutte le pagine della collezione — Ogni pagina di raccolta.
  • Collezioni specifiche — Solo collezioni selezionate.
  • Personale — Posizionamento manuale utilizzando Countdown ID o codice snippet.


Posizione & comportamento


  • Posizione: Scegli Top o Fondo.
  • Sticky: Quando impostato su Top, è possibile attivare il comportamento appiccicoso in modo che la barra rimanga visibile durante lo scorrimento.
  • Icona chiusa: I commercianti possono attivare un pulsante vicino. Quando un cliente respinge la barra, rimane nascosto utilizzando lo storage del browser.


Comportamento predefinito


  • Include un pulsante CTA per impostazione predefinita
  • L'icona di chiusura è abilitata per impostazione predefinita
  • I collegamenti a pulsante e il testo sono configurabili



🗂️ Pagina di atterraggio (Collection Page)


  • Cosa fa: Visualizza un blocco di conto alla rovescia sulle pagine di raccolta.
  • Il meglio per: Vendite specifiche di raccolta, campagne stagionali o promozioni di categoria.


Opzioni di posizionamento


  • Tutte le pagine della collezione — Ogni pagina di raccolta.
  • Collezioni specifiche — Solo collezioni selezionate.
  • Personale — Posizionamento manuale utilizzando Countdown ID o codice snippet.


Comportamento predefinito


  • Include un pulsante CTA per impostazione predefinita
  • Supporta le azioni interbarre cliccabili
  • Iniezione prima dell'area principale dei contenuti



🛒 Pagina del carrello


  • Cosa fa: Visualizza un conto alla rovescia sulla pagina del carrello e all'interno del cassetto del carrello quando gli articoli sono aggiunti.
  • Il meglio per: Ridurre l'abbandono del carrello con urgenza di checkout.


Opzioni di posizionamento


  • Top of Cart — Posizionato nella parte superiore del contenuto del carrello.
  • Personale — Posizionamento manuale utilizzando Countdown ID o codice snippet.


Comportamento speciale


  • Timer inizia quando il primo elemento viene aggiunto al carrello. L'applicazione rileva automaticamente le azioni aggiuntive.
  • Se il carrello diventa vuoto, il conto alla rovescia viene rimosso.
  • Il titolo supporta un {timer} segnaposto quindi il timer live appare in linea all'interno del tuo messaggio.


Comportamento predefinito


  • Sono visualizzate solo ore, minuti e secondi (senza giorni).
  • Closable per impostazione predefinita.
  • Titolo predefinito: "La vendita finisce in {timer}"



📄 Pagina del carrello standalone


  • Cosa fa: Come Cart Page, ma solo sul /cart pagina — non nel cassetto del carrello.
  • Il meglio per: Mercanti che vogliono il conto alla rovescia rigorosamente sulla pagina del carrello dedicato.


Comportamento negozio


  • Solo rendering sul /cart Nome del percorso.
  • Non si attacca o appare dentro il cassetto del carrello.



🗃️ Cassetto portaoggetti


  • Cosa fa: Come Cart Page, ma solo dentro il cassetto del carrello — non su /cart pagina.
  • Il meglio per: Negozi dove i clienti utilizzano principalmente il cassetto del carrello invece di visitare la pagina del carrello completo.


Comportamento negozio


  • Rende solo dentro il cassetto del carrello.
  • Utilizza un MutationObserver per rilevare quando il cassetto si apre e inietta automaticamente il conto alla rovescia.
  • Non appare sul /cart pagina.



💳 Pagina di controllo


  • Cosa fa: Visualizza un conto alla rovescia direttamente sul Shopify Pagina di checkout.
  • Il meglio per: urgenza finale per completare l'acquisto.


Requisito importante


⚠️ Shopify Inoltre è richiesto un piano. Questo tipo di conto alla rovescia è disponibile solo per Shopify I commercianti più perché utilizza Shopify Checkout estensioni dell'interfaccia utente.


Opzioni di posizionamento


  • Acquisto Blocco di controllo — Posizionamento del blocco personalizzato configurato dal commerciante all'interno dell'editor di checkout.


Limitazioni di progettazione


Perché le pagine di controllo utilizzano Shopify's UI Extension framework:


  • La selezione dei caratteri è limitata a ShopifyLe opzioni predefinite.
  • Gli stili Timer sono limitati a Shopify's dimensione del testo e preset di colore.
  • I modelli e le opzioni di styling avanzate non sono disponibili.
  • Solo un conto alla rovescia di checkout pubblicato è consentito per negozio.


Azioni finali disponibili


Solo Unpubling e Niente. sono disponibili. Altre azioni finali come messaggi personalizzati, estendere o riavviare non sono supportate per conto alla rovescia di checkout.


Comportamento predefinito


  • Titolo: "Sbrigatevi! Fine vendita in {timer}"
  • Closable per impostazione predefinita



Tipi di comportamento del timer


Queste definizioni come il timer conto alla rovescia si comporta nel tempo. Le opzioni disponibili dipendono dal tipo di posizionamento selezionato.



📅 Conto alla rovescia per una data


  • Cosa fa: Conta fino a una data e all'ora fissa specifica.
  • Il meglio per: Vendita flash, lancio di prodotti o scadenze per eventi.


Impostazioni impostazioni


  • Tipo di inizio:
    • Ora — Timer diventa visibile immediatamente.
    • Più tardi. — Timer diventa visibile solo dopo la data di inizio configurata.
  • Data di inizio — Appare solo se Start Type è impostato su "Later".
  • Data di fine — la data e l'ora esatta quando il conto alla rovescia raggiunge lo zero.



⏲️ Minuti fissi


  • Cosa fa: Inizia un conto alla rovescia da un numero fisso di minuti per ogni sessione di visitatori.
  • Il meglio per: Creazione di urgenza per sessione come "Il tuo carrello è riservato per 15 minuti."


Impostazioni impostazioni


  • Processo verbale — Immettere la durata in minuti (default è 120).


Comportamento negozio


  • Timer inizia fresco su ogni carico di pagina.
  • Quando scade il tempo, il conto alla rovescia termina in base all'azione finale selezionata.



🔁 Timer ricorrente giornaliero


  • Cosa fa: Ripete il conto alla rovescia nei giorni selezionati della settimana tra tempi di inizio e fine configurati.
  • Il meglio per: Vendite flash giornaliere, ore felici, o promozioni ricorrenti.


Impostazioni impostazioni


  • Giorni selezionati — Scegliere quali giorni della settimana il conto alla rovescia dovrebbe apparire.
  • Tempo di inizio — Ore, minuti e indicatore AM/PM.
  • Tempo di chiusura — Ore, minuti e indicatore AM/PM.


Comportamento negozio


  • Se il tempo di fine è prima del tempo di inizio (ad esempio, 10 PM a 2 AM), l'applicazione gestisce automaticamente la transizione di notte.
  • Il conto alla rovescia è completamente nascosto nei giorni che non vengono selezionati.



📊 Intervallo Timer


  • Cosa fa: Imposta fino a 7 intervalli di conto alla rovescia separati, ciascuno con la propria data di inizio e di fine.
  • Il meglio per: Campagne multifase, vendite schiacciate o eventi settimanali con periodi di urgenza diversi.


Impostazioni impostazioni


  • Intervalli — Aggiungere fino a 7 intervalli, ciascuno con un timestamp di inizio e fine.


Comportamento negozio


  • Il conto alla rovescia appare solo durante un intervallo attivo.
  • Se il tempo corrente cade tra intervalli, il conto alla rovescia è nascosto.
  • Gli intervalli sono valutati sequenziali.



👤 Tempo di sessione


  • Cosa fa: Avvia un conto alla rovescia unico per ogni visitatore e persiste in tutta la pagina rinfresca utilizzando lo storage del browser.
  • Il meglio per: Per-visitor urgenza che non si resetta quando si naviga in un'altra pagina.


Impostazioni impostazioni


  • Processo verbale — Inserisci la durata della sessione in pochi minuti.


Comportamento negozio


  • Nella prima visita del visitatore, il timer inizia e memorizza i tempi di inizio e fine nella memorizzazione del browser.
  • Nelle visite successive, il timer riprende da dove è partito.
  • Se lo storage del browser viene eliminato o danneggiato, viene creata automaticamente una nuova sessione.



🎯 Che succede Quando il Timer termina


Ogni tipo di conto alla rovescia supporta le azioni finali che controllano ciò che accade quando il tempo raggiunge lo zero.


Azione finale


Comportamento


Unpubling


Nasconde il conto alla rovescia completamente dal negozio


Messaggio personalizzato


Sostituisce il timer con un titolo personalizzato e una sottovoce che definisci


Esame


Aggiunge tempo extra (60–600 secondi) con un messaggio opzionale. È possibile incatenare più estensioni insieme


Riavviare


Riavvia il conto alla rovescia da ora con la durata originale


Niente.


Timer si ferma ma il contenuto di conto alla rovescia rimane visibile


Cancella il carrello


Cancella il carrello del cliente e ricarica la pagina. Disponibile solo per il conto alla rovescia del carrello


End Action Disponibilità per tipo


  • Tipi standard (Product Page, Top/Bottom Bar, Landing Page): Tutte le azioni finali tranne Delete Cart.
  • Tipo di carrello (Cart Page, Cart Drawer, Cart Page Standalone): Tutte le azioni finali, tra cui Delete Cart.
  • Pagina di checkout: Solo Unpublish e Niente.



⚠️ Note importanti


Timer Tipo Disponibilità per Luogo


Non tutti i tipi di comportamento timer sono disponibili per ogni posizionamento:


  • Pagina del prodotto, Top/Bottom Bar, Landing Page: Tutti i tipi di timer disponibili (Date, Minuti, Ripresa, Intervallo, Sessione).
  • Cart Page, Cart Drawer, Cart Page Standalone: Solo Minuti fissi tipo timer è disponibile.
  • Pagina di checkout: Solo Minuti fissi tipo timer è disponibile.


Restrizioni della pagina di controllo


  • Richiesta Shopify Più Piano.
  • Solo uno conto alla rovescia del checkout può essere pubblicato per negozio alla volta.
  • Le opzioni di progettazione sono limitate a Shopify's checkout preset UI.


I tipi di carrello sono estremamente esclusivi


Cart Page, Cart Page Standalone e Cart Drawer sono simili ma servono scopi diversi:


  • Uso Pagina del carrello se vuoi il conto alla rovescia sia sulla pagina del carrello che nel cassetto del carrello.
  • Uso Pagina del carrello standalone se lo vuoi solo /cart pagina.
  • Uso Cassetto portaoggetti se lo vuoi solo nel cassetto del carrello.



💡 Utilizzare casi e esempi


Vendita Flash sulle pagine del prodotto


→ Selezionare Pagina del prodotto
→ Posizionamento: Prodotti specifici (selezionare articoli di vendita)
→ Timer: Countdown to a Date
→ Azione finale: Unpublish


Scadenza di spedizione Store-Wide


→ Selezionare Top / Bottom Bar
→ Luogo: Ogni pagina
→ Posizione: Top + Sticky
→ Timer: Ricorso giornaliero (ad esempio, lunedì – venerdì, dalle 9 alle 17)
→ Azione finale: Messaggio personalizzato — "Ordini posti dopo la nave di 5 PM domani"


Cart Abandonment Urgency


→ Selezionare Pagina del carrello
→ Posizionamento: Top of Cart
→ Timer: Minuti fissi (ad esempio, 30 minuti)
→ Titolo: "Completa il tuo ordine all'interno {timer} per garantire i tuoi articoli"
→ Azione finale: Elimina il carrello


Pulsante finale di controllo


→ Selezionare Pagina di controllo (Shopify Inoltre solo)
→ Timer: Minuti fissi (ad esempio, 15 minuti)
→ Titolo: "Sbrigatevi! Fine vendita in {timer}"
→ Azione finale: Niente



🚀 Risultato finale


Una volta configurato correttamente:


✅ I contorni appaiono esattamente dove li vuoi
✅ Il comportamento Timer corrisponde ai tuoi obiettivi di campagna
✅ Le azioni finali gestiscono la scadenza con grazia
✅ I clienti sperimentano un'urgenza costante attraverso pagine di prodotto, carrello, checkout e e-mail
✅ Ogni tipo di posizionamento rispetta le proprie regole di visibilità, le condizioni di destinazione e i vincoli di progettazione


La scelta del tipo di conto alla rovescia giusta assicura che la messaggistica d'urgenza venga mostrata ai clienti giusti, al momento giusto, nel posto giusto ✨

Aggiornato il: 10/09/2026

È stato utile questo articolo?

Condividi il tuo feedback

Annulla

Grazie!