ℹ️ 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 ✨

Aggiornato il: 10/09/2026