> ## 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 una Email Collection Bar per annunci > ℹ️ **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 far crescere la tua lista email direttamente dalla vetrina del tuo negozio? 🚀 L'**Email Collection Bar** in Hoppy Announcement Banner ti permette di raccogliere le email dei visitatori e trasformare navigatori occasionali in iscritti — il tutto senza uscire dal tuo negozio Shopify. Una volta configurata, i clienti possono iscriversi direttamente dalla barra e puoi persino premiarli con un codice sconto automatico per incoraggiare le iscrizioni ✨ --- # **✅ Prima di iniziare** Prima di creare la tua Email Collection Bar, assicurati che: * L'app **Hoppy Announcement Banner** sia installata nel tuo negozio Shopify * Il tuo tema Shopify abbia l'**Announcement Banner app embed** abilitato Se non hai ancora abilitato l'app embed, vai su: **Shopify Admin → Sales Channels → Online Store → Themes → Edit Theme → App Embeds** (Amministrazione Shopify → Canali di vendita → Negozio online → Temi → Modifica tema → App embed) Poi attiva **Announcement Banner** su ON e clicca **Save** (Salva). --- # **🛠️ Passaggio 1 — Crea una nuova Email Collection Bar** Apri l'app **Hoppy Announcement Banner** dalla tua **Shopify Admin** (Amministrazione Shopify). Poi: → Clicca **Create New Announcement** (Crea nuovo annuncio) → Seleziona **Email Collection Bar** (Barra di raccolta email) → Scegli un **Preset** (Predefinito) che si adatti allo stile del tuo negozio, oppure clicca **Make your Own** (Crea la tua) per partire da zero Una volta selezionata, la pagina di configurazione si aprirà automaticamente. --- # **⚙️ Passaggio 2 — Configura i contenuti** Dopo aver aperto la pagina di configurazione, ti troverai nella scheda **Content** (Contenuto). Questa sezione controlla ciò che i visitatori vedono e il comportamento del modulo di raccolta email. --- ## **🏷️ Announcement Name** Questo campo è solo per uso interno. I clienti non vedranno mai questo nome. Usa qualsiasi nome riconoscibile, ad esempio: * Barra iscrizione newsletter * Banner offerta di benvenuto * Costruttore lista email 💡 Utilizzare nomi interni appropriati rende più facile identificare le configurazioni in seguito, soprattutto se il tuo negozio gestisce più campagne. --- ## **📝 Title & Subheading** Questi sono i messaggi principali mostrati ai visitatori. * **Title** (Titolo) — Il titolo della tua Email Collection Bar. Usa l'editor di testo formattato per formattarlo come preferisci. * **Subheading** (Sottotitolo) — Un messaggio di supporto sotto il titolo (opzionale). ### **Esempio** * **Title:** "Iscriviti alla nostra lista VIP e ottieni il 15% di sconto" * **Subheading:** "Sii il primo a scoprire nuovi arrivi e offerte esclusive" 💡 Un titolo chiaro e convincente aiuta ad aumentare i tassi di iscrizione 📈 --- ## **🔘 Button Text** Questo è il testo mostrato sul pulsante di iscrizione accanto al campo email. ### **Esempi** * "Iscriviti" * "Ottieni il mio sconto" * "Unisciti al club" * "Riscatta l'offerta" --- ## **✉️ Email Placeholder** Questo è il testo di suggerimento mostrato all'interno del campo email prima che il visitatore inizi a digitare. ### **Esempio** * "Inserisci la tua email" * "Il tuo indirizzo email" --- ## **🎉 Success Message** Questo messaggio appare dopo che un visitatore ha inviato con successo la propria email. ### **Esempio** * "Benvenuto a bordo! Controlla la tua casella di posta per il codice sconto 🎉" * "Grazie per esserti iscritto!" ⚠️ Se offri un codice sconto, è una buona idea menzionarlo nel messaggio di successo in modo che i clienti sappiano cosa aspettarsi. --- ## **🏷️ Coupon Code** Vuoi premiare i nuovi iscritti con uno sconto? Puoi aggiungere un codice sconto che appare dopo che hanno inviato la loro email. → Inserisci il tuo **Coupon Code** (Codice sconto) → Seleziona **Show copy button** (Mostra pulsante di copia) se vuoi che i clienti possano copiare facilmente il codice con un clic ⚠️ **Importante:** * Il codice sconto predefinito **"PROMO123"** è solo un segnaposto e non funzionerà al checkout a meno che non esista uno sconto con quel codice in Shopify. * Tieni presente che inserire un codice sconto nella nostra app non crea automaticamente uno sconto Shopify. * Prima di mostrare un codice sconto tramite la nostra app, devi prima creare lo sconto corrispondente in **Shopify Admin → Discounts** (Amministrazione Shopify → Sconti). Una volta creato lo sconto, puoi usare lo stesso codice nella nostra app per mostrarlo ai clienti dopo l'iscrizione. --- ## **❌ Close Icon** Abilita questa opzione se vuoi che i visitatori possano chiudere l'Email Collection Bar. Quando è abilitata, puoi anche controllare dopo quanto tempo la barra riappare: * **Appear again after** (Ricompare dopo) — Imposta un numero * **Unit** (Unità) — Scegli tra **hours** (ore) o **days** (giorni) Questo ti aiuta a evitare di infastidire i visitatori abituali, dando comunque ai nuovi visitatori la possibilità di iscriversi. --- ## **📋 Copy Button** Abilita questa opzione se vuoi che i visitatori possano copiare il Coupon Code. Questo aiuta i visitatori a copiare il Coupon Code con un clic, anziché selezionarlo manualmente. --- # **🎨 Passaggio 3 — Personalizza il design** Clicca **Continue to design** (Passa al design) per accedere alla scheda **Design** (Design). Qui puoi controllare l'aspetto della tua Email Collection Bar: * Posizione (top push, bottom, ecc.) * Colori e stili di sfondo * Dimensioni dei caratteri e stile dei pulsanti * Angoli arrotondati e spaziatura * Animazioni e comportamento fisso 💡 Per una descrizione completa di ogni opzione di design, consulta la nostra documentazione su **Design & Styling**. --- # **📍 Passaggio 4 — Configura posizionamento e targeting** Apri la scheda **Placement** (Posizionamento) per controllare dove e quando appare la tua Email Collection Bar. --- # **📐 Display Position** Questa impostazione controlla la posizione fisica della barra nella pagina. * **Top Push** (Spinta in alto) — Spinge il resto del contenuto della pagina verso il basso. La barra si trova nel normale flusso del documento. * **Top Push (Sticky)** (Spinta in alto fissa) — Rimane fissa nella parte superiore della viewport mentre il cliente scorre. Il contenuto della pagina viene comunque spinto verso il basso. * **Top Overlap** (Sovrapposizione in alto) — Fluttua sopra la parte superiore della pagina senza spingere il contenuto verso il basso. * **Top Overlap (Sticky)** (Sovrapposizione in alto fissa) — Fluttua in alto e rimane visibile durante lo scorrimento. * **Bottom Overlap (Sticky)** (Sovrapposizione in basso fissa) — Appare nella parte inferiore della viewport e rimane lì durante lo scorrimento. * **Manual** (Manuale) — Controlli esattamente dove appare la barra utilizzando uno snippet di codice o un app block. ## --- ## **🌐 Page Targeting** Scegli in quali pagine dovrebbe apparire l'Email Collection Bar: * **All pages** (Tutte le pagine) * **Homepage only** (Solo homepage) * **All product pages** (Tutte le pagine prodotto) * **All collection pages** (Tutte le pagine collezione) * **Specific products** (Prodotti specifici) * **Specific collections** (Collezioni specifiche) * **Custom pages** (Pagine personalizzate) --- ## **🌍 Geolocation Targeting** Per impostazione predefinita, la barra appare a tutti i visitatori in tutto il mondo. Se vuoi targetizzare paesi o regioni specifici: → Disabilita **Allow all locations** (Consenti tutte le località) → Seleziona i paesi in cui vuoi che la barra appaia --- ## **👥 Customer Targeting** Controlla chi vede l'Email Collection Bar in base al comportamento dei clienti: * **All visitors** (Tutti i visitatori) * **Logged-in customers only** (Solo clienti loggati) * **Logged-out visitors only** (Solo visitatori non loggati) * **Customers with specific tags** (Clienti con tag specifici) * **Customers based on lifetime spend** (Clienti in base alla spesa totale) 💡 Ad esempio, puoi mostrare la barra solo ai nuovi visitatori che non hanno ancora effettuato il login, il che è ideale per costruire la lista. --- ## **📅 Scheduling (Optional)** Imposta una **Start Date** (Data di inizio) e una **End Date** (Data di fine) se vuoi che l'Email Collection Bar sia attiva durante un periodo di campagna specifico. Se non vengono impostate date, la barra apparirà immediatamente una volta pubblicata e rimarrà attiva finché non la ritiri. --- # **🔗 Passaggio 5 — Abilita la sincronizzazione con Shopify Customer (facoltativo)** Se vuoi che le email raccolte vengano aggiunte automaticamente alla lista **Shopify Customers** (Clienti Shopify): → Vai alla sezione **Integrations** (Integrazioni) all'interno dell'app Hoppy Announcement Banner → Trova **Shopify customer list integration** (Integrazione lista clienti Shopify) → Abilitala e configura: * **Email Subscription** (Iscrizione email) — Scegli se gli iscritti sono contrassegnati come **Subscribed** (Iscritti) o **Not Subscribed** (Non iscritti) per l'email marketing → Clicca **Save** (Salva) Una volta abilitata, ogni email inviata attraverso la tua barra di raccolta verrà sincronizzata come profilo cliente in Shopify. Puoi anche cliccare **Sync previous emails** (Sincronizza email precedenti) per importare le email raccolte prima di abilitare questa integrazione. --- # **💾 Passaggio 6 — Salva e pubblica** Una volta completata la configurazione: 1. Clicca **Save** (Salva) per memorizzare la configurazione 2. Clicca **Publish** (Pubblica) per rendere l'Email Collection Bar visibile sulla vetrina del tuo negozio ⚠️ Salvare da solo non rende la barra visibile ai clienti. Devi pubblicarla. --- # **🎉 Risultato finale** Una volta configurata correttamente: ✅ I visitatori vedono un'Email Collection Bar accattivante sulla vetrina del tuo negozio ✅ Le email vengono raccolte direttamente dalla barra ✅ Gli iscritti vedono un messaggio di successo (e opzionalmente un codice sconto) ✅ Le email si sincronizzano automaticamente con Shopify Customers (se l'integrazione è abilitata) ✅ La tua lista email cresce mentre ti concentri sulla gestione del negozio 🚀 Utilizzare efficacemente l'Email Collection Bar può aiutarti a costruire un pubblico fedele, aumentare gli acquisti ripetuti e incrementare il lifetime value dei clienti ✨