> ## 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 Configurare PopUps Sconto > ℹ️ **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 🚀 ---