Questo articolo è disponibile anche in:

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


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.



➡️ 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
  • Coloricaratterie 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:


  1. Salva il tuo modulo popup
  2. 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 è PubblicatoNon pubblicatoProgrammatoo 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

È stato utile questo articolo?

Condividi il tuo feedback

Annulla

Grazie!