Creative Popup

Vuoi mostrare il messaggio giusto al visitatore giusto senza rallentare il tuo negozio: un'offerta di benvenuto, un codice sconto quando un cliente esita, un'informazione sulla consegna o una vendita lampo? Creative Popup ti permette di progettare questi popup in un editor visuale, decidere con precisione quando e a chi mostrarli, poi misurare le iscrizioni, i codici utilizzati e gli ordini che generano.

Scopri Creative Popup e le offerte di licenza

Scegli tra 22 modelli: i testi vengono inseriti in tutte le lingue del tuo negozio.

Presentazione

Creative Popup è un modulo di popup per PrestaShop pensato per creare campagne di marketing efficaci senza scrivere una sola riga di codice. Invece di un semplice editor di testo, integra un vero costruttore visuale drag & drop (GrapesJS, incluso nel modulo): componi il tuo popup, regoli ogni stile (tipografia, colori, spaziature, sfondi) e controlli con precisione quando, dove e a chi mostrarlo. L'obiettivo è semplice: aumentare le iscrizioni alla newsletter, migliorare la conversione, ridurre l'abbandono del carrello e valorizzare le tue promozioni con popup veloci, responsive e ben mirati.

Punti di forza:

• Editor drag & drop nel back-office, con un design per lingua
• 22 modelli tradotti in italiano, inglese, francese, spagnolo e polacco
• 8 attivatori: ritardo, intenzione di uscita, scorrimento, inattività, clic, aggiunta al carrello, pagine viste e tempo sul negozio
• Targeting con regole «è / non è»: pagine, categorie, prodotti, clienti, dispositivi, provenienza, campagne e contenuto del carrello
• Codici sconto unici generati per ogni visitatore, con attribuzione degli ordini
• Statistiche di conversione: iscrizioni, codici copiati, ordini e fatturato
• Anteprima sul negozio e stato Test prima della pubblicazione
• Nessun file caricato su una pagina senza popup previsto

Perché scegliere questo modulo?

I moduli popup classici sono spesso limitati: layout rigidi, pochi attivatori, poco targeting, script caricati ovunque e nessun modo di misurare quanto rende davvero il popup. Creative Popup risponde a questi problemi: un editor visuale completo per creare qualsiasi design, un motore di regole preciso per mostrare il popup giusto al visitatore giusto, codici sconto e statistiche che collegano il popup alle vendite e un'architettura pensata per le prestazioni. Il tuo negozio resta veloce mentre aggiungi una leva di acquisizione (e-mail), di conversione (codici, inviti all'azione) e di rassicurazione (spedizione, resi, pagamento).

Funzionalità

Editor visuale drag-and-drop

L'editor è il cuore del modulo. Trascini e rilasci blocchi, modifichi i testi direttamente, regoli gli stili e visualizzi l'anteprima su computer, tablet e mobile. Il pannello Livelli mostra la struttura del popup, il pannello Stile gestisce tipografia, sfondi, bordi, margini e ombre, e il pannello Impostazioni gestisce le proprietà degli elementi (link di un pulsante, testo di un'immagine, ecc.). Annulla e ripristina sono sempre disponibili.

Blocchi disponibili:

• Titolo
• Paragrafo
• Immagine (JPEG, PNG, GIF o WebP)
• Pulsante
• Iscrizione alla newsletter
• Codice sconto (con pulsante Copia)
• Conto alla rovescia
• Link «No, grazie»
• Separatore
• Elementi di modulo

Ogni lingua ha il proprio design. Delle etichette indicano le lingue già progettate e il pulsante Copia questo design nelle lingue vuote ti evita di ripartire da zero. Un visitatore la cui lingua non è stata progettata vede la versione della lingua predefinita, mai un popup vuoto.

Attivatori intelligenti

Creative Popup offre 8 attivatori per mostrare il popup al momento giusto:

• Dopo un ritardo sulla pagina, in secondi.
• Intenzione di uscita: su computer, quando il mouse lascia la pagina; su mobile, con una rapida risalita della pagina.
• Scorrimento: dopo una percentuale o un numero di pixel.
• Inattività: dopo un periodo senza interazioni.
• Clic su un elemento della pagina (selettore CSS), a ogni clic.
• Aggiunta al carrello: subito dopo l'aggiunta di un prodotto.
• Numero di pagine viste durante la visita.
• Tempo trascorso sul negozio.

Questi attivatori coprono gli scenari chiave dell'e-commerce: raccolta di e-mail al momento giusto, promemoria discreti, recupero del carrello, vendita aggiuntiva e offerte contestuali.

Targeting del pubblico

Il targeting mostra un popup solo nel contesto giusto. Ogni regola può includere («è») o escludere («non è»); tutte le regole devono essere rispettate e, all'interno di una regola, basta un valore. Una frase di riepilogo in alto nell'editor indica sempre chi vedrà il popup.

• Tipo di pagina: home, categorie, prodotti, CMS, carrello, checkout, ricerca, marchi, account cliente, ecc.
• Categorie (con o senza sottocategorie) e prodotti, scelti tramite ricerca
• Gruppi di clienti, cliente connesso o no
• Dispositivo: computer, tablet, mobile
• Visitatore nuovo o di ritorno
• Indirizzo della pagina (contiene, inizia con, è esattamente)
• Provenienza: motore di ricerca, social network o un sito specifico
• Campagna (parametro UTM)
• Pagine viste durante la visita
• Carrello: importo, vuoto o pieno, prodotto o categoria presente nel carrello

Combina le regole del pubblico: il riepilogo indica in una frase chi vedrà il popup.

Frequenza, programmazione e priorità

Per evitare l'effetto fastidio e rispettare l'esperienza dei tuoi visitatori, gestisci:

• Frequenza: a ogni pagina vista, una volta per visita, una volta ogni X giorni o una sola volta.
• Stop dopo la conversione: il popup non viene più mostrato a chi si è iscritto o ha copiato il codice.
• Programmazione: data e ora di inizio e di fine, all'ora del negozio.
• Priorità: se più popup sono idonei, se ne apre uno solo alla volta, il più prioritario per primo.
• Limiti globali: popup per pagina, per visita e intervallo minimo tra due popup.

Visualizzazione, mobile e motori di ricerca

• Posizioni: finestra centrata, barra in alto, barra in basso, angolo in basso a sinistra, angolo in basso a destra e schermo intero.
• Animazioni di apertura e chiusura: dissolvenza, zoom, rimbalzo o scorrimento.
• Sfondo oscurato e chiusura con un clic fuori dal popup.
• Variante mobile: stessa visualizzazione, pannello che scorre dal basso, barra in basso o popup nascosto sui telefoni.
• Compatibile con i motori di ricerca su mobile: un popup centrato o a schermo intero non viene mostrato sulla prima pagina di un visitatore mobile proveniente da un motore di ricerca, come raccomanda Google.
• Accessibilità: finestra di dialogo annunciata ai lettori di schermo, focus da tastiera, chiusura con il tasto Esc e animazioni ridotte se il visitatore lo richiede.

Codici sconto

Il blocco Codice sconto mostra un codice con un pulsante Copia. Nella scheda Codice sconto scegli:

• nessun codice (testo libero nel design);
• lo stesso codice per tutti, selezionando una regola carrello esistente;
• un codice unico per ogni visitatore, generato automaticamente: percentuale, importo o spedizione gratuita, ordine minimo, validità e prefisso.

Il codice viene rivelato all'apertura del popup, al clic su «Ottieni il mio codice» o dopo un'iscrizione alla newsletter riuscita. Ogni codice unico è utilizzabile una sola volta, nei negozi del popup; un visitatore (o un indirizzo e-mail) riceve sempre lo stesso codice e un limite giornaliero previene gli abusi. I codici scaduti e non utilizzati vengono eliminati automaticamente. Quando un ordine usa un codice del popup, gli viene attribuito nelle statistiche.

Carrello e spedizione gratuita

Mostra un'offerta subito dopo l'aggiunta di un prodotto o riserva un popup ai carrelli oltre un certo importo o con un prodotto specifico. Scrivi {free_shipping_remaining} in un testo del popup per mostrare l'importo mancante alla spedizione gratuita, nella valuta del visitatore; si aggiorna a ogni aggiunta al carrello. L'importo usa la soglia di spedizione gratuita definita in Spedizione > Preferenze; le soglie specifiche di ogni corriere non sono considerate.

Conto alla rovescia

Il conto alla rovescia funziona:

• a durata (ore, minuti, secondi): ogni visitatore dispone dello stesso tempo dalla prima visualizzazione;
• fino a una data, all'ora del negozio: una scadenza comune, per esempio la fine dei saldi. Il popup non viene più mostrato dopo la scadenza.

Linguetta promemoria

Dopo una chiusura senza conversione, una piccola linguetta (per esempio «-10% per te») resta visibile sul lato dello schermo e riapre il popup. Scegli il testo in ogni lingua, il lato, i colori e la durata; il visitatore può nasconderla definitivamente.

Modelli predefiniti

Il modulo include 22 modelli pronti da personalizzare, tradotti in italiano, inglese, francese, spagnolo e polacco:

• Stagionali: Black Friday, Cyber Monday, Natale, Halloween, San Valentino, Pasqua, Festa della mamma, Festa del papà, Saldi estivi, Saldi invernali, Saldi di Capodanno, Carnevale, Singles' Day, Ritorno a scuola.
• Pratici: iscrizione newsletter, rivelazione codice sconto, recupero carrello su intenzione di uscita, banner informativo (spedizione, resi, pagamento), benvenuto a schermo intero, social, banner app mobile, vendita lampo con conto alla rovescia.

La scelta di un modello compila tutte le lingue del tuo negozio; una lingua non inclusa riceve la versione inglese. Ogni modello resta completamente modificabile.

Statistiche e conversioni

Per ogni popup e ogni negozio, il modulo conta:

• le visualizzazioni, le chiusure e i clic;
• le iscrizioni alla newsletter, i codici copiati e i codici generati;
• gli ordini e il fatturato attribuito;
• i clic sulla linguetta promemoria.

La dashboard mostra questi dati sul periodo scelto, confrontati con il periodo precedente, con un grafico giornaliero, una tabella per popup e un'esportazione CSV. Le visite dei dipendenti che hanno aperto il back-office nel loro browser e quelle dei robot dei motori di ricerca non vengono conteggiate.

Anteprima e modalità test

Il pulsante Anteprima sul negozio apre il tuo negozio con il popup mostrato subito, senza attendere l'attivatore e qualunque siano le regole. Lo stato Test rende un popup visibile solo nel tuo browser per 12 ore, con il suo comportamento reale: ideale per verificare una campagna prima di attivarla per tutti.

Eventi Google Tag Manager / GA4

Se lo attivi nelle impostazioni, il modulo invia gli eventi wp_popup_view, wp_popup_click, wp_popup_close, wp_popup_conversion e wp_popup_teaser al dataLayer della pagina. Vengono emessi anche eventi JavaScript wpPopup:* per i tuoi sviluppatori.

Amministrazione, multistore e multilingua

• Elenco dei popup con stato (Attivo, Test, Programmato, Scaduto, Bozza), attivatore, programmazione, visualizzazioni, tasso di clic e conversioni; filtri, anteprima, duplicazione ed eliminazione
• Multistore: ogni popup è associato a uno o più negozi
• Multilingua: design, nome e testo della linguetta per lingua, impostazioni comuni
• Permessi dei dipendenti rispettati: un dipendente in sola lettura consulta i popup senza poterli modificare
• Nessun override dei file di PrestaShop

Requisiti

• PrestaShop 1.7.8, 8.2 o successiva, 9.1 o successiva (8.0, 8.1 e 9.0 non supportate)
• PHP 7.4 o superiore
• MySQL 5.7+ o MariaDB 10.3+
• Il modulo ps_emailsubscription per il blocco newsletter (e psgdpr per una casella di consenso)

Nota sulle prestazioni: l'editor viene caricato solo nel back-office. Sul negozio, nessun file del modulo viene caricato su una pagina senza popup previsto.

Installazione

1. Scarica lo ZIP dal tuo account cliente Wepresta.
2. Vai in Moduli > Gestione moduli.
3. Fai clic su Carica un modulo e seleziona il file ZIP.
4. Fai clic su Configura e attiva la tua licenza quando il modulo lo richiede.
5. Apri Creative Popup dal menu del back-office.

Aggiornamento dalla versione 1.0

Carica semplicemente il nuovo ZIP. I tuoi popup, i loro design, lingue, negozi e impostazioni vengono conservati; le regole del pubblico della prima versione vengono convertite nel nuovo formato. La modalità compatibile con i motori di ricerca resta disattivata sui popup esistenti per non cambiarne il comportamento: attivala se lo desideri. Le statistiche precedenti all'aggiornamento possono essere incomplete.

Avvio rapido

Per creare un primo popup in pochi minuti:

1. Apri Creative Popup e fai clic su Nuovo popup.
2. Scegli un modello, per esempio «Iscrizione newsletter».
3. Personalizza testi, immagini e colori nella scheda Design.
4. In Attivatore, scegli «Dopo un ritardo sulla pagina» (per esempio 5 secondi) e la frequenza «Una volta per visita».
5. In Pubblico, aggiungi per esempio la regola «Visitatore nuovo».
6. In Codice sconto, scegli un codice unico del 10% rivelato dopo l'iscrizione, poi fai clic su «Aggiungi il blocco al design».
7. Fai clic su Anteprima sul negozio, poi passa il popup allo stato Attivo e salva.

L'editor dei popup

L'editor è organizzato in sei schede: Design, Attivatore, Pubblico, Visualizzazione, Codice sconto e Programmazione. In alto restano visibili il nome, la lingua, lo stato e il riepilogo; un avviso ti segnala se lasci la pagina con modifiche non salvate.

La scheda Design ha tre zone: blocchi e livelli a sinistra, la tela al centro con la scelta computer / tablet / mobile, e stili e impostazioni a destra. Crea una versione mobile leggibile, con un invito all'azione subito visibile e una chiusura accessibile.

Impostazioni generali

La pagina Impostazioni raccoglie le opzioni comuni a tutti i popup:

• mostrare o nascondere tutti i popup in una volta;
• limiti di visualizzazione: popup per pagina, per visita e intervallo minimo tra due popup;
• compatibilità con le cache di pagina: automatica, sempre attiva o disattivata. Attiva, verifica le regole del cliente e del carrello nel browser con una richiesta leggera, così le pagine in cache restano corrette per ogni visitatore;
• esclusione delle visite dei dipendenti;
• eventi dataLayer;
• modalità debug (spiegazioni nella console del browser).

Visualizzazione sul negozio

Il modulo gestisce le posizioni, le animazioni, lo sfondo oscurato e diversi modi di chiusura (pulsante, clic all'esterno, tasto Esc). Il risultato finale dipende dal design creato nell'editor, il che ti lascia piena libertà. Gli stili di ogni popup sono isolati: non modificano il resto del tuo tema.

Architettura tecnica

• Back-office: controller Symfony e template Twig, permessi dei dipendenti verificati a ogni azione
• Editor: GrapesJS incluso nel modulo, caricato solo durante la modifica
• Negozio: un unico script leggero, senza dipendenze
• Dati: tabelle dedicate (popup, contenuti per lingua, regole, negozi, statistiche, codici, ordini attribuiti)

Filtraggio e prestazioni

Il server seleziona i popup in base a negozio, lingua, pagina, categoria e prodotto; il browser verifica poi dispositivo, visita, provenienza, date e frequenza. I popup candidati vengono memorizzati in cache per negozio e lingua. Se su una pagina non è previsto alcun popup, non viene caricato nulla.

Nessun override

Il modulo non modifica alcun file di PrestaShop. Si basa sugli hook e sul sistema di menu nativo, il che facilita la manutenzione e gli aggiornamenti.

Casi d'uso

Offerta di benvenuto con codice unico

• Modello: Iscrizione newsletter
• Attivatore: dopo 5 secondi
• Pubblico: visitatore nuovo
• Codice sconto: codice unico del 10%, rivelato dopo l'iscrizione
• Obiettivo: far crescere la tua lista e-mail e misurare gli ordini effettuati con il codice.

Recupero del carrello

• Modello: Intenzione di uscita — recupero carrello
• Attivatore: intenzione di uscita
• Pubblico: pagina carrello, carrello pieno
• Frequenza: una volta per visita
• Obiettivo: proporre un incentivo (codice, spedizione gratuita) quando il visitatore sta per andarsene.

Spedizione gratuita dopo l'aggiunta al carrello

• Attivatore: aggiunta al carrello
• Posizione: barra in basso
• Testo: «Ancora {free_shipping_remaining} per la spedizione gratuita»
• Obiettivo: aumentare il valore medio del carrello.

Banner informativo

• Modello: Banner informativo
• Posizione: barra in basso
• Frequenza: una volta ogni 7 giorni
• Obiettivo: ricordare spedizione, resi o metodi di pagamento senza disturbare la navigazione.

Vendita lampo con conto alla rovescia

• Modello: Vendita lampo con conto alla rovescia
• Conto alla rovescia: fino alla data di fine
• Programmazione: periodo della campagna
• Obiettivo: creare urgenza; il popup scompare da solo alla scadenza.

FAQ

Quanti popup posso creare?

Non c'è un limite pratico. Targeting, priorità e limiti globali permettono di gestire più campagne senza sovrapposizioni: si apre un solo popup alla volta.

L'editor rallenta il negozio?

No. L'editor viene caricato solo nel back-office. Sul negozio, il modulo carica un unico script leggero e solo sulle pagine dove è previsto un popup.

Il popup funziona su mobile?

Sì. Scegli la visualizzazione sui telefoni (uguale, pannello, barra o nascosto) e attiva la modalità compatibile con i motori di ricerca per seguire le raccomandazioni di Google. L'intenzione di uscita su mobile si attiva con una rapida risalita della pagina.

I codici unici possono essere usati in modo abusivo?

Ogni codice è utilizzabile una sola volta, solo nei negozi del popup e per la validità scelta. Lo stesso visitatore o indirizzo e-mail riceve sempre lo stesso codice, le richieste sono limitate per indirizzo IP e si applica un limite giornaliero a ogni popup.

Il mio negozio usa una cache di pagina: è compatibile?

Sì. In modalità automatica, la compatibilità si attiva quando viene rilevato un modulo di cache noto; puoi anche forzarla nelle impostazioni. Le regole legate al cliente e al carrello vengono allora verificate con una richiesta leggera mai memorizzata in cache.

Il modulo è conforme al GDPR?

Il modulo memorizza nel browser del visitatore (archiviazione locale) i popup già visti per rispettare la frequenza; questi dati non vengono inviati a terzi. Per attribuire un codice unico dopo un'iscrizione, conserva solo un'impronta dell'indirizzo e-mail; l'iscrizione è gestita dal modulo newsletter di PrestaShop. Con il modulo psgdpr viene aggiunta una casella di consenso al modulo di iscrizione. Indica questi utilizzi nella tua informativa sulla privacy.

Posso testare un popup senza che i clienti lo vedano?

Sì: usa lo stato Test, visibile solo nel tuo browser, oppure il pulsante Anteprima sul negozio.

Risoluzione dei problemi

Il popup non compare

• Verifica che sia Attivo e che l'opzione «Mostra i popup sul negozio» sia attiva nelle impostazioni
• Controlla le date di programmazione e il negozio associato
• Prova in una finestra privata: la frequenza può impedire una nuova visualizzazione
• Leggi il riepilogo in alto nell'editor per verificare le regole del pubblico
• Attiva la modalità debug: la console del browser spiega perché un popup non viene mostrato

L'intenzione di uscita non si attiva

Su computer si attiva quando il mouse lascia la pagina verso l'alto; su mobile, con una rapida risalita. Regola la sensibilità nella scheda Attivatore.

L'attivatore «aggiunta al carrello» non funziona

Si basa sull'evento standard di aggiornamento del carrello di PrestaShop (temi Classic e Hummingbird). Un tema personalizzato che non lo emette non lo attiva; usa allora una regola sul carrello con un altro attivatore.

Il conto alla rovescia non compare

Aggiungi il blocco Conto alla rovescia al design e scegli la sua modalità nella scheda Visualizzazione.

Le statistiche restano a zero

Le tue visite non vengono conteggiate se l'esclusione dei dipendenti è attiva: prova da un altro browser. Alcuni blocchi pubblicitari possono anche impedire l'invio.

Compatibilità

PrestaShop

• 1.7.8.x, 8.2+ e 9.1+ (8.0, 8.1 e 9.0 non supportate)

PHP

• 7.4 o superiore, fino alle versioni supportate dalla tua versione di PrestaShop

Database

• MySQL 5.7+ / 8.0
• MariaDB 10.3+

Temi

• Classic e Hummingbird, e i temi derivati. L'attivatore «aggiunta al carrello» richiede l'evento standard del carrello.

Browser

• Chrome, Firefox, Safari ed Edge (versioni recenti)

Changelog

Versione 2.0.0

Novità

• Crea codici sconto unici per ogni visitatore: percentuale, importo o spedizione gratuita.
• Rivela il codice all'apertura, al clic o dopo l'iscrizione alla newsletter.
• Segui gli ordini e il fatturato generati da ogni popup.
• Attiva un popup dopo un'aggiunta al carrello, un numero di pagine viste o un tempo trascorso sul negozio.
• Mira all'importo e al contenuto del carrello, alla provenienza, alle campagne UTM e ai clienti connessi.
• Mostra l'importo mancante alla spedizione gratuita.
• Escludi un pubblico con la condizione «non è».
• Verifica un popup prima della pubblicazione con l'anteprima sul negozio e lo stato Test.
• Scegli la visualizzazione su mobile: uguale, pannello, barra o nascosto.
• Segui le raccomandazioni di Google con la modalità compatibile con i motori di ricerca su mobile.
• Riapri un popup chiuso con la linguetta promemoria.
• Parti da 22 modelli tradotti nelle cinque lingue del negozio.
• Invia gli eventi dei popup a Google Tag Manager / GA4.
• Esporta le statistiche in CSV.

Miglioramenti

• Installa il modulo su PrestaShop 1.7.8, 8 e 9, con PHP 7.4 o superiore.
• Scarica un archivio molto più leggero.
• Lavora in un editor riorganizzato in sei schede, con un riepilogo del popup.
• Imposta i ritardi in secondi.
• Si apre un solo popup alla volta, secondo la sua priorità.
• Nessun file viene caricato sulle pagine senza popup.
• Il modulo resta corretto con le cache di pagina.
• Usa l'interfaccia nelle cinque lingue del negozio.
• Il modello di consenso ai cookie diventa un banner informativo.

Correzioni

• Le statistiche vengono registrate correttamente.
• Le regole del pubblico e le impostazioni dell'attivatore vengono conservate a ogni modifica.
• Una lingua non progettata mostra la lingua predefinita invece di un popup vuoto.
• Il salvataggio funziona con testi che contengono un apostrofo.
• Il targeting per gruppo di clienti distingue visitatori, ospiti e clienti.
• L'attivatore al clic funziona a ogni clic.
• Il conto alla rovescia segue l'ora del negozio e il popup scompare alla scadenza.

Dopo l'aggiornamento

• I tuoi popup e le loro impostazioni vengono conservati. Verifica le regole del pubblico nel nuovo editor e attiva, se lo desideri, la modalità compatibile con i motori di ricerca.

Versione 1.0.0 — Marzo 2026

• Editor GrapesJS
• 5 trigger intelligenti
• Targeting avanzato
• Countdown
• Template inclusi
• Statistiche integrate
• Multilingua e multistore
• Nessun override

Supporto

Per ricevere aiuto, contatta il supporto dal tuo account cliente Wepresta.

Prima di contattare il supporto, prepara:

1. Versioni di PrestaShop e PHP
2. Nome del tema
3. Una descrizione precisa del problema e i passaggi per riprodurlo
4. Screenshot (configurazione e risultato sul negozio)
5. Messaggi della console del browser (con la modalità debug attiva)

Licenza

Creative Popup è un modulo commerciale Wepresta. L'offerta scelta nella scheda prodotto determina il numero di negozi, la durata degli aggiornamenti e il supporto incluso.

Copyright © WePresta. Tutti i diritti riservati.