Il traffico mobile continua a crescere di anno in anno, il che significa che i tuoi moduli pop-up devono funzionare perfettamente su schermi piccoli.
Questa guida ti mostra come creare moduli separati per dispositivi mobili e desktop, regolare le dimensioni e i tempi per conformarsi alle linee guida di Google.
Nota: Questa guida si applica a Pop-up e Flyout solo. I moduli incorporati e quelli della Landing page vengono visualizzati su tutti i dispositivi per impostazione predefinita e non hanno impostazioni di visibilità. Scopri di più sui tipi di modulo
Crea moduli separati per dispositivi mobili e desktop
Sebbene i moduli di Omnisend si adattino automaticamente alla larghezza dello schermo, i design desktop potrebbero non essere visualizzati in modo ottimale sui dispositivi mobili, le immagini possono essere tagliate, i moduli possono diventare troppo lunghi e il testo può essere più difficile da leggere su schermi piccoli. Per garantire la migliore esperienza mobile, crea versioni ottimizzate per ciascun dispositivo:
Passaggio 1. Vai a Moduli → seleziona il tuo pop-up → clicca il menu a tre punti → Copia.
💡 Puoi anche creare un nuovo modulo solo per dispositivi mobili. Vai a Moduli → Crea modulo → Impostazioni modulo → Solo mobile.
Passo 2. Rinomina il duplicato (ad es., "Pop-up Vendita Primaverile – Mobile").
Passaggio 3. Ottimizza la versione mobile:
Riduci la larghezza a 300–500px (Impostazioni tema → Layout modulo).
Utilizza un layout a campo singolo (solo email) o massimo 2 campi.
Regola o rimuovi le immagini (o posizionale in alto tramite Impostazioni tema → Layout).
Aumenta la dimensione del pulsante per facilitarne il tocco.
Riduci il testo – gli utenti mobili hanno tempi di attenzione più brevi.
Passaggio 4. Imposta Comportamento → Visibilità su Solo mobile nel modulo mobile.
Passaggio 5. Nel tuo modulo originale, imposta Comportamento → Visibilità su Solo desktop.
Passaggio 6. Salva e abilita entrambi i moduli.
💡 Suggerimento: Testa entrambi i moduli su dispositivi reali per vedere come si comportano.
Regole di Google per la compatibilità mobile per i popup
Google penalizza i popup mobili che bloccano il contenuto immediatamente dopo che un utente atterra su una pagina. Evita queste pratiche:
Mostrando un pop-up che copre il contenuto principale immediatamente dopo che l'utente naviga dai risultati di ricerca.
Visualizzazione di un'interstiziale autonoma, che l'utente deve chiudere prima di accedere al contenuto.
Utilizzare un layout in cui il contenuto sopra la piega appare come un'interstiziale.
Popup consentiti:
Avvisi di obbligo legale (consenso ai cookie, verifica dell'età).
Dialoghi di accesso per contenuti privati.
Banner che utilizzano uno spazio dello schermo ragionevole (facilmente chiudibili).
Migliori pratiche per i popup mobili
Una volta creato il tuo modulo ottimizzato per dispositivi mobili, segui queste migliori pratiche per massimizzare le conversioni e conformarti alle linee guida di Google per la compatibilità mobile. Questi suggerimenti ti aiutano a bilanciare la visibilità con l'esperienza utente.
1. Regola la dimensione del pop-up
I popup mobili non dovrebbero riempire l'intero schermo. Riduci la larghezza del modulo in Impostazioni tema → Layout modulo (consigliato: 300–500px per mobile).
Regola la dimensione del testo: Seleziona gli elementi di testo e scegli dimensioni di carattere più piccole.
💡 Mantieni il testo breve poiché gli utenti mobili scansionano rapidamente.
Regola l'immagine: Le immagini potrebbero non essere visualizzate come previsto su mobile a causa delle dimensioni dello schermo. Per controllare la visualizzazione delle immagini mobili, regola o rimuovi le immagini nel tuo modulo mobile, o posizionale in alto tramite Impostazioni tema → Layout.
2. Usa il tempo appropriato
Mostra popup dopo che gli utenti interagiscono con il tuo contenuto (profondità di scorrimento, visite alla pagina o tempo sulla pagina). Evita la visualizzazione immediata; Google penalizza i popup che bloccano il contenuto all'arrivo.
Regola il tempo in Comportamento → Visualizzazione:
Tempo sulla pagina: 6–10 secondi.
Profondità di scorrimento: 50% o più.
Visite alla pagina: 2+ pagine.
Intenzione di uscita: Quando l'utente sta per lasciare (funziona su mobile tramite rilevamento della velocità di scorrimento).
3. Imposta la visibilità per mobile e desktop
Crea moduli separati per utenti mobili e desktop per garantire un layout ottimale per ciascun dispositivo. Regola la visibilità in Comportamento → Visibilità:
Solo mobile (smartphone e tablet).
Solo desktop (laptop e desktop).
4. Targetizza Pagine Specifiche
Non mostrare popup su ogni pagina. Usa Comportamento → Targeting per controllare dove appaiono i moduli:
Appare su URL: Mostra su pagine specifiche (ad es., pagine prodotto, post del blog).
Non appare nell'URL: Escludi le pagine di checkout, carrello o di ringraziamento.
Targeting visitatori: Mostra a tutti i visitatori, solo ai nuovi visitatori o ai contatti esistenti.
💡 Suggerimento: Se hai usato "contiene" con l'URL della tua homepage (ad es., "mysite.com"), il pop-up appare su tutte le pagine perché ogni pagina contiene quell'URL. Per mostrare il modulo solo sulla homepage, cambia il targeting a "è" con il tuo URL esatto della homepage.
5. Usa CTA Chiare e Azionabili
I popup mobili sono piccoli. Rendi la tua chiamata all'azione ovvia. Usa verbi d'azione che indicano esattamente cosa succede quando gli utenti inviano:
✅ "Ottieni il 15% di sconto"
✅ "Invia il mio sconto"
✅ "Iscriviti e Risparmia"
❌ "Invia" (vago)
6. Limita i Campi del Modulo
Richiedi solo informazioni essenziali. Gli utenti mobili non compileranno moduli lunghi; i telefoni sono per azioni rapide.
Consigliato:
Email solo (conversione più veloce)
Email + telefono (se si eseguono campagne SMS)
Email + nome (per la personalizzazione)
Evita: Campi multipli, caselle di controllo, menu a discesa.
7. Regola la Dimensione del Teaser per Mobile
Se il tuo pop-up include un teaser (finestra cliccabile al bordo dello schermo), riduci la dimensione del carattere in Teaser → Stile per rendere il teaser più piccolo su mobile.
Domande frequenti
Perché il mio modulo incorporato non ha impostazioni di visibilità?
I moduli incorporati non hanno impostazioni di visibilità per dispositivo. Vengono visualizzati ovunque tu posizioni il codice di incorporamento, su tutti i dispositivi. Se hai bisogno di un controllo specifico per dispositivo (solo mobile o solo desktop), usa un modulo Pop-up o Flyout invece, che includono opzioni Comportamento → Visibilità.
Posso mostrare immagini diverse su mobile rispetto al desktop?
Sì, ma devi creare due moduli separati. Progetta il tuo modulo desktop con le immagini che desideri, poi duplicalo. Nella versione mobile, regola o rimuovi le immagini, poi imposta Comportamento → Visibilità su Solo mobile. Imposta il tuo modulo desktop su Solo desktop.
Hai bisogno di qualcuno che ti guidi? Contatta il nostro Team di Supporto tramite chat in-app o a [email protected].