Knowledge Base

Ottieni un web hosting di qualità

Scegli l'affidabilità e l'esperienza di SiteGround!

Inizio / Ecommerce / Come aggiungere popup

Come aggiungere popup

Riassumi questo articolo con:
Ultimo aggiornamento: Jul 03, 2026 4 min di lettura

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.

IMPORTANTE! La creazione e la modifica dei popup è disponibile per tutti, su tutti i piani, e puoi crearne quanti ne vuoi. Pubblicare un popup (impostarlo su Attivo affinché appaia sul tuo sito live) è disponibile solo sui piani Trial e Scale. Su altri piani, puoi comunque progettare e salvare i popup; semplicemente non possono essere pubblicati.

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.

NOTA! Un popup Attivo che ha modifiche non pubblicate ha un punto giallo accanto al suo nome nell’elenco. Il punto appare solo per i popup attualmente impostati su Attivo.

Clicca sul pulsante + AGGIUNGI NUOVO in cima alla sezione.

Pulsante Aggiungi Nuovo per creare un popup per un sito Ecommerce

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.
Una finestra dove puoi selezionare un modello di layout popup o iniziare da zero

NOTA! Se imposti più di un popup per apparire sulla stessa pagina, vengono visualizzati uno dopo l’altro, con l’ultimo che appare per primo.

Come modificare un popup

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

Il menu azioni a tre punti visualizzato quando passi il mouse su un popup

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.

Scheda impostazioni generali per un popup in Ecommerce

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.

La scheda Visualizza Su — l'interruttore Mostra ovunque e i selettori Pagine/Marche/Categorie/Prodotti

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.

La finestra di dialogo di conferma del cambio di stato del popup con i pulsanti Annulla e Pubblica

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.

Un popup aperto nell'editor visivo sulla tela del builder

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:

Il popover Modifica Popup, scheda Generale — Griglia (Gap, Rows Gap) e Card (Padding, Raggio degli Angoli)
  • 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:

Il popover Modifica Popup, scheda Design — Campioni di palette e l'interruttore Colore/Immagine di sfondo
  • 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.

La scheda Design con sfondo Immagine selezionato, mostrando il controllo Aggiungi Immagine.

NOTA! Le modifiche nell’editor popup vengono salvate automaticamente. Per un popup Inattivo queste vengono tenute in bozza e non sono mostrate sul tuo sito live; diventano effettive solo una volta che il popup è impostato su Attivo. Per i popup live, le modifiche possono essere visualizzate in anteprima e verranno pubblicate una volta che premi il pulsante Aggiorna.

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.

Condividi questo articolo