Creare un pop-up promozionale

Attiva un modulo per i nuovi iscritti, condividi uno sconto o fai un annuncio che appare quando un visitatore carica il tuo sito.

Ultimo aggiornamento 29 gennaio 2025

Puoi creare un pop-up che appare quando i visitatori atterrano sul tuo sito. Questa guida illustra come aggiungere un pop-up promozionale al tuo sito, e le opzioni per scegliere quando e dove farlo comparire.

I pop-up promozionali sono ideali per:

Accesso a questa funzionalità

I pop-up promozionali sono disponibili nei piani Core, Plus, Advanced, Business, Commerce Base e Commerce Avanzato. Per saperne di più, visita Scegliere un piano Squarespace. Per crearne uno, devi utilizzare un computer. Non è possibile aggiungere pop-up promozionali nell'app Squarespace.

Guarda un video

Aggiungere un pop-up promozionale

Per aggiungere un pop-up promozionale:

  1. Apri il pannello Pop-up promozionale.
  2. Scegli un layout del pop-up promozionale. 
  3. Personalizza il testo, la tempistica e l'aspetto del pop-up utilizzando le impostazioni di AzioneContenutoVisualizzazione e tempisticaImmagineStile . Per maggiori dettagli, consulta la tabella seguente.
  4. Attiva l'opzione Visualizza pop-up, quindi clicca su Salva

Per testare il pop-up dopo averlo creato, visita il tuo sito in una finestra in incognito.

Impostazioni del pop-up

Clicca sull'impostazione nel pannello Pop-up promozionale per personalizzare il pop-up. Utilizza questa tabella come guida.

Impostazione Descrizione
Mostra pop-up

Attiva o disattiva l'opzione Visualizza pop-up per attivare o disattivare il pop-up, quindi clicca su Salva.

Un pop-up disattivato mantiene tutte le impostazioni intatte fino alla successiva riattivazione.

Modifica layout

Scegli le dimensioni del pop-up e se deve coprire l'intera pagina o una piccola parte di essa. Puoi aggiungere immagini solo ai modelli che le includono. 

Passa il mouse su un layout e clicca su Seleziona per visualizzare l'anteprima, quindi clicca su Salva per applicare il layout. Tieni presente che i layout più grandi possono influire sulla SEO.

Azione

Scegli se il pop-up chiederà ai visitatori di iscriversi a una newsletter o di cliccare su un pulsante.

Segui questi step per applicare le impostazioni.

Contenuto

Aggiungi testo al pop-up. Clicca sui campi Intestazione Corpo per aggiungere del testo, quindi clicca su Salva.

Mantieni il testo breve. Troppo testo può causare problemi di visualizzazione.

Visualizzazione e tempistica

Scegli quando, dove e con quale frequenza visualizzare il pop-up.

Segui questi passaggi per applicare le impostazioni.

Immagine

Aggiungi un'immagine al pop-up, se il layout scelto la supporta. 

Segui questi step per caricare un'immagine.

Stile

Definisci lo stile del pop-up in modo che si adatti all'aspetto del tuo sito. Clicca su un'area del pop-up per visualizzare solo i tweak di stile disponibili per quest'area e nascondere il resto. Clicca su Mostra tutto per visualizzare tutti i tweak disponibili. Il messaggio successivo all'invio rispecchia le modifiche apportate al tipo di carattere e al colore del corpo.

Impostazioni di azione

Utilizza le impostazioni di Azione nel pannello Pop-up promozionale per aggiungere una Call-to-Action per i tuoi visitatori.

Iscriviti a una newsletter

Per invitare i visitatori a iscriversi alla tua mailing list, scegli Iscriviti alla newsletter.

Pulsante

Clicca sulla scheda Pulsante per modificare il testo visualizzato nel pop-up della newsletter.

  • Testo placeholder del campo e-mail - Testo che appare nella casella dell'indirizzo e-mail. Il testo predefinito è Indirizzo e-mail.
  • Etichetta del pulsante Invio: testo del pulsante utilizzato dai visitatori per inviare il proprio indirizzo e-mail. Il testo predefinito è Invia, ma puoi cambiarlo in qualcosa come Unisciti a noi o Registrati.
  • Disclaimer - Testo che appare sotto la casella dell'indirizzo e-mail.

Archiviazione

Per raccogliere le risposte dei visitatori, clicca sulla scheda Archiviazione per collegare un'opzione di archiviazione.

  • Clicca su Campagne e-mail Squarespace o clicca su Connetti altri servizi per scegliere Mailchimp o Google Drive e archiviare i tuoi invii.
  • Non puoi collegare invii di newsletter a e-mail o ad altri servizi di terze parti.

Verifica

Utilizza la scheda Verifica per rivedere le opzioni di verifica dell'abbonato. L'opzione predefinita è Invia e-mail di conferma, ma se attivi Google reCAPTCHA puoi disabilitare l'e-mail di conferma. È richiesto almeno un metodo di verifica per le mailing list delle Campagne e-mail Squarespace.

Conferma

Clicca sulla scheda Post-invio per modificare il testo che appare dopo che un visitatore si è iscritto alla mailing list.

  • Messaggio post-invio - Il testo che appare dopo l'invio di un modulo da parte di un visitatore, sotto l'intestazione, il corpo del testo e il disclaimer. 
  • HTML post-invio - Se hai conoscenze di codifica, puoi aggiungere codice personalizzato a questa casella, da visualizzare insieme al messaggio post-invio sotto l'intestazione, il corpo del testo e il disclaimer. L'HTML post-invio non sostituisce il messaggio post-invio.

Clicca su un pulsante

Puoi aggiungere fino a due pulsanti che rimandano alle pagine del tuo sito, a un file, a un sito diverso o a qualsiasi altro articolo che desideri far scoprire ai visitatori. 

  1. Nelle impostazioni di Azione, scegli Clicca su un pulsante.
  2. Aggiungi un'etichetta al pulsante nella prima casella. Questa diventa il testo per il pulsante.
  3. Aggiungi un link per il pulsante nella casella URL o clicca su “the per altre opzioni di collegamento.
  4. Ripeti questi step per il secondo pulsante. Se desideri un solo pulsante, lascia vuote la seconda etichetta e la casella dell'URL.

Impostazioni di visualizzazione e tempistica

Utilizza le impostazioni di Visualizzazione e tempistica nel pannello Pop-up promozionale per aggiungere una Call-to-Action per i tuoi visitatori.

Selezionare le pagine per il pop-up

Scegli le pagine su cui il pop-up può essere visualizzato nella sezione Pagine. Per visualizzare il pop-up nella prima pagina visualizzata dal visitatore, seleziona Prima pagina dal menu a discesa.

Seleziona Solo alcune pagine per limitare la visualizzazione del pop-up. Questo può essere utile per nascondere il pop-up su una pagina che include già un modulo newsletter o per mostrarlo solo sulla tua homepage. Il pop-up apparirà sulla prima pagina, tra quelle che hai selezionato, su cui il visitatore arriva. Dopo aver scelto le pagine, clicca all'esterno del menu della pagina per chiuderlo.

Ricorda:

  • Non puoi mostrare un pop-up sulle pagine all'interno di un sito per membri o sulle pagine secondarie dell'Indice.
  • Se selezioni più pagine, le regole impostate di seguito verranno applicate a tali pagine.
  • Anche se selezioni più pagine per il pop-up, questo apparirà solo sulla prima pagina scelta dal visitatore. 

Scegli quando visualizzare il pop-up (a scorrimento o in base a un timer)

Scegli se il pop-up deve apparire in base a un timer o su scorrimento nella sezione Tempistica. Dopo aver effettuato la selezione, utilizza gli altri menu a discesa per impostare il tempo, la percentuale di scorrimento o entrambi.

Se imposti un orario e una posizione di scorrimento, il pop-up verrà visualizzato quando si verifica la prima azione. Ad esempio, se hai impostato l'orario su Dopo 10 secondi e la percentuale di scorrimento su 25% verso il basso, il pop-up può essere visualizzato secondo due modalità diverse:

  • Il visitatore arriva sulla pagina e scorre immediatamente verso il basso fino al 25% della pagina.
  • Il visitatore arriva sulla pagina e non scorre, ma rimane lì per 10 secondi.

Se il visitatore visualizza una pagina protetta da password, il pop-up seguirà le regole di visualizzazione e tempistica impostate, dopo aver inserito la password.

Scegli una frequenza

Imposta la frequenza con cui i visitatori di ritorno visualizzano il pop-up con il menu a discesa Frequenza. Se l'hanno già visto una volta, potresti non desiderare che lo vedano la prossima volta che visitano la pagina. Per rendere l'esperienza meno fastidiosa, puoi mostrarlo di nuovo dopo un certo periodo di tempo o nasconderlo del tutto per i visitatori di ritorno.

Puoi scegliere tra le seguenti opzioni di frequenza:

  • Il giorno successivo - I visitatori di ritorno vedono nuovamente il pop-up dopo 24 ore
  • Tra 1 settimana
  • Tra 2 settimane
  • Tra 30 giorni
  • Mai - I visitatori di ritorno non vedono mai il pop-up una seconda volta

Utilizziamo i cookie per identificare i visitatori nuovi e di ritorno. Se il nostro cookie pop-up è ancora presente nel browser di un visitatore, il tuo sito lo conteggerà come visitatore abituale. Se cancella la cache o visita il tuo sito da un nuovo browser, verrà conteggiato come nuovo visitatore.

Non mostrare nuovamente dopo l'iscrizione alla newsletter

Se stai utilizzando un pop-up newsletter, puoi nasconderlo ai visitatori che si sono già iscritti selezionando Non mostrare nuovamente dopo iscrizione alla newsletter.

Suggerimento

questa regola vale solo per le iscrizioni effettuate tramite pop-up. Se un utente si iscrive da un'altra area del sito, ad esempio un Blocco newsletter o al momento del pagamento, il pop-up può ancora essere visualizzato.

Mostra o nascondi sui dispositivi mobili

Per mostrare il pop-up ai visitatori che utilizzano un dispositivo mobile, seleziona Mostra su dispositivi mobili.

Per una visualizzazione ottimale, il pop-up avrà un aspetto diverso sui dispositivi mobili. Per personalizzarlo, utilizza i tweak di stile nella sezione Mobile del pannello Stile. Puoi verificare come apparirà utilizzando Vista dispositivo.

Reimpostare le visualizzazioni

Per mostrare nuovamente il pop-up a tutti i visitatori in occasione della loro prossima visita, nonostante le impostazioni lo impediscano, clicca sul pulsante Ripristina.

Ciò è utile se hai modificato il pop-up e desideri che i visitatori abituali vedano il nuovo design alla loro prossima visita. Dopo che i visitatori avranno visto il nuovo contenuto una volta, il pop-up tornerà alla regola di frequenza impostata.

Impostazioni immagini

In Impostazioni immagine, clicca sulla casella di caricamento dell'immagine, quindi su Carica immagine. Puoi anche riutilizzare un'immagine che hai già aggiunto al tuo sito o utilizzare un'immagine di archivio. Per utilizzare un colore di sfondo in tinta unita invece di un'immagine, lascia il pannello Immagine vuoto e scegli un colore di sfondo nel pannello Stile.

Ricorda:

  • Sono supportati solo file .jpg, .png, o .gif.
  • Assicurati di formattare correttamente le immagini prima di caricarle.
  • Rivedi le procedure consigliate per le immagini di archivio se le stai utilizzando.
  • Il caricamento di più immagini crea uno slideshow. Non è possibile aggiungere i comandi di navigazione o impostare la velocità di transizione in uno slideshow.
  • Per un maggiore controllo sulle dimensioni dell'immagine, abilita i tweak Layout avanzato per sovrapposizione in Design sovrapposizione nel pannello Stile.

Esempi di pop-up

Clicca sulle schede per esaminare le impostazioni possibili per i pop-up promozionali più comuni. Puoi utilizzare qualsiasi modello e impostazione di stile per creare questi pop-up, ma solo i modelli che includono immagini possono supportarle. 

pop-up vendita promozionale.png
Impostazione Esempio 
Azione Pulsante
Testo Pulsante "Scopri la promozione"
Link pulsante Categoria Sconti
Contenuto

Testo dell'intestazione: "10% di sconto su tutti i costumi da bagno"

Corpo del testo: "Per ordini superiori a 50 $"

Visualizzazione e tempistica

Mostra il pop-up su: qualsiasi prima pagina

Tempistica: mostra in base a un timer dopo 5 secondi

Frequenza: il giorno successivo

 

pop-up promozionale con restrizioni di età.png
Impostazione Esempio
Azione Pulsante
Testo Pulsante "Sì"
Link pulsante La tua homepage
Contenuto

Testo intestazione: "Per visitare questo sito è necessario avere più di 21 anni"

Corpo del testo: "Hai più di 21 anni?"

Visualizzazione e tempistica

Mostra il pop-up su: qualsiasi prima pagina

Tempistica: mostra in base a un timer e su scorrimento, dopo 5 secondi e al 25%

Frequenza: il giorno successivo

 

pop-up newsletter promozionale.png
Impostazione Esempio
Azione

Iscriversi a una newsletter

Testo placeholder del campo e-mail: "Indirizzo e-mail"

Etichetta pulsante Invia: "Iscriviti"

Contenuto

Testo intestazione: "Ottieni il 10% di sconto"

Corpo del testo: "Iscriviti per ottenere il 10% di sconto sul tuo primo acquisto di almeno 50 $"

Archiviazione Campagne e-mail di Squarespace
Conferma "Grazie!"
Visualizzazione e tempistica

Mostra il pop-up su: qualsiasi prima pagina

Tempistica: mostra su scorrimento al 25%

Frequenza: il giorno successivo

 

Monitorare il coinvolgimento con il pop-up promozionale

UtilizzaConversione di moduli e pulsanti per vedere come i visitatori utilizzano i tuoi pop-up promozionali. Puoi monitorare il tuo tasso di conversione, che mette a confronto il numero di visualizzazioni ricevute da un pop-up con il numero di invii o di clic ottenuti.

Pop-up promozionali su dispositivi mobili

I pop-up promozionali funzionano sui dispositivi mobili, anche se vengono visualizzati in modo diverso rispetto ai computer:

  • Il pop-up copre metà dello schermo
  • Le immagini non vengono visualizzate
  • Nei layout che centrano il testo su computer, il testo appare sempre allineato a sinistra sui dispositivi mobili per far sì che l'icona X sia visibile

Puoi impostare degli stili specifici per i dispositivi mobili nel pannello Stile o disattivare i pop-up per dispositivi mobili nel pannello Visualizzazione e tempistica.

Pop-up e SEO

L'utilizzo di pop-up promozionali può influire negativamente su ranking del tuo sito nei motori di ricerca. Se sei preoccupato per il SEO, ti consigliamo di scegliere un layout pop-up che copra solo una parte dello schermo di un computer.

È particolarmente importante garantire che i pop-up non limitino l'accesso ai tuoi contenuti web sui dispositivi mobili. In caso contrario, Google potrebbe non posizionare il tuo sito in cima ai risultati di ricerca per i dispositivi mobili. Per evitare questo problema, tutti i pop-up promozionali riempiono solo metà della pagina su un dispositivo mobile. Puoi anche scegliere di disabilitare completamente i pop-up sui dispositivi mobili.

Nota

la strategia SEO non rientra nell'ambito del supporto fornito da Squarespace. Offriamo funzionalità SEO-friendly e una checklist SEO completa per ottimizzare il tuo sito per motori di ricerca e visitatori, ma non siamo in grado di fornire consigli specifici sul ranking del sito.

Risoluzione dei problemi

Il pop-up continua a riapparire dopo averlo eliminato

Se i visitatori vedono riapparire il pop-up durante la stessa sessione di navigazione, potrebbero trovarsi a visitare il tuo sito in una finestra privata o in incognito. Le finestre private non riconoscono le singole visite, il che significa che il pop-up seguirà le regole di tempistica e frequenza impostate ogni volta che i visitatori aggiornano o visitano una nuova pagina del tuo sito.

Il pop-up visualizza una barra di scorrimento 

Troppo testo aggiunge una barra di scorrimento e può causare problemi di visualizzazione sui dispositivi mobili. Cerca di limitare l'intestazione a una singola frase e il corpo a tre frasi.

Il pop-up si carica lentamente

Il caricamento di molte immagini ad alta risoluzione può influire sul tempo di caricamento dei pop-up.

Limitazioni

  • Puoi attivare un solo pop-up alla volta. Per visualizzare un altro messaggio nel tuo sito, aggiungi una barra degli annunci.
  • I pop-up non supportano codice personalizzato.
  • I pop-up promozionali vengono visualizzati solo quando un visitatore si atterra su una pagina. Non è possibile impostare un pop-up che appare mentre qualcuno esce dal tuo sito.
  • Non è possibile caricare un file video su un pop-up. Per simulare l'aspetto di un video, consigliamo di utilizzare un file .gif animato.
Footer Image
  • Ricevi assistenza dalla nostra community

  • Ricevi assistenza dalla nostra community in merito alle personalizzazioni avanzate.

  • Affidati a uno Squarespace Expert

  • Fatti notare online con l'aiuto di un designer o di uno sviluppatore esperto.