Una campagna popup ha due parti: il popup vero e proprio e un teaser facoltativo. Il teaser è un piccolo banner sul tuo sito, come "Gira e vinci 🎁", che apre il popup quando ci si clicca sopra.
Tipo e posizione del popup
Apri Posizionamento sotto Layout nell'editor:
- Tipo: un popup standard, una barra in alto o in basso nello schermo, uno slider nell'angolo oppure una pagina intera. Barra, slider e pagina intera fanno parte dei piani superiori.
- Allineamento: dove si trova il popup. Le barre possono stare in alto o in basso, gli slider a sinistra o a destra e i popup standard in qualsiasi punto di una griglia 3 × 3.
La prima volta che apri un nuovo popup, Scratcher ti chiede il dominio su cui verrà mostrato. Puoi cambiarlo in seguito in Dominio.
Personalizza lo stile del popup
Clicca su Impostazioni del popup sopra la pagina, oppure clicca sul bordo del popup. Nella scheda Stili:
- Popup: Sfondo, Sfondo in sovrimpressione (il livello oscurato dietro il popup), Bordo, Dimensione, Forma, Allineamento del contenuto e Margine.
- Pulsante Chiudi: il suo Sfondo, il colore dell'Icona, la Dimensione, l'angolo (Allineamento) e il Margine.
Nella scheda Effetti, scegli come si apre e si chiude il popup, per esempio con Dissolvenza o Scorrimento.
Add-on del popup:
- Nascondi il teaser alla chiusura: nasconde anche il teaser quando qualcuno chiude il popup.
- Nascondi dopo l’invio del modulo: non mostra più il popup ai visitatori che si sono già iscritti tramite il popup.
Il teaser
Sotto Flusso, la riga Teaser ti permette di attivare e disattivare il teaser. Clicca su Impostazioni nel suo menu per configurarlo:
- Azione: Mostra popup, Link o Nessuno.
- Nascondi su desktop, Nascondi su tablet, Nascondi su mobile.
- Stili: lo Sfondo, il Bordo, la Dimensione, la Forma, l'angolo (Allineamento) e il Margine del teaser, e il suo pulsante di chiusura.
Il teaser compare appena la pagina si carica; i trigger in Visualizzazione valgono solo per il popup. Progetta il teaser come una pagina e salvalo con Salva teaser come template per riutilizzarlo.
Immagine di sfondo nei popup
I popup hanno un elemento Sfondo immagine che riempie un lato del popup con un'immagine. Imposta la sua Altezza su mobile per decidere quanta parte dello schermo occupa sugli smartphone.
Apri un popup dal tuo pulsante
Con l'add-on dei trigger Trigger al clic, il popup si apre quando qualcuno clicca su un elemento del tuo sito web. Inserisci il selettore CSS dell'elemento, per esempio .open-competition. Se non sei sicuro, chiedi al tuo sviluppatore web.