Creare e posizionare moduli a comparsa laterale

Published: 16 luglio 2026 · Last updated: 21 luglio 2026 · By Marcus Biel

Un modulo a comparsa laterale è un modulo di iscrizione compatto che appare sul bordo o in una posizione selezionata della finestra del browser.

Attira più attenzione rispetto a un modulo inserito nella pagina, coprendo al contempo una porzione minore del sito rispetto a un popup centrato. I moduli a comparsa laterale sono ideali per promemoria di newsletter, sconti, aggiornamenti sui prodotti e brevi offerte che devono rimanere visibili mentre il visitatore legge la pagina.

Questa guida illustra le impostazioni specifiche dei moduli a comparsa laterale. Le funzioni comuni relative a layout, contenuti, campi, tag, tipografia, livelli e flusso di iscrizione sono descritte nella guida principale al generatore di moduli di iscrizione.

Creare un modulo a comparsa laterale

Apri “Signup Forms”, fai clic su “Create Form” e seleziona “Slide-in”. Inserisci un nome interno chiaro e continua nel generatore.

Puoi anche modificare un modulo a comparsa laterale esistente facendo clic sul suo nome nella panoramica dei moduli di iscrizione.

Usa un nome come “Blog Newsletter Slide-in”, “New Product Reminder” o “Summer Coupon Slide-in”. Il nome interno ti aiuta a gestire il modulo e non viene mostrato automaticamente ai visitatori.

Scegliere un modello per il modulo a comparsa laterale

I moduli a comparsa laterale offrono un modulo vuoto, un modulo standard e quattro modelli progettati:

• Promemoria essenziale
• Offerta scura
• Buono sconto caldo
• Nota minimalista

I modelli sono progettati per messaggi compatti, ma ogni elemento rimane modificabile. Dopo aver scelto un modello di partenza, puoi modificare contenuti, campi, colori, tipografia, bordo, spaziatura e pulsante di invio.

Progettare il modulo a comparsa laterale

Usa il generatore visuale per organizzare il modulo a comparsa laterale. Può contenere il modulo di iscrizione insieme a testo, immagini, video, elenchi, pulsanti, link social, un contatore di iscritti, uno spazio o un divisore.

Lo spazio è più limitato rispetto a una landing page o a un modulo incorporato largo. Mantieni l’offerta focalizzata ed evita di aggiungere contenuti che costringano i visitatori a cercare i campi o il pulsante di invio.

Seleziona il blocco del modulo di iscrizione per configurare campi, informazioni obbligatorie, tag nascosti, indicatore di avanzamento, contatore di iscritti, campi di input e pulsante di invio. Apri “Page settings” per modificare lo sfondo del modulo a comparsa laterale e le impostazioni predefinite dell’aspetto generale.

Un layout a colonna singola è solitamente la scelta più chiara. Se usi più colonne, controlla attentamente come vengono disposte sugli schermi stretti.

Scegliere la posizione sullo schermo

Seleziona il blocco del modulo di iscrizione e apri “Widget Settings”. Il selettore della posizione offre una griglia tre per tre:

• In alto a sinistra, in alto al centro o in alto a destra
• Al centro a sinistra, al centro o al centro a destra
• In basso a sinistra, in basso al centro o in basso a destra

Scegli una posizione che non copra controlli importanti del sito. Prima di decidere, controlla gli avvisi sui cookie, i widget di chat, la navigazione, i pulsanti del carrello e gli altri elementi fissi.

Sugli schermi mobili stretti, Maildroppa semplifica il posizionamento affinché il modulo a comparsa laterale rientri nella larghezza disponibile. Le posizioni superiori rimangono in alto; le altre vengono visualizzate dal bordo inferiore. Testa sempre il risultato su uno schermo piccolo invece di affidarti solo alla posizione desktop.

Impostare il ritardo di visualizzazione

“Display Delay” definisce quanti secondi Maildroppa attende prima di mostrare il modulo a comparsa laterale su una pagina web incorporata.

Usa 0 quando il modulo a comparsa laterale deve essere disponibile immediatamente. Inserisci un ritardo maggiore quando vuoi lasciare ai visitatori il tempo di interagire con la pagina. Il generatore accetta un ritardo fino a 86.400 secondi.

Un ritardo breve può funzionare bene per un semplice promemoria di newsletter. Per un articolo più lungo, una visualizzazione successiva può risultare più naturale e rendere l’offerta più pertinente per i lettori coinvolti.

Impostare la frequenza di visualizzazione

“Display Frequency” controlla il periodo dopo il quale il modulo a comparsa laterale può essere mostrato di nuovo allo stesso visitatore. Puoi scegliere:

• Sempre
• Una volta all’ora
• Una volta al giorno
• Una volta alla settimana
• Una volta al mese

Usa una frequenza coerente con l’offerta. Una promozione temporanea può richiedere un intervallo più breve, mentre un promemoria generale di newsletter di solito non deve apparire a ogni visita.

La frequenza viene memorizzata nel browser del visitatore. Un altro browser, una finestra di navigazione privata o i dati del browser cancellati vengono considerati una cronologia di visite diversa.

Collegare il flusso di iscrizione

Controlla il flusso di iscrizione assegnato nell’intestazione del generatore. Definisce la risposta dopo l’invio, l’email di Double Opt-in e ciò che accade dopo la conferma.

Puoi selezionare un flusso esistente, modificare quello attuale o crearne uno specifico per questo modulo a comparsa laterale. Se il flusso è condiviso da più moduli, le modifiche si applicano a tutti.

Visualizzare l’anteprima e salvare

Fai clic su “Preview” per controllare il modulo a comparsa laterale prima di aggiungerlo al sito. Verifica la posizione selezionata, il comportamento di apertura, l’ordine dei campi, il controllo di chiusura e la risposta completa all’iscrizione.

Fai clic su “Save changes” quando il modulo e le impostazioni del widget sono pronti. Poi torna alla panoramica dei moduli di iscrizione.

Attivare e incorporare il modulo a comparsa laterale

Attiva il modulo a comparsa laterale dal menu delle azioni con tre puntini, se non è già attivo. Fai clic su “Show Code Snippet” e copia il codice completo dalla scheda “JavaScript”.

Aggiungi questo script a ogni pagina del sito in cui il modulo a comparsa laterale deve essere disponibile. A differenza di un modulo incorporato, la posizione esatta dello script nella pagina non determina la posizione visibile del modulo a comparsa laterale. La posizione scelta nelle impostazioni del widget controlla dove viene visualizzato.

La scheda “HTML” fornisce il markup generato per le implementazioni personalizzate. Se il tuo sito utilizza questa opzione, testa attentamente l’interazione completa e il flusso di invio.

Per istruzioni generali sul posizionamento del codice, consulta Creare e incorporare un modulo incorporato.

Testare il modulo a comparsa laterale sul sito

Dopo aver aggiunto il codice, testa la pagina reale del sito:

1. Verifica che il modulo a comparsa laterale appaia dopo il ritardo selezionato.
2. Conferma la posizione su uno schermo largo.
3. Controlla la posizione e la larghezza adattate su uno schermo stretto.
4. Assicurati che non copra la navigazione, i controlli dei cookie, i pulsanti della chat o altre azioni importanti.
5. Testa l’apertura e la chiusura del modulo a comparsa laterale.
6. Invia il modulo e completa il processo di Double Opt-in.
7. Verifica l’iscritto e i tag nascosti in Maildroppa.

L’impostazione della frequenza può impedire che il modulo appaia di nuovo durante test ripetuti. Usa una finestra di navigazione privata o cancella i dati del browser pertinenti quando devi simulare un nuovo visitatore.

Aggiornare o disattivare il modulo a comparsa laterale

Apri lo stesso modulo a comparsa laterale in Maildroppa, apporta le modifiche, visualizzane l’anteprima e fai clic su “Save changes”. Lo snippet JavaScript continua a usare lo stesso ID del modulo e carica la configurazione salvata.

Scegli “Deactivate” nella panoramica dei moduli di iscrizione quando vuoi rimuovere temporaneamente il modulo a comparsa laterale senza eliminarlo. Rimuovi anche il suo script dal sito se non prevedi più di utilizzarlo.