> ## Knowledge Base Index > Fetch the complete knowledge base index at: https://help.hoppyapps.com/sitemap.xml > Use this file to discover available pages before exploring further. > Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash). # 🚀 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 stato**Questa è 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: 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** * **Colori**♪ **caratteri**e **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 è **Pubblicato**♪ **Non pubblicato**♪ **Programmato**o **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 🚀