Popup per sito (avviso, coupon o newsletter)
Scrivi il messaggio e scegli quando appare il popup. Sullo smartphone resta nella parte bassa dello schermo, senza coprire tutto il contenuto.
Come si usaPopup che appare al momento giusto
Popup per sito (avviso, coupon o newsletter): a cosa serve
Un popup fatto bene promuove un coupon, una novità o la newsletter senza spaventare il visitatore. Scrivi il titolo, il testo e il pulsante e scegli quando appare: dopo qualche secondo, scorrendo parte della pagina o quando il mouse sta per uscire (sul computer).
Il codice usa l'elemento dialog (si chiude con Esc, mantiene il focus dentro il popup), memorizza quando il visitatore l'ha chiuso per ripetersi solo dopo i giorni che scegli e diventa una fascia in basso sullo smartphone, perché Google considera invasivi i popup che coprono il contenuto principale su smartphone. L'animazione rispetta chi ha chiesto meno movimento.
Come si usa
- Scrivi il messaggio e il pulsante.
- Scegli quando appare e l'intervallo di giorni.
- Copia il codice alla fine del body.
Quando usarlo
- Coupon per il primo acquisto.
- Avviso di novità o di orario speciale.
- Invito alla newsletter o a WhatsApp.
Domande frequenti
Il popup danneggia il sito su Google?
Può danneggiarlo. Google considera «interstitial invasivi» i popup che coprono il contenuto principale, soprattutto sullo smartphone e subito dopo l'arrivo dalla ricerca, e questo conta contro l'esperienza della pagina. Per questo il codice mostra una piccola fascia sullo smartphone e ti permette di ritardare il popup per tempo o scorrimento.
Come evito che il popup appaia continuamente?
Il codice registra (localStorage) quando il visitatore ha chiuso il popup e lo mostra di nuovo solo dopo il numero di giorni che scegli. Chi ha cliccato sul pulsante non lo vede più.
Cos'è l'opzione all'uscita dalla pagina?
Sul computer, il popup appare quando il mouse sale verso la barra degli indirizzi o le schede, segno che la persona sta per andarsene. Sullo smartphone questo movimento non esiste, quindi il popup si apre dopo qualche secondo.