ℹ️ 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 creare l'urgenza e guidare decisioni di acquisto più veloci? 🚨

Countdown PopUps visualizza un timer live all'interno del tuo popup — perfetto per vendite flash, offerte a tempo limitato, lanci di prodotto e campagne a tempo determinato. Quando gli acquirenti vedono il tempo che ticchettia, sono più probabilità di agire immediatamente.

Questa guida ti passa attraverso l'intera configurazione in modo da poter lanciare il tuo primo Countdown PopUp in pochi minuti.

✅ Prima di iniziare — Abilitare l'App Embed

Per qualsiasi popup da apparire 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 Hoppy Popups
• Toggle it ON
• Fare clic Salva

ℹ️ Senza questo passo, il tuo popup non renderà sul negozio anche dopo la pubblicazione.

⚙️ Passo 1 — Creare un nuovo conto alla rovescia PopUp

Aprire Hoppy PopUps app.

Allora:

→ Cliccare Crea nuovo popup

→ Selezionare Countdown PopUp dall'elenco dei tipi di popup.

La pagina di configurazione si aprirà automaticamente con i campi su misura per le campagne di conto alla rovescia, incluso uno stile di timer predefinito.

📝 Passo 2 — Configurare il contenuto

Dopo aver aperto la pagina di installazione, atterrate all'interno Contenuto scheda. Questa sezione controlla ciò che i visitatori vedono e come interagiscono con il popup.

🏷️ Nome popup

Questo campo viene utilizzato solo per scopi interni. I clienti non vedranno mai questo nome.

È possibile utilizzare qualsiasi nome riconoscibile come:

• Timer di vendita flash
• Black Friday Countdown
• Giorno di lancio Popup
• Speciale Weekend

💡 Utilizzando il nome interno corretto rende più facile identificare le impostazioni in seguito, soprattutto se il tuo negozio esegue più campagne.

💬 Titolo & Descrizione

Questi appaiono in cima al popup e dovrebbero creare urgenza.

Esempio

• Titolo: "La vendita finisce presto!"
• Descrizione: "Prenditi e prendi il tuo sconto prima che scada il tempo"

Puoi personalizzarli per abbinare la tua voce di campagna.

📧 Email & Phone Collection

Scegli quali campi mostrare nel tuo popup:

• Mostra campo di raccolta e-mail — cattura le email dei visitatori
• Mostra il campo numero di telefono — cattura i numeri di telefono con la selezione dei codici di paese

Entrambi sono abilitati per impostazione predefinita per Countdown PopUps, ma è possibile regolare come necessario.

⚙️ Collezione aggiuntiva & Coupon Impostazioni

Questa sezione fornisce un controllo aggiuntivo su come le informazioni dei visitatori vengono raccolte e come gli sconti vengono presentati all'interno del popup.

📩 Email Collection Field Placeholder

Personalizza il testo segnaposto mostrato all'interno del campo di input e-mail.

Esempio

• "Inserire la tua email"
• "Il tuo miglior indirizzo email"

Questo aiuta a guidare i visitatori su quali informazioni dovrebbero entrare.

❌ Messaggio di errore

Impostare il messaggio di convalida mostrato quando un visitatore entra in un indirizzo e-mail non valido.

Esempio

• "Si prega di inserire un indirizzo email valido"

Questo appare automaticamente se il formato e-mail inserito non è corretto.

📱 Codice paese predefinito

Scegliere il codice paese predefinito per il campo numero di telefono.

Esempio

• Stati Uniti (+1)
• Regno Unito (+44)
• India (+91)

I visitatori possono ancora cambiare il paese manualmente a meno che non ristretto.

📞 Numero di telefono segnaposto

Personalizza il testo segnaposto mostrato nel campo del numero di telefono.

Esempio

• "Inserire il numero di telefono"
• "Mobile number"

Questo migliora la chiarezza e incoraggia la corretta formattazione.

⚠️ Messaggio di errore del numero di telefono

Impostare il messaggio visualizzato quando viene inserito un numero di telefono non valido.

Esempio

• "Si prega di inserire un numero di telefono valido"

Questo aiuta i visitatori a capire perché la presentazione non è riuscita.

🔘 Testo del pulsante

Personalizza il testo del pulsante call-to-action mostrato all'interno del popup.

Esempio

• "Shop Now"
• "Claim Discount"
• "Sblocca l'offerta"

Utilizzando il testo orientato all'azione può migliorare le conversioni.

🏷️ Mostra Codice Coupon

Scegliere se il codice coupon dovrebbe apparire all'interno del popup dopo la cattura e-mail di successo.

Opzioni disponibili:

• Sì. — visualizza il codice coupon ai visitatori
• No. — nasconde la sezione codice coupon

Questo è utile se gli sconti vengono applicati automaticamente o gestiti esternamente.

ℹ️ Il codice coupon può essere mostrato solo se l'email viene catturata.

🎟️ Codice Coupon

ℹ️ Questo campo è disponibile una volta Mostra Codice Coupon è toggled a Sì.

Per visualizzare un codice coupon, è possibile:

1. Seleziona uno dei codici Coupon che hai creato in Shopify Admin → Sconti cliccando su Seleziona/Cambia sconto.
2. È possibile creare uno nuovo cliccando su Crea nuovo sconto.

Esempio

• SAVE10
• WELCOME20
• COUPON123

💸 Applicazione

Questa opzione controlla come lo sconto viene applicato. Ha due opzioni:

1. Il cliente dovrà applicare lo sconto manualmente — il cliente dovrà inserire il codice coupon durante il checkout per ricevere lo sconto.
2. Applicare lo sconto automaticamente — lo sconto verrà applicato automaticamente durante il checkout senza che il cliente debba inserire il codice coupon.

⚠️ Importante:

• La nostra app non crea o gestisce i codici coupon/discount. Devi crearli Shopify Admin → Sconti prima di usarli nel popup.

☑️ Aggiungi Opt-In Checkbox

Scegliere se mostrare una casella di controllo opt-in aggiuntivo all'interno del popup.

Questo può essere utilizzato per:

• Consenso di marketing
• consenso SMS
• Abbonamenti Newsletter
• Condizioni di riconoscimento

Opzioni disponibili:

• Sì. — visualizza la casella di controllo
• No. — nasconde la casella di controllo

❎ Chiudi Icona

Attivare o disattivare l'icona di chiusura mostrata sul popup.

• Abilitato — i visitatori possono chiudere manualmente il popup
• Disabili — rimuove l'icona vicina dal popup

Questo aiuta a controllare come dismissibile l'esperienza popup dovrebbe essere.

✉️ Messaggi di successo

Dopo che un visitatore presenta i suoi dettagli, appare un messaggio di successo.

• Messaggio di successo: "Benvenuto nel nostro negozio!"

È anche possibile aggiungere una descrizione sotto il messaggio — per esempio, istruzioni su come utilizzare il codice coupon appena ricevuto.

🖱️ Pulsante Click Behavior

ℹ️ Questa opzione è disponibile solo quando "Show Email Field" & "Show Phone Number Field" sono deselezionati.

Ti permette di controllare cosa succede quando un visitatore clicca sul pulsante CTA all'interno del popup. Si occupa di:

1. Vicino Popup — il popup si chiuderà
2. Reveal Codice Coupon — il codice coupon sarà rivelato al visitatore, ma si avrà impostare il codice Coupon come descritto sopra nella sezione "Mostra codice coupon".
3. Redirect to Link — selezionare questo ti darebbe un campo di input chiamato "Link" dove è possibile specificare l'URL a cui il visitatore verrà reindirizzato

☁️ Pulsante d'azione galleggiante

Puoi aggiungere un Pulsante d'azione galleggiante che rimane visibile sulla pagina in modo che i visitatori possano riaprire il popup dopo averlo chiuso.

Scegli una posizione:

• In basso a destra
• In basso a sinistra
• Schermo a destra
• Schermo a sinistra

Allora entra in Testo del pulsante — ad esempio "Offerta aperta", "Offerta Verde", o "Learn More".

Per disabilitare completamente il pulsante galleggiante, selezionare Disattivare il pulsante di azione galleggiante.

⏳ Fase 3 — Configurare il Timer conto alla rovescia

Ancora dentro Contenuto scheda, scorrere verso il Conteggio sezione.

Questo controlla il comportamento timer, l'aspetto e la scadenza.

🎯 Tipo di conto alla rovescia

Scegliere come il timer dovrebbe comportarsi:

• A data specifica/ora — conta fino a una data e all'ora del calendario fissi (ad esempio "La vendita termina il 31 dicembre alle 11:59")
• Durata — contenga una lunghezza fissa di tempo da quando appare il popup (ad esempio "Offerta scade in 2 ore")
• Corre ogni giorno per ore specifiche — ripete la stessa finestra di conto alla rovescia ogni giorno (ad esempio "Happy Hour 2 PM – 4 PM")

Selezionare l'opzione che corrisponde alla struttura della campagna.

📅 Data specifica / ora

Se selezionato A data specifica/ora, utilizzare la data picker per scegliere la scadenza.

Il timer conterà fino a questo momento esatto e si fermerà quando arriva la data.

Durata

Se selezionato Durata, entrare:

• Giorni
• Ore
• Processo verbale

Il timer inizia a contare giù da questa durata totale ogni volta che un visitatore prima vede il popup.

🌅 Corse giornaliere per ore specifiche

Se selezionato Corre ogni giorno per ore specifiche, set:

• Inizio — quando il conto alla rovescia inizia ogni giorno
• Tempo di chiusura — quando il conto alla rovescia termina ogni giorno

Questo è ottimo per le promozioni ricorrenti come offerte giornaliere o ore felici.

🏷️ Etichette di tempo

Personalizzare le etichette di testo mostrate in ogni unità timer:

• Giorni
• Ore
• Processo verbale
• Secondo

Le etichette di default sono "Days", "Hrs", "Mins", e "Secs", ma puoi cambiarle a qualsiasi cosa tu preferisca.

🎨 Passo 4 — Progettare il vostro timer (opzionale)

Passare al Design scheda per regolare come il conto alla rovescia sembra.

Opzioni specifiche del timer trovate qui:

• Stile Timer — orologio Flip, piastrelle Dual, numeri di Plain, piastrelle quadrate o piastrelle Circle
• Timer sfondo colore — il colore dietro ogni unità di tempo
• Timer Font — tipografia per i numeri
• Dimensione del tempo & colore — dimensione del numero in pixel e colore del testo
• Etichetta carattere, dimensione & colore — styling per il testo sotto ogni unità

💡 Il Countdown PopUp predefinisce un timer flip-clock elegante. Puoi tenerlo o passare ad un altro stile.

Per un percorso completo di tutte le opzioni di progettazione, vedere la documentazione dedicata PopUps - Design & Styling [Link].

🖱️ Passo 5 — Impostare il trigger e le regole di visualizzazione

Spostati Luogo / Chirurgia scheda per controllare quando e dove appare il tuo Countdown PopUp.

Impostazioni chiave che incontrerai:

• Tipo di prova — Dopo il tempo, Scroll di pagina, Exit-intent, Aggiungi al carrello pulsante cliccato o Dopo le viste di pagina
• Frequenza di visualizzazione — Mostrare ogni volta, una volta per visita, o limitare con un cooldown
• Obiettivo della pagina — Ogni pagina, solo casa, prodotti specifici, collezioni o tag
• Obiettivo del cliente — Stato di accesso, tag dei clienti, durata della vita
• Geolocalizzazione — Tutti i paesi del mondo o specifici
• Scheduling — Date di inizio e fine opzionali

Per spiegazioni approfondite di ogni opzione di destinazione, vedere la documentazione dedicata Advanced Targeting.

✅ Passo 6 — Salva e Pubblica

Una volta tutto sembra buono:

1. Fare clic Salva per memorizzare la configurazione
2. Fare clic Pubblicazione per rendere il popup live sul tuo negozio

⚠️ Salvare da solo non rende il popup visibile ai clienti. Devi pubblicarlo.

Se l'app incorporata non è ancora abilitata, un banner ti ricorderà di attivarlo nel tuo Shopify editor di temi.

🎉 Risultato finale

Una volta configurato con successo:

✅ Un timer live countdown appare dentro il tuo popup ✅ I visitatori si sentono urgenza di agire prima che scada il tempo ✅ Le email e i numeri di telefono vengono raccolti automaticamente (se abilitati) ✅ Il popup rispetta le regole di destinazione, la pianificazione e le impostazioni del dispositivo ✅ Il timer corrisponde allo stile del tuo marchio e alla voce della campagna

Il tuo Countdown PopUp è ora live e ticchettio 🚀

Aggiornato il: 10/09/2026