ℹ️ 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 offrire sconti istantanei ai tuoi visitatori attraverso un popup elegante? 🛍️

Sconti PopUps sono perfetti per la condivisione di codici coupon, la raccolta di e-mail, e l'accoglienza di clienti nuovi e di ritorno con offerte speciali.

Questa guida ti passa attraverso l'intero flusso di configurazione in modo da poter lanciare il tuo primo PopUp Sconto 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 popup sconto

Aprire Hoppy PopUps app.

Allora:

→ Cliccare Crea nuovo popup

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

La pagina di configurazione si aprirà automaticamente con i campi su misura per le campagne di sconto.

📝 Passo 2 — Configurare il contenuto

Dopo aver aperto la pagina di installazione, atterrate all'interno della 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:

• Vendita estate PopUp
• Venerdì nero Sconto
• Offerta di benvenuto
• Codice VIP Goccia

💡 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 nella parte superiore del popup e dovrebbero comunicare chiaramente l'offerta.

Esempio

• Titolo: "Godere 20% di sconto su tutti i prodotti"
• Descrizione: "Sign up e sbloccare lo sconto immediato"

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

È possibile mostrare sia, solo uno, o nemmeno se si sta solo visualizzando un annuncio.

⚙️ 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 invia i loro dettagli, è possibile mostrare diversi messaggi in base a se sono un cliente nuovo o di ritorno.

• Messaggio per i nuovi clienti: "Benvenuto nel nostro negozio!"
• Messaggio per i clienti di ritorno: "Bentornato!"

È anche possibile aggiungere una descrizione sotto ogni 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.

🖱️ Passo 3 — Impostare il Trigger & Mostra Regole

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

⏱️ Trigger Type

Questo decide quale evento fa apparire il popup.

Opzioni disponibili:

• Dopo il tempo (Durata) — appare dopo un determinato numero di secondi
• Pagina — appare dopo che il visitatore scorre una certa percentuale
• Exit-intent — appare quando il visitatore sta per partire
• Aggiungi al carrello è cliccato — appare quando un elemento viene aggiunto al carrello
• Dopo le viste di pagina — questo innesca una volta che un numero specifico di pagine sono state visitate.

Scegli il grilletto che meglio corrisponde al tuo comportamento dei visitatori.

🔄 Frequenza di visualizzazione

Controllare quanto spesso lo stesso visitatore vede il popup:

• Mostra ogni volta — display su ogni carico di pagina
• Ogni volta che qualcuno visita — mostra una volta per sessione di navigazione
• Frequenza di limite — consente di impostare un cooldown in giorni prima che il popup riappari

💡 Il popup si ferma automaticamente dopo che un visitatore invia il modulo.

📍 Obiettivo della pagina

Decidere quali pagine il tuo PopUp sconto dovrebbe apparire su:

• Mostra in ogni pagina
• Mostra solo sulla home page
• Mostra su tutte le pagine del prodotto
• Mostra su specifiche pagine di prodotto
• Tutti i prodotti in collezioni specifiche
• Mostra su tutte le pagine di raccolta
• Mostra su specifiche pagine di raccolta
• Tutti i prodotti con tag specifici

Se si sceglie un'opzione specifica, utilizzare il picker o il tag input per finalizzare la selezione.

👥 Passo 4 — Configurare il targeting del cliente e della posizione

Ancora dentro Luogo / Chirurgia tabellone che vede il tuo popup.

📱 Visibilità del dispositivo

Scegliere quali dispositivi il popup dovrebbe apparire su:

• Desktop e Mobile
• Solo Desktop
• Solo mobile

🔐 Stato di registrazione del cliente

• Mostra a tutti i clienti
• Mostra solo ai clienti registrati

🏷️ Tags & periodo di vita

È possibile limitare ulteriormente la visibilità utilizzando:

• Clienti target basati sul tag del cliente — per esempio, mostrare solo ai clienti taggati VIP o wholesale
• Clienti target basati sulla vita trascorsa — mostrare solo ai clienti che hanno speso oltre un importo specifico

Si può anche nascondere il popup da tag specifici o le soglie di spesa se necessario.

🌍 Geolocalizzazione Targeting

• Tutto il mondo — nessuna restrizione
• Paesi specifici — selezionare solo i paesi in cui si desidera visualizzare il popup

🔗 Fonti UTM consentite

Abilita questo se vuoi che il popup apparisca solo per i visitatori provenienti da specifiche fonti di traffico.

Piattaforme supportate:

• TikTok
• Facebook
• Instagram
• Google Google
• Pinterest
• Twitter
• Codice UTM personalizzato — inserire i propri parametri UTM

⚠️ Se abilitato, i visitatori che arrivano direttamente (senza parametri UTM corrispondenti) non vedranno il popup.

📅 Fase 5 — Set Scheduling (opzionale)

Se si desidera che il tuo Sconto PopUp eseguire solo durante un periodo specifico, espandere il Scheduling sezione all'interno della scheda Posizionamento/Targeting.

Set:

• Data di inizio — quando il popup dovrebbe iniziare a mostrare
• Data di fine — quando il popup dovrebbe smettere di mostrare automaticamente

Se lasciato vuoto, il popup viene eseguito continuamente una volta pubblicato.

🎨 Passo 6 — Progettare il vostro PopUp (opzionale)

Passare al Design scheda per regolare:

• Posizione popup (centro, angoli)
• Dimensioni e animazione
• Colori di sfondo, gradienti o immagini
• Fonti, stili del pulsante e raggio d'angolo

💡 Puoi saltare questo passaggio se l'aspetto predefinito corrisponde già al tuo negozio.

Per un percorso completo di tutte le opzioni di progettazione, vedere la documentazione dedicata Design & Styling.

✅ Fase 7 — 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:

✅ I visitatori vedono la vostra offerta di sconto al momento giusto
✅ Email e numeri di telefono vengono raccolti automaticamente
✅ Codici coupon vengono visualizzati dopo la presentazione
✅ Messaggi diversi salutano nuovi vs clienti di ritorno
✅ Il popup rispetta le regole di destinazione, la pianificazione e le impostazioni del dispositivo

Il tuo sconto PopUp è ora live e pronto a premiare i tuoi visitatori 🚀

Aggiornato il: 10/09/2026