🚀 Come Preparare un Forma Popup
ℹ️ 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 raccogliere e-mail, numeri di telefono, o qualsiasi dettaglio personalizzato proprio quando gli acquirenti sono più impegnati? 📝
Questo è esattamente ciò che Forma popup in Hoppy Popups è costruito per. Ti permette di creare un modulo di registrazione completamente personalizzabile che appare ovunque sul tuo negozio — e trasforma i visitatori casual in abbonati si può mercato a più tardi ✨
Con un modulo popup, è possibile raccogliere:
- 📧 Indirizzo email per la tua newsletter
- 📱 Numeri telefonici per aggiornamenti SMS
- 🎂 Dettagli personalizzati come compleanni, preferenze o dimensioni
- 🎁 Premi nuovi registri con un codice sconto automatico
Questa guida ti accompagna attraverso la creazione del tuo primo modulo popup passo-passo, utilizzando solo le impostazioni di cui hai realmente bisogno per farlo in diretta.
⚠️ Prima di iniziare
Prima di impostare il modulo popup, assicurarsi:
- The Hoppy Popups app è installato sulla tua Shopify negozio
- The App Embed è abilitato nel vostro tema (configurazione di una volta — coperto di seguito)
- Sai quali informazioni vuoi raccogliere da acquirenti
Opzionale, ma utile per decidere in anticipo:
- 🎁 Un codice sconto che vorresti premiare i nuovi iscritti con
- 🔗 Dove gli abbonati devono essere memorizzati (all'interno dell'app, o sincronizzati con uno strumento di posta elettronica come Klaviyo)
ℹ️ Questa guida si concentra sulla Forma popup tipo, che supporta campi di forma personalizzati. The E-mail Capture PopUp funziona quasi allo stesso modo — basta saltare i campi personalizzati — in modo da poter seguire questi passaggi anche per questo.
✅ Passo iniziale — Abilitare l'app incorporato
Per qualsiasi popup da apparire sul tuo negozio, l'app incorporata deve essere abilitata all'interno del tuo Shopify tema.
Vai a:
Shopify Admin → Online Store → Temi → Personalizza → App Embeds
Allora:
- Trova Hoppy Popups
- Toggle it ON
- Fare clic Salva
💡 Devi solo farlo una volta. Se non è abilitato, Hoppy Popups vi ricorderà anche con un banner proprio prima di pubblicare - in modo da non perdere.
🛠️ Passo 1 — Creare un nuovo modulo popup
Aprire Hoppy Popups app dalla tua Shopify Admin.
Allora:
→ Cliccare Crea nuovo popup
Questo apre il Scegli il tipo pop-up schermo.
→ Trova il Forma popup carta → Clicca Crea il modulo popup
La pagina di configurazione si apre automaticamente con:
- A Contenuto scheda — ciò che il modulo dice e raccoglie
- A Design scheda — come appare il popup
- A Luogo scheda — quando e dove appare
- A anteprima live sulla destra, in modo da poter vedere i cambiamenti come si va 👀
📝 Passo 2 — Aggiungi il tuo modulo Contenuto
Tu inizierai dentro Contenuto scheda. Questo controlla gli acquirenti di testo vedere e le informazioni che il modulo raccoglie.
🏷️ Nome del modulo popup
Questo nome è solo per il vostro riferimento interno.
I compratori non lo vedranno mai.
Utilizzare qualcosa di riconoscibile, come:
- Homepage Registrazione Newsletter
- Forma del club di compleanno
- Benvenuto Sconto Popup
💡 Il nome chiaro rende molto più facile gestire più popup dopo.
💬 Titolo & Descrizione
Questo è il messaggio principale acquirenti vedere in cima al popup.
Esempio
- Titolo: "Unisciti al nostro club di compleanno 🎂"
- Descrizione: "Sign up e ottenere una sorpresa speciale per il vostro compleanno."
Tenere breve, amichevole, e concentrato sul vantaggio di iscriversi.
Puoi anche aggiungere un Logo sopra il titolo se volete il popup per sentirsi più on-brand.
📧 Campo email
Questo è il nucleo della maggior parte delle forme di iscrizione.
Quando Mostra il campo email è acceso, due campi aggiuntivi appaiono:
- Portacampo email → il testo di suggerimento all'interno della casella, ad esempio "Inserire la tua email"
- Messaggio di errore → mostrato se un shopper entra in una email non valida
📱 Telefono / Campo SMS
Accensione Mostra numero di telefono (SMS) Campo se si desidera anche raccogliere numeri di telefono.
Quando abilitato, vengono visualizzate altre opzioni:
- Codice paese predefinito → pre-seleziona il paese per il numero di telefono
- Portacampo del telefono
- Messaggio di errore del telefono
Questo è utile se si prevede di inviare SMS offerte o aggiornamenti ordine in seguito 📲
🧩 Campi di forma personalizzati
Questo è ciò che rende Forma popup speciale — si può chiedere quasi tutto, non solo una e-mail.
→ Cliccare Aggiungi campo creare una nuova domanda
Per ogni campo, scegli un Tipo di campo:
- Campo di testo
- Linee multiple
- Pulsanti radio
- caselle di controllo
- Goccia
- Multi-seletto
- Numero
- Link
- Caricamento file
- Data
- Tempo
- Valutazione
Allora dammi una cosa. Etichetta — questa è la domanda che gli acquirenti vedono, come "il tuo compleanno" o "Come hai sentito parlare di noi?".
A seconda del tipo di campo, vengono visualizzate automaticamente alcune opzioni aggiuntive:
- 📝 Portaoggetti → appare per campi basati su testo (testo, linee multiple, numero, collegamento, tempo)
- ✅ Opzioni → appare per campi di scelta (radio, checkbox, dropdown, multi-select), dove si aggiungono le risposte acquirenti possono scegliere da
- ❗ Obbligo → accendere questo se gli acquirenti devono rispondere prima di presentare
⚠️ Il modulo deve includere almeno uno di questi: un campo Email, un campo Telefono o un campo personalizzato. Altrimenti non c'e' niente da riempire per gli acquirenti.
💡 Un nuovo Popup Form inizia già con un campo Email, un campo Telefono e un campione Compleanno data campo — in modo da poter lanciare rapidamente e regolare da lì.
🔘 Inserisci testo del pulsante
Questo è il pulsante acquirenti fare clic per inviare il modulo.
Impostare il Testo del pulsante a qualcosa focalizzato sull'azione, come:
- "Sign Me Up"
- "Ottenete il mio sconto"
- "Unisciti al Club"
Quando il modulo ha campi, questo pulsante automaticamente presenta il modulo — nessuna configurazione supplementare necessaria.
✔️ Opt-In Checkbox (opzionale)
Puoi aggiungere un Opt-In Checkbox così i clienti accettano attivamente di ricevere marketing da voi.
Quando acceso, un Testo Opt-In editor appare dove è possibile scrivere il messaggio di consenso, come ad esempio:
"Sì, mandami offerte e aggiornamenti esclusivi."
Questo aiuta a raccogliere il consenso di marketing chiaro e rimanere compiacente 🙌
🎉 Passo 3 — Impostare ciò che succede dopo l'iscrizione
Dopo che un acquirente invia il modulo, il popup passa a un successo statoQuesta è la tua occasione per ringraziarli e ricompensarli.
Troverete queste impostazioni in fondo alla Contenuto scheda.
💌 Messaggio di successo & Descrizione
Scrivere i clienti dei messaggi di ringraziamento vedere subito dopo la presentazione.
Esempio
- Messaggio di successo: "Ci sei! 🎉"
- Descrizione di successo: "Ecco la tua ricompensa per unirsi a noi."
🎁 Premi con uno sconto (opzionale)
Una piccola ricompensa può aumentare notevolmente le iscrizioni.
ℹ️ Questo campo è disponibile una volta Mostra Codice Coupon è toggled a Sì.
Per visualizzare un codice coupon, è possibile:
- Seleziona uno dei codici Coupon che hai creato in Shopify Admin → Sconti cliccando su Seleziona/Cambia sconto.
- È 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:
- Il cliente dovrà applicare lo sconto manualmente — il cliente dovrà inserire il codice coupon durante il checkout per ricevere lo sconto.
- 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.
➡️ Pulsante di successo (opzionale)
Puoi anche mostrare un pulsante sulla schermata di successo.
Accensione Mostra il pulsante CTA di successo, e due campi appaiono:
- Testo del pulsante di successo → ad esempio "Start Shopping"
- Pulsante di successo Link → dove il pulsante dovrebbe prendere acquirenti
Questo è un buon modo per inviare nuovi abbonati direttamente a una raccolta o vendita pagina 🛍️
ℹ️ Ogni registrazione viene salvata automaticamente all'interno Hoppy Popups → Abbonati. Se volete gli abbonati inviati a uno strumento di posta elettronica come Klaviyo o Mailchimp, è possibile collegarlo in Integrazioni scheda — vedere la guida dedicata alle integrazioni per la configurazione.
📍 Passo 4 — Scegliere quando e dove appare
Ora aprite Luogo scheda. Questo controlla i tempi, la frequenza e la posizione del popup.
Quando dovrebbe apparire? (Trigger)
Scegli una Tipo di prova, poi usare Mostra pop-up dopo per ottimizzare i tempi:
- Dopo il tempo (Durata) → immediatamente, o dopo pochi secondi sulla pagina
- Pagina → dopo un shopper scorre a valle
- Exit-intent → quando un acquirente sta per partire
- Aggiungi al carrello è cliccato → quando un elemento viene aggiunto, o quando il carrello passa un valore
- Dopo aver visto la pagina → dopo un shopper visualizza un certo numero di pagine
Alcuni trigger rivelano opzioni extra — per esempio, Exit-intent ti permette di scegliere cosa significa "lasciare" e Aggiungi al carrello consente di reagire ad un valore minimo del carrello.
💡 Un breve ritardo (a pochi secondi) è un default amichevole — dà agli acquirenti un momento di guardare intorno prima che il modulo appare.
🔁 Quanto spesso dovrebbe mostrare?
Sotto Visualizza impostazioni, scegliere quanto spesso il popup torna indietro:
- Mostra ogni volta → appare su ogni visita
- Ogni volta che qualcuno visita → una volta per visita, e si ferma dopo la presentazione del modulo
- Frequenza di limite → dopo essere stato chiuso, attendere un numero impostato di giorni prima di mostrare di nuovo
ℹ️ Una volta che un acquirente invia il modulo, il popup smette di mostrarli automaticamente - in modo da non chiedere mai due volte.
📄 Dove dovrebbe apparire?
Uso Visualizza su scegliere le pagine in cui si presenta il modulo:
- Ogni pagina
- Pagina iniziale solo
- Tutte le pagine del prodotto
- Pagine specifiche del prodotto
- Collezioni o collezioni specifiche
- Prodotti con tag specifici
Quando si sceglie un'opzione specifica (come un prodotto o una raccolta), viene visualizzato un selettore in modo da poter scegliere esattamente quale.
📐 Posizione
Scegliere dove il popup siede sullo schermo:
- Centro per un popup classico e accattivante
- A angolo (come in basso a destra) per una sensazione più morbida e scorrevole
ℹ️ La visibilità del dispositivo (Desktop, Mobile o entrambi) è impostata nel Design scheda. Sono disponibili anche regole più avanzate — come il targeting per lo stato di login del cliente, tag, spesa a vita, paese o fonte UTM. Quelli sono coperti nel dedicato Obiettivo guida in modo che questa configurazione rimanga semplice.
📅 Eseguire una campagna a tempo limitato? Puoi aggiungere un Inizio e Fine data prevista Scheduling. Per impostazione predefinita il modulo viene eseguito in modo continuo (avvia subito, non finisce mai). Vedere la Scheduling guida per le campagne datate.
🎨 Passo 5 — Stile il popup (opzionale)
Aprire Design scheda per rendere il popup match il tuo marchio.
Qui è possibile regolare rapidamente le cose come:
- The Template per iniziare da un look pronto
- The Popup Size e posizione styling
- Colori♪ caratterie spaziatura
- The pulsante pulsante e campo di input stile
- A sfondo sovrapposizione e ingresso animazione
Non è necessario toccare nessuno di questo per andare in diretta — i valori predefiniti sembrano grandi fuori dalla scatola ✨
Per una passeggiata completa di ogni opzione di styling, vedere il Design & Styling Guida. Per tweak avanzati, il CSS personalizzato guida consente di regolare i dettagli con il proprio codice.
✅ Passo 6 — Salva e Pubblica
Una volta che tutto sembra buono in anteprima:
- Salva il tuo modulo popup
- Fare clic Pubblicazione per farlo vivere sul tuo negozio
⚠️ Salvare da solo fa non pubblicare il modulo. Sempre cliccare Pubblicazione quando sei pronto per gli acquirenti a vederlo.
Dopo la pubblicazione, il tasso di stato del popup aggiorna in modo da poter dire a colpo d'occhio se è Pubblicato♪ Non pubblicato♪ Programmatoo Scadenza.
💡 Se l'app incorporata non è ancora abilitata, Hoppy Popups mostrerà un promemoria con un Abilitare App Embed pulsante subito dopo aver pubblicato — basta seguire e si è impostato.
💡 Consigli utili
- Prova il tuo modulo aprendo il tuo negozio in un Incognito / Privato finestra e inviare un'e-mail di prova — quindi controllare Abbonati per confermare che è arrivato
- Tenere i moduli brevi — chiedendo solo una e-mail di solito ottiene la maggior parte delle iscrizioni 📈
- Assicurarsi che almeno un campo (email, telefono o personalizzato) sia acceso, o il modulo non può essere inviato
- Vuoi il modulo in un'altra lingua? È possibile aggiungere traduzioni in Traduzione sezione — vedere la guida dedicata alla traduzione
🎉 Risultato finale
Una volta configurato e pubblicato:
✅ I compratori vedono un bellissimo modulo di firma on-brand
✅ Email, numeri di telefono e dettagli personalizzati vengono raccolti automaticamente
✅ I nuovi abbonati possono immediatamente ricevere una ricompensa di sconto
✅ Il modulo appare al momento giusto, sulle pagine giuste
✅ Ogni segnale viene salvato e pronto a sincronizzare con i tuoi strumenti di marketing
Un modulo popup ben configurato è uno dei modi più facili per crescere il vostro pubblico e trasformare i visitatori di prima volta in clienti a lungo termine 🚀
Aggiornato il: 10/09/2026
Grazie!