ℹ️ 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 trasformare la raccolta di email in un gioco divertente e interattivo? 🎉

Spin Wheel PopUps consente ai visitatori di girare una ruota colorata per vincere sconti, spedizione gratuita, o offerte speciali. È uno dei modi più coinvolgenti per crescere la tua lista di abbonati, dando ai clienti un'esperienza di marca memorabile.

Questa guida ti passa attraverso l'intera configurazione in modo da poter lanciare il tuo primo Spin Wheel 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 una nuova ruota di rotazione PopUp

Aprire Hoppy PopUps app.

Allora:

→ Cliccare Crea nuovo popup

→ Selezionare Spin Ruota PopUp dall'elenco dei tipi di popup.

La pagina di configurazione si aprirà automaticamente con una ruota pre-costruita pronta a personalizzare.

📝 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:

• Spin & Vinci campagna
• Ruota degli sconti
• Lucky Spin Popup
• Offerta della ruota di compleanno

💡 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 tuo popup e dovrebbero invitare i visitatori a giocare.

Esempio

• Titolo: "Spin the wheel & win"
• Descrizione: "Prendi la tua fortuna e sblocca uno sconto speciale"

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

Si può mostrare entrambi, solo uno, o nemmeno se si sta puramente eseguendo un gioco senza collezione.

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

☑️ 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 e gira la ruota, appare un messaggio di successo.

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

Puoi anche aggiungere un Descrizione del successo — ad esempio, istruzioni su come riscattare il premio appena vinto.

🖱️ 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 — Configurare i ricompense della ruota

Ancora dentro Contenuto scheda, scorrere verso il Ricompense per ruote sezione.

Questo è dove si definisce ogni fetta sulla ruota — ciò che i visitatori possono vincere e quanto probabilmente sono per vincere.

💸 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.

🎁 Aggiunta & Modifica di Slice

Ogni fetta sulla ruota ha quattro impostazioni:

Impostazione

Che cosa fa

Etichetta

Il testo mostrato sulla fetta della ruota (ad esempio "10% OFF", "Free Ship")

Peso della probabilità

Un numero che controlla quanto spesso questa fetta vince. Più alto = più probabile.

Codice sconto

Il codice coupon effettivo che il visitatore riceve se questa fetta atterra. Può essere lasciato vuoto.

Messaggio

Un messaggio personalizzato mostrato dopo la filatura (ad esempio "Prova la prossima volta...")

Esempio Setup

Etichetta

Probabilità

Codice

Messaggio

3 dollari

20

SAVE3

"

GRATIS SHIP

20

GRATIS

"

7% OFF

20

SAVE7P

"

10

"

"Riprova la prossima volta..."

12% di sconto

10

SAVE12P

"

🎟️ Aggiungere Codici coupon sconto

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

➕ Aggiungere più calici

Fare clic Ulteriori informazioni per creare segmenti ruota aggiuntivi. Non c'è limite rigoroso — aggiungere quante più ti piace fare la ruota sentire eccitante e varia.

🗑️ Rimuovi le ferite

Fare clic sull'icona spazzatura accanto a qualsiasi fetta per rimuoverlo. Le probabilità di restanti fette determineranno automaticamente le nuove possibilità di vincita.

🎨 Passo 4 — Progettare la vostra ruota (opzionale)

Passare al Design scheda per regolare come la ruota di rotazione sembra.

Opzioni specifiche della ruota troverete qui:

• Colore della ferita — colori alternati per segmenti di ruota
• Slice etichetta colore e carattere — stile di testo sulla ruota stessa
• Colore della ruota — l'anello esterno della ruota
• Colore della freccia — il puntatore in alto
• Colore del cerchio centrale — il mozzo nel mezzo
• Slice messaggio colore e carattere — styling per messaggi post-spin

💡 Il Spin Wheel PopUp è dotato di colori di default caldi e giocosi. Puoi tenerli o allinearli con il tuo marchio.

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

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

Spostati Luogo / Chirurgia scheda per controllare quando e dove viene visualizzata la Spin Wheel 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:

✅ I visitatori vedono una ruota girevole interattiva sul tuo negozio
✅ Ogni giro offre una ricompensa randomizzata in base alle impostazioni di probabilità
✅ Le email e i numeri di telefono vengono raccolti automaticamente (se abilitati)
✅ Codici sconto sono rivelati dopo la filatura
✅ Il popup rispetta le regole di destinazione, la pianificazione e le impostazioni del dispositivo

Il tuo Spin Wheel PopUp è ora vivo e pronto a deliziare i tuoi visitatori 🚀

Aggiornato il: 10/09/2026