ℹ️ 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.

Vuoi aggiungere l'urgenza al tuo negozio e aiutare i clienti ad agire prima che scada il tempo?

Questo è esattamente ciò che Hoppy Countdown Timer è costruito per.

Con questa applicazione, è possibile creare timer conto alla rovescia per:

• 🛍️ Pagine di prodotto — Mostra l'urgenza direttamente sulle pagine dei dettagli del prodotto
• 🛒 Cart Page & Cart Drawer — Incoraggiare gli acquirenti a completare il checkout
• 💳 Pagina di controllo — Aggiungere l'urgenza alla fase finale (Shopify Inoltre solo)
• 🌐 Top/Bottom Banner — Visualizza una barra di conto alla rovescia su tutto il sito
• 📄 Pagina di atterraggio e posizioni personalizzate — Collezioni specifiche di destinazione o collocamenti personalizzati

Questa guida ti accompagna attraverso i passaggi di configurazione essenziali in modo da poter ottenere il tuo primo timer conto alla rovescia dal vivo rapidamente 🚀

📍 Tipi di conto alla rovescia disponibili

A seconda della tua campagna, puoi scegliere tra diversi comportamenti timer:

• Conto alla rovescia per una data — termina a una data e all'ora specifica
• Minuti fissi — un conteggio fisso per ogni sessione di visitatori
• Timer ricorrente giornaliero — Ripete nei giorni selezionati (ad esempio, ogni giorno della settimana 9 AM – 11 AM)
• Timer d'intervallo — Tempo di inizio e di fine programma multipli (fino a 7 intervalli)
• Tempo di sessione — Un conto alla rovescia unico che inizia fresco per ogni visitatore

Il tipo che si seleziona le modifiche che le opzioni di temporizzazione appaiono nella configurazione.

⚠️ Prima di iniziare

Prima di creare un timer conto alla rovescia, assicurarsi:

• The Hoppy Countdown Timer app è installato sulla tua Shopify negozio
• Hai accesso al tuo Shopify Amministrazioni

Abilitare l'App Embed

Per i timer conto alla rovescia da visualizzare sul tuo negozio, l'app incorporata deve essere abilitata all'interno del tuo Shopify tema.

Vai a:

Shopify Admin → Canali di vendita → Online Store → Temi → Modifica Tema → App Embeds

Allora:

• Trova Timer conto alla rovescia
• Toggle it ON
• Fare clic Salva

💡 Se si salta questo passaggio, il timer conto alla rovescia pubblicato non sarà visibile sul negozio.

Shopify Più richiesta per Checkout

Se si desidera inserire un timer conto alla rovescia sul Pagina di controllo, il tuo negozio deve essere su un Shopify Più Piano. I negozi non-Plus vedranno un avviso di piano quando si tenta di creare un conto alla rovescia della pagina di controllo.

🛠️ Passo 1 — Creare un nuovo conto alla rovescia Timer

Aprire Hoppy Countdown Timer app dalla tua Shopify Admin.

Allora:

→ Cliccare Crea un nuovo conto alla rovescia

→ Selezionare il tipo di posizionamento che corrisponde dove vuoi che il timer compaia:

• Pagina del prodotto
• Pagina del carrello
• Cassetto portaoggetti
• Pagina di controllo (Shopify Inoltre solo)
• Top/Bottom Banner
• Pagina di atterraggio
• Posizione personalizzata

Una volta selezionato, l'editor di configurazione si apre automaticamente con impostazioni predefinite su misura per quel posizionamento.

⚙️ Passo 2 — Configurare la scheda Contenuto

Dopo aver aperto la pagina di installazione, atterrate all'interno della Contenuto scheda.

Questa scheda controlla:

• 🏷️ Nome e messaggi del conto alla rovescia
• ⏱️ Tipo di conto alla rovescia e tempistiche
• 🔚 Cosa succede quando finisce il timer
• 🌍 Traduzioni (per posizionamenti supportati)

🏷️ Nome del conto alla rovescia

Questo campo è usato per riferimento interno solo — i clienti non lo vedranno mai.

Utilizzare un nome riconoscibile come:

• Vendita estiva Timer
• Black Friday Countdown
• Bar dell'orgenza di vendita flash

💡 Utilizzando un chiaro nome interno rende più facile gestire più campagne in seguito.

📝 Titolo & Subheading

• Titolo — Il messaggio principale che i clienti vedono (ad esempio, "Sbrigatevi! Fine vendita in {timer})
• Subheading — Una linea secondaria mostrata sotto il titolo sulla maggior parte dei posizionamenti

ℹ️ Su Pagina del carrello e Pagina di controllo timer, è possibile utilizzare la variabile dinamica {timer} all'interno del titolo per visualizzare il conto alla rovescia in linea.

🔘 Pulsante d'azione

Per Top/Bottom Banner♪ Pagina di atterraggio♪ Pagina del carrelloe Cassetto portaoggetti timer, puoi scegliere cosa succede quando i clienti interagiscono con la barra di conto alla rovescia.

Impostare il Tipo di azione CTA a:

• Nessuna chiamata all'azione — La barra visualizza solo il testo
• Pulsante — Aggiunge un pulsante cliccabile sotto il timer
• Fai clic su tutta la barra — Trasforma l'intera barra in un collegamento

ℹ️ Se si seleziona Pulsante o Fai clic su tutta la barra# Testo del pulsante e Link i campi appaiono automaticamente in modo da poter configurare dove i clienti sono diretti.

Tipo di conto alla rovescia

Scegliere come il vostro timer dovrebbe comportarsi:

Tipo

Quando usare

Conto alla rovescia per una data

Una data fissa (ad esempio, la vendita termina il 31 dicembre)

Minuti fissi

Ogni visitatore ottiene la stessa lunghezza di sessione fissa

Timer ricorrente giornaliero

Ripete nei giorni selezionati con tempi di inizio/fine impostati

Timer d'intervallo

Più finestre di conto alla rovescia

Tempo di sessione

Un nuovo conto alla rovescia per ogni sessione

Una volta selezionato un tipo, i relativi campi di temporizzazione appaiono automaticamente:

• Data → Data di inizio e data di fine pickers appaiono
• Minuti fissi / Sessione → Processo verbale campo appare
• Ripresa → Selettore di giorno e controlli di tempo di inizio / fine appaiono
• Intervallo → I raccoglitori di data di inizio/fine multipli appaiono (fino a 7 intervalli)

ℹ️ Pagina del carrello♪ Cassetto portaoggetti e Pagina di controllo i posizionamenti utilizzano modalità di temporizzazione fissa e fanno non mostrare il selettore Tipo di conto alla rovescia. Per Cart e Checkout, impostare la durata in Processo verbale.

🕐 Impostazioni di avvio del timer

Per Conto alla rovescia per una data timer, puoi scegliere quando inizia il timer:

• Adesso. — Il timer inizia immediatamente quando pubblicato
• Programma per iniziare più tardi — Impostare una data di inizio futura

Se si sceglie "Schedule per iniziare più tardi," un ulteriore Data di inizio appare il campo.

ℹ️ Questa opzione non è disponibile per Pagina del carrello♪ Cassetto portaoggettio Pagina di controllo posizionamenti, che utilizzano i propri controlli di temporizzazione.

🔚 Una volta che finisce

Questa impostazione controlla cosa succede quando il conto alla rovescia raggiunge lo zero.

Le opzioni disponibili dipendono dal tipo di posizionamento e conto alla rovescia:

Per la maggior parte dei posizionamenti:

• Unpublish Timer (Hide) — Nasconde automaticamente il conto alla rovescia
• Mostra messaggio personalizzato — Visualizza un titolo / messaggio personalizzato che definisci
• Tempo di attesa — Aggiunge tempo extra e mostra un messaggio esteso
• Non fare niente — Lascia il timer visibile a zero

Per Cart Page, Cart Drawer e Cart Standalone:

• Tutto quanto sopra, più:
• Riavviare il conto alla rovescia — Reimposta automaticamente il timer
• Elimina i prodotti del carrello — Rimuove gli elementi dal carrello quando il timer termina

Per il tipo "Metti minuti fissi" su altri posizionamenti:

• Include anche Riavviare CountdownFor Checkout Pagina:
• Unpublish Timer (Hide) solo
• Non fare niente

ℹ️ Se si seleziona Mostra messaggio personalizzato o Tempo di attesa, i campi di testo aggiuntivi appaiono automaticamente in modo da poter inserire il contenuto del messaggio.

📍 Passo 3 — Configurare la scheda di posizionamento

Avanti, apri il Luogo scheda per controllare dove appare il conto alla rovescia e chi può vederlo.

🎯 Seleziona pagine o prodotti

Le opzioni di destinazione disponibili dipendono dal tipo di posizionamento scelto nel passaggio 1.

🛍️ Pagina del prodotto

• Tutti i prodotti — Mostra su ogni pagina del prodotto
• Prodotti specifici — Prodotti individuali Hand-pick dal vostro negozio
• Tutti i prodotti con tag specifici — Prodotti di destinazione tag corrispondenti che definisci
• Tutti i prodotti in collezioni specifiche — Mostra prodotti all'interno delle collezioni scelte
• Posizione doganale — Posizionare manualmente utilizzando l'ID conto alla rovescia o lo snippet liquido

🛒 Cart Page & Cart Drawer

• In cima al carrello — Posizionamento predefinito sopra gli elementi del carrello
• Posizione doganale — Posizionare manualmente utilizzando l'ID conto alla rovescia o lo snippet liquido

🌐 Top/Bottom Banner

• Mostra in ogni pagina — visibilità su tutto il sito
• Mostra solo sulla home page — Restrizione alla homepage
• Mostra su tutte le pagine del prodotto — Appare su ogni pagina del prodotto
• Mostra su specifiche pagine di prodotto — Prodotti individuali a mano
• Tutti i prodotti in collezioni specifiche — Prodotti di destinazione all'interno di collezioni selezionate
• Mostra su tutte le pagine di raccolta — Appare su ogni pagina di raccolta
• Mostra su specifiche pagine di raccolta — Collezioni individuali a mano
• Posizione doganale — Posizionare manualmente utilizzando l'ID conto alla rovescia o lo snippet liquido

📄 Pagina di atterraggio

• Tutte le pagine di raccolta — Mostra su ogni pagina di raccolta
• Pagine di raccolta specifiche — Collezioni individuali a mano
• Posizione doganale — Posizionare manualmente utilizzando l'ID conto alla rovescia o lo snippet liquido

💳 Pagina di controllo

• Posizionamento del blocco personalizzato — Aggiungere tramite Shopify Editor di controllo

ℹ️ Se si seleziona Posizione doganale, l'app fornisce ID conto alla rovescia e Codice liquido snippet dopo aver salvato. È possibile utilizzare questi all'interno del vostro editor tema o codice per posizionare il timer esattamente dove si desidera.

⏳ Obiettivo del tempo sul posto

Scegliere quando il conto alla rovescia dovrebbe apparire:

• Mostra sempre — Visualizza immediatamente quando la pagina carica
• Mostra dopo un po' — Ritaglia l'aspetto di un determinato numero di secondi (1–300)

👤 Obiettivo del cliente (opzionale)

Puoi affinare la visibilità in base a:

• Stato di registrazione — Mostra a tutti i clienti o solo i clienti registrati
• Mostra bar a — Tutti i clienti, clienti con tag specifici, o clienti basati sulla vita trascorsa
• Nascondi la barra da — Escludere specifiche etichette dei clienti o intervalli di vita

ℹ️ Queste impostazioni sono facoltative. Per la maggior parte delle impostazioni, il default Mostra a tutti i clienti funziona perfettamente.

🌍 Geolocation Targeting (opzionale)

Per impostazione predefinita, il conto alla rovescia è visibile in tutto il mondo.

Se si desidera limitarlo a paesi specifici, selezionare Paesi specifici e scegliere le posizioni consentite dal selettore del paese.

🎨 Passo 4 — Personalizzare la progettazione (opzionale)

Aprire Design scheda per cambiare come il conto alla rovescia sembra.

È possibile applicare rapidamente modello pre-made o personalizzare manualmente:

• Posizione (in alto o in basso)
• Colore dello sfondo o gradiente
• Timer style (orologio da corsa, piastrelle, numeri normali, e altro ancora)
• Caratteri, spaziatura e stile pulsante

💡 Se hai fretta, inizia con un modello e un fine-tune più tardi.

Per una completa ripartizione di ogni opzione di progettazione, vedere il Design & Styling documentazione.

💾 Passo 5 — Salva il tuo setup

Una volta configurato il contenuto e il posizionamento:

→ Cliccare Salva

La barra di salvataggio appare nella parte inferiore dello schermo ogni volta che si apportano modifiche. Salvataggio memorizza la configurazione ma lo fa non rendere il timer vivo ancora.

🚀 Fase 6 — Pubblica il conto alla rovescia

Dopo aver salvato:

→ Cliccare Pubblicazione

Una volta pubblicato:

• Il conto alla rovescia diventa visibile sul tuo negozio in base alle tue regole di posizionamento e targeting
• Un verde "Pubblicato" il distintivo appare accanto al nome del conto alla rovescia

⚠️ Promemoria importanti:

• Se l'app incorporata non è abilitata nel vostro tema, il conto alla rovescia non apparirà - anche dopo la pubblicazione
• Per i timer della pagina di checkout, solo uno conto alla rovescia del checkout pubblicato è consentito per negozio
• È possibile sbloccare in qualsiasi momento facendo clic su Unpubling pulsante pulsante

✅ Fase finale — Conferma Sta funzionando

Dopo la pubblicazione:

1. Apri il tuo negozio in un Incognito o Privato finestra del browser
2. Navigare alla pagina in cui il conto alla rovescia dovrebbe apparire
3. Verificare che il timer sia visibile e conteggiare correttamente

Se il conto alla rovescia non appare:

• Ricontrollare che App Embed è abilitato e salvato nel tuo tema
• Confermare il conto alla rovescia pubblicato
• Provare rinfresco duro (Ctrl + Shift + R su Windows / Cmd + Shift + R su Mac)
• Controllare che le regole di pianificazione o di destinazione non lo nascondono

🎉 Risultato finale

Una volta configurato con successo:

✅ Un timer conto alla rovescia è attivo nelle tue pagine selezionate ✅ I clienti vedono in tempo reale messaggi di urgenza ✅ Il timer si nasconde automaticamente o si estende in base alle impostazioni di end-action ✅ Il tuo negozio si sente più dinamico e sensibile al tempo ✨

Un timer di conto alla rovescia ben posizionato può aiutare a nudge i clienti verso decisioni di acquisto più veloci durante il loro viaggio di shopping 🚀

Aggiornato il: 10/09/2026