> ## Knowledge Base Index > Fetch the complete knowledge base index at: https://help.hoppyapps.com/sitemap.xml > Use this file to discover available pages before exploring further. > Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash). # ⌚ Come configurare Timer conto alla rovescia > ℹ️ **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 carrello**e **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 portaoggetti**o **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 🚀