Come aggiungere popup
Le campagne di marketing sono essenziali per qualsiasi negozio online perché attirano l’attenzione dei visitatori e mettono in evidenza offerte speciali, promozioni a tempo limitato e prodotti specifici. Uno dei modi più efficaci per gestirle è utilizzare finestre popup che vengono visualizzate direttamente sul tuo sito web.
In questa guida scoprirai come aggiungere popup al tuo negozio Ecommerce.
Cosa sono i popup
I popup ti permettono di mostrare messaggi mirati in primo piano sul tuo negozio online. Lo scopo del messaggio può variare. Tra gli utilizzi più comuni dei popup ci sono:
- offerte di benvenuto
- promozioni
- iscrizioni alla newsletter, ecc.
Li crei visivamente all’interno di Website Builder, controlli esattamente chi li vede e quando, e li puoi attivare o disattivare in qualsiasi momento.
Come aggiungere popup
In Website Builder, naviga nel menu a sinistra e apri la sezione Popup che elenca tutti i popup sul tuo sito. Ogni popup è in uno di questi due stati:
- Attivo: pubblicato e mostrato ai visitatori sul tuo sito live (soggetto alle sue regole di visualizzazione).
- Inattivo: una bozza. Le modifiche a un popup inattivo non vengono pubblicate; rimane in stato di bozza fino a quando non lo imposti su Attivo.
Clicca sul pulsante + AGGIUNGI NUOVO in cima alla sezione.

Apparirà una nuova finestra, dove puoi selezionare un modello di popup o creare un nuovo layout da zero.
- I modelli sono organizzati nelle categorie Benvenuto, Promozioni e Iscriviti elencate a sinistra. Il primo modello della categoria Benvenuto è mostrato e selezionato in maniera predefinita.
- Per iniziare da zero, usa + AGGIUNGI POPUP VUOTO in cima alla galleria.
- Selezionando un modello appare un pulsante Aggiungi popup. Cliccando su Aggiungi popup si crea il popup dal modello scelto e si aprono le sue Impostazioni per configurarlo subito.

Come modificare un popup
Passa il mouse su qualsiasi popup nell’elenco Popup e scegli l’icona Azioni (tre punti) a destra.

Le opzioni del menu sono:
| Azione | Cosa fa |
|---|---|
| Impostazioni | Apre il pannello delle Impostazioni del popup. |
| Visualizza attiva | Salta direttamente alle regole Visualizza attiva per questo popup. |
| Attiva | Attiva una finestra di conferma che ti permette di pubblicare il popup. |
| Disattiva | Disattiva la pubblicazione del popup e lo riporta allo stato di bozza. |
| Duplica | Crea una copia esatta del popup selezionato con tutte le impostazioni precompilate. Il duplicato è impostato su Bozza in maniera predefinita. |
| Elimina | Mostra una finestra di conferma che ti permette di eliminare il popup. |
Impostazioni
Il cassetto delle Impostazioni ha due schede: Generale (predefinito) e Visualizzazione attiva.

Generale
| Campo | Opzioni / comportamento |
|---|---|
| Stato del popup | Inattivo (impostazione predefinita) o Attivo. |
| Nome del popup | Obbligatorio. Per un nuovo popup, il nome viene automaticamente impostato su #(Nome della categoria) #(numero) se hai scelto un modello o #Nuovo-Popup #(numero) se hai creato un popup vuoto. Puoi cambiare il nome in seguito. |
| Visualizza a | Definisce che tipo di visitatori possono vedere il popup. Le opzioni sono Tutti gli Utenti (predefinito), Solo Registrati, o Solo Ospiti. |
| Regola di visualizzazione | Imposta l’attivazione del popup. Le opzioni sono Ritardo Temporale, Profondità di Scorrimento, o Tempo e Scorrimento (predefinito).
Se è selezionato Tempo e Scorrimento, apparirà o allo scorrimento o dopo il tempo preimpostato, a seconda di quale si verifica per primo. |
| Ritardo temporale | Disponibile per Ritardo Temporale o Tempo e Scorrimento: Dopo 5 Secondi (predefinito), Dopo 10 Secondi o Dopo 30 Secondi. |
| Scorrimento | Mostrato per Profondità di Scorrimento o Tempo e Scorrimento: 25% Giù (predefinito), 50% Giù o 75% Giù. |
| Mostra su dispositivo mobile | Definisce se il popup viene mostrato sui dispositivi mobili o meno. Attivo in maniera predefinita. |
| Riappare dopo | Determina la frequenza con cui il popup appare. Le opzioni sono 1 Giorno, 7 Giorni, 14 Giorni, 30 Giorni (predefinito), Mai. |
Visualizza Su
La scheda Visualizzazione attiva controlla dove sul tuo sito appare il popup.

Il controllo principale è l’interruttore Mostra ovunque, che è attivo in maniera predefinita:
- Attivo: il popup è mostrato su tutto il sito, incluse eventuali nuove pagine, marche, prodotti o categorie che aggiungi in seguito. I quattro selettori di categoria sotto sono bloccati; eventuali selezioni precedenti sono conservate in sola lettura.
- Disattivo: ti permette di selezionare dove appare il popup. Puoi scegliere tra le seguenti categorie di elementi del sito web: Pagine, Marche, Categorie, e Prodotti. Se una categoria non contiene elementi, non verrà visualizzata in questo menu.
Ogni categoria ha una casella di controllo principale accanto al suo nome che funge da Seleziona tutto: contrassegnandola si selezionano tutti gli elementi (gli elementi aggiunti in futuro saranno automaticamente selezionati) in quella categoria; togliendo il contrassegno si rimuovono tutte le selezioni invece. Usa la casella Cerca per trovare rapidamente un elemento specifico.
Come cambiare lo stato del popup
Passare un popup su Attivo (o tornare a Inattivo) richiede sempre una conferma prima, perché attivarlo lo rende visibile pubblicamente.

Clicca su PUBBLICA per confermare, o su ANNULLA per lasciare lo stato invariato.
Come modificare il design dei popup
Clicca sul nome di un popup nell’elenco per aprirlo nell’editor visuale. Il popup viene mostrato su un’area di lavoro a contrasto, pronto per essere modificato.

I popup sono organizzati in una struttura a griglia, e puoi aggiungere componenti alla griglia. I componenti disponibili sono Testo, Immagine, Pulsante, Video, Modulo di Contatto, Forme, Modulo di Iscrizione, Codice, e Articolo Singolo (dal tuo negozio).
Clicca in qualsiasi punto del popup stesso (sullo sfondo, non su uno dei componenti al suo interno) per aprire il riquadro contestuale Modifica Popup. Ha due schede: Generale e Design.
Generale controlla la griglia del layout e la scheda:

- Griglia: Spazio vuoto e Distanza tra le righe, ciascuno impostato su Nessuno, S, M (predefinito), o L.
- Scheda: Riempimento e Raggio degli Angoli, ciascuno impostato su Nessuno, S, M (predefinito), o L.
Design controlla l’aspetto:

- Palette: scegli una delle palette di colori preimpostate.
- Sfondo: scegli Colore o Immagine. Colore mostra un selettore di colori più un’opzione Colore Sovrapposto. Immagine ti permette di aggiungere un’immagine di sfondo:
Una volta aggiunta un’immagine, appaiono controlli aggiuntivi: Dimensione Immagine (Originale, Riempi, Adatta), Posizione Immagine (In Alto a Sinistra, In Alto al Centro, In Alto a Destra, Sinistra, Centro – predefinito, Destra, In Basso a Sinistra, In Basso al Centro, In Basso a Destra), Allegato Sfondo (Scorri, Fisso), e Sovrapposizione / Colore Sovrapposizione.

Come visualizzare in anteprima i popup
Nell’anteprima, un popup attivo viene mostrato ogni volta che le sue regole di visualizzazione sono soddisfatte: la frequenza impostata in Riappare Dopo viene ignorata durante l’anteprima in modo che il popup venga mostrato ogni volta, rendendo semplice controllare il tuo lavoro.