Creative Pop-up drag & drop con targeting intelligente - Modulo PrestaShop

Crea popup che convertono con un editore visivo drag & drop

Ogni giorno perdi visitatori senza mostrare loro il messaggio giusto al momento giusto. Creative Popup è un modulo PrestaShop completo per la creazione di popup. Grazie al suo editore visivo drag & drop basato su GrapesJS, ai suoi 8 trigger intelligenti e al suo targeting avanzato del pubblico, potrai creare popup d'impatto che catturano l'attenzione dei tuoi visitatori e li trasformano in clienti — senza scrivere una sola riga di codice.

Che tu voglia recuperare carrelli abbandonati, raccogliere email per la tua newsletter, offrire un codice sconto unico durante una vendita lampo o mostrare un banner informativo su spedizione e resi, Creative Popup ti offre tutti gli strumenti per riuscirci in pochi minuti — e poi ti mostra le iscrizioni, gli ordini e il fatturato generati. La guida completa di Creative Popup spiega ogni impostazione.

Un vero editore visivo, non un semplice editor di testo

Dimentica gli editor WYSIWYG di base come TinyMCE. Creative Popup integra un editor visivo GrapesJS completo direttamente nel tuo back-office PrestaShop. Avrai a disposizione un vero canvas creativo dove potrai trascinare e rilasciare elementi, posizionarli liberamente e personalizzare ogni dettaglio visivo.

L'editor include blocchi specializzati pensati per i popup e-commerce:

• Titolo — Titolo principale con testo modificabile e stili personalizzabili
• Paragrafo — Testo descrittivo per le tue offerte e i tuoi messaggi
• Immagine — Immagine prodotto, illustrazione o logo con caricamento integrato (JPEG, PNG, GIF, WebP)
• Pulsante — Pulsante di invito all'azione con link, colore e testo configurabili
• Iscrizione alla newsletter — Modulo di iscrizione collegato a PrestaShop, con casella di consenso se usi psgdpr
• Codice sconto — Codice fisso o unico con pulsante copia in un clic e data di validità
• Conto alla rovescia — Conto alla rovescia animato per creare urgenza
• Link «No, grazie» — Link discreto per chiudere il popup
• Separatore — Linea di separazione visiva
• Elementi di modulo — Campi e pulsanti per i tuoi moduli

Il pannello Livelli mostra la struttura ad albero di tutti gli elementi del tuo popup per una navigazione facile. Il pannello Stile ti offre il controllo totale su tipografia, colori, sfondi, bordi, spaziature e ombre. Il pannello Impostazioni ti permette di configurare le proprietà funzionali di ogni elemento (URL dei pulsanti, testo dei link, ecc.). Ogni lingua ha il proprio design: la scelta di un modello compila tutte le lingue e un pulsante copia un design nelle lingue ancora vuote.

Puoi anche visualizzare l'anteprima del tuo popup in tempo reale su 3 dimensioni di schermo (desktop, tablet, mobile) grazie al selettore di dispositivi integrato.

8 trigger intelligenti per mostrare i tuoi popup al momento giusto

Il momento in cui mostri il tuo popup è importante quanto il suo contenuto. Creative Popup offre 8 tipi di trigger per massimizzare l'impatto dei tuoi messaggi:

Exit intent — Cattura i visitatori che se ne vanno

Il trigger exit intent rileva il movimento del mouse del visitatore verso la parte superiore della finestra, segno che sta per lasciare il tuo sito; su mobile reagisce a una rapida risalita della pagina. È il momento ideale per proporgli un'offerta speciale, un codice sconto o chiedergli l'email. Questo trigger è particolarmente efficace per il recupero dei carrelli abbandonati.

Timer — Scegli il momento preciso

Mostra il tuo popup dopo un ritardo preciso in secondi dal caricamento della pagina. Immediatamente al caricamento, dopo 3 secondi per offerte urgenti, o dopo 10 secondi per lasciare che il visitatore scopra prima i tuoi contenuti.

Inattività — Riattiva i visitatori esitanti

Il trigger di inattività monitora il comportamento dei tuoi visitatori. Quando interrompono ogni attività (nessun movimento del mouse, nessuno scroll, nessun clic), spesso significa che esitano o stanno per abbandonare. Un popup con un'offerta speciale può riattivarli e convertirli.

Scroll — Premia l'impegno

Attiva il tuo popup quando il visitatore ha scorrito una certa percentuale della pagina o un numero di pixel definito. Un visitatore che ha letto il 50% della tua pagina ha mostrato interesse — è il momento perfetto per proporgli di iscriversi alla tua newsletter o scoprire un'offerta.

Clic su elemento — Popup su richiesta

Attiva un popup quando il visitatore clicca su un elemento preciso della tua pagina: un pulsante, un link, un banner — a ogni clic. Definisci il trigger tramite un selettore CSS (classe, ID o qualsiasi attributo HTML). Ideale per popup informativi o moduli contestuali.

Aggiunta al carrello — Sfrutta il momento dell'acquisto

Mostra un popup subito dopo l'aggiunta di un prodotto al carrello: un'offerta complementare, l'importo mancante alla spedizione gratuita o un codice per completare l'ordine.

Pagine viste e tempo sul negozio — Parla ai visitatori coinvolti

Attendi che un visitatore abbia consultato più pagine o trascorso un certo tempo sul negozio prima di proporgli un'offerta: il messaggio arriva quando l'interesse è reale.

Targeting avanzato del pubblico — Il messaggio giusto al visitatore giusto

Un popup efficace è un popup pertinente. Creative Popup integra un potente sistema di targeting per servire il messaggio giusto al segmento giusto del tuo pubblico. Ogni regola può includere o escludere («è» / «non è») e una frase di riepilogo indica sempre chi vedrà il popup. Puoi combinare:

• Tipo di pagina — Home, pagine prodotto, pagine categoria, carrello, checkout, ricerca, marchi, account cliente o pagine CMS
• Categoria — I visitatori che navigano in una categoria, con o senza le sue sottocategorie
• Prodotto — La scheda di uno o più prodotti precisi, scelti tramite ricerca
• Gruppo di clienti e accesso — Visitatori, ospiti, clienti connessi o i tuoi gruppi personalizzati
• Dispositivo — Computer, tablet o mobile
• Visitatore nuovo o di ritorno — La prima visita o i visitatori che tornano
• Indirizzo della pagina — Contiene, inizia con o è esattamente un testo
• Provenienza e campagna — Motore di ricerca, social network, un sito specifico o un parametro UTM
• Pagine viste — Dopo un numero di pagine durante la visita
• Carrello — Importo, carrello vuoto o pieno, prodotto o categoria nel carrello

Il server seleziona i popup in base a pagina, categoria, prodotto, lingua e negozio; il browser verifica poi dispositivo, visita e frequenza. Vengono caricati solo i popup idonei e, se nessuno corrisponde, non viene caricato alcun file del modulo. Una modalità compatibile con le cache di pagina mantiene corrette le regole su cliente e carrello per ogni visitatore.

Pianificazione e frequenza di visualizzazione

Controlla precisamente quando e con quale frequenza appaiono i tuoi popup:

• Pianificazione per date — Definisci data e ora di inizio e di fine delle tue campagne, all'ora del negozio. Crea in anticipo il tuo popup Black Friday, pianificalo dal 25 al 30 novembre e si attiverà e disattiverà automaticamente.
• Frequenza di visualizzazione — Scegli tra 4 modalità: a ogni pagina vista, una volta per visita, una sola volta o ogni X giorni. Un popup può anche smettere di apparire dopo l'iscrizione o la copia del codice. I tuoi visitatori non si sentiranno mai assillati.
• Sistema di priorità — Quando più popup corrispondono allo stesso contesto, se ne mostra uno solo alla volta, prima quello con la priorità più alta.
• Limiti globali — Popup per pagina, per visita e intervallo minimo tra due popup.

6 posizioni di visualizzazione e 7 animazioni

Adatta la posizione del tuo popup al suo obiettivo:

• Centro (modale) — La posizione classica per offerte promozionali, moduli newsletter e messaggi importanti
• Barra superiore (top bar) — Banner fisso nella parte superiore dello schermo, perfetto per annunci, codici promo e informazioni sulla spedizione
• Barra inferiore (bottom bar) — Banner fisso nella parte inferiore dello schermo, ideale per informazioni su spedizione, resi o pagamento
• Angolo in basso a sinistra / destra — Popup scorrevole per messaggi discreti e promozioni secondarie
• Schermo intero (fullscreen) — Per messaggi principali: schermate di benvenuto, vendite lampo, eventi importanti

Ogni popup beneficia di un'animazione di entrata e di uscita tra 7 effetti: dissolvenza, zoom, rimbalzo e scorrimenti verso l'alto, il basso, sinistra o destra. Le animazioni sono in puro CSS, senza librerie esterne, e vengono ridotte per i visitatori che lo hanno chiesto nel loro sistema.

Sui telefoni, scegli per ogni popup la stessa visualizzazione, un pannello che scorre dal basso, una barra o nessuna visualizzazione. La modalità compatibile con Google evita di mostrare un popup centrato o a schermo intero sulla prima pagina di un visitatore mobile proveniente da un motore di ricerca. Ogni popup è accessibile: focus da tastiera, chiusura con il tasto Esc e annuncio ai lettori di schermo.

Conto alla rovescia integrato per creare urgenza

Aggiungi un blocco Countdown nel tuo popup per creare un senso di urgenza che spinga all'azione. Sono disponibili due modalità:

• Durata — Conto alla rovescia basato su un numero di ore, minuti e secondi. Ogni visitatore vede lo stesso tempo rimanente dal momento in cui viene visualizzato il popup. Ideale per offerte tipo "Valido per 2 ore".
• Data di fine fissa — Conto alla rovescia verso una data e un'ora precise, all'ora del negozio. Tutti i visitatori vedono lo stesso tempo rimanente in tempo reale e il popup scompare da solo dopo la scadenza. Perfetto per vendite lampo con una scadenza comune.

Codici sconto unici e monitoraggio degli ordini

Inserisci il blocco Codice sconto nel tuo popup e scegli lo stesso codice per tutti (una regola carrello esistente) o un codice unico generato per ogni visitatore:

• Sconto a scelta — Percentuale, importo o spedizione gratuita, con ordine minimo, validità e prefisso
• Rivelato al momento giusto — All'apertura del popup, al clic su «Ottieni il mio codice» o dopo l'iscrizione alla newsletter
• Protezione dagli abusi — Codice monouso, un codice per visitatore o indirizzo email, limite giornaliero e limitazione delle richieste
• Pulizia automatica — I codici scaduti e non utilizzati vengono eliminati

Ogni ordine effettuato con un codice del popup gli viene attribuito: vedi il numero di ordini e il fatturato generati da ogni campagna.

Carrello e spedizione gratuita

Riserva un popup ai carrelli oltre un certo importo, vuoti o con un prodotto specifico, e mostra l'importo mancante alla spedizione gratuita nella valuta del visitatore, aggiornato a ogni aggiunta al carrello.

22 modelli predefiniti tradotti in 5 lingue

Non partire da zero. Creative Popup include 22 modelli professionali che puoi caricare con un clic e personalizzare con la tua immagine nell'editor visivo. I loro testi vengono inseriti in italiano, inglese, francese, spagnolo e polacco in tutte le lingue del tuo negozio.

Modelli 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.

Modelli pratici

Iscrizione newsletter, Rivelazione codice sconto, Recupero carrello (exit intent), Banner informativo, Benvenuto a schermo intero, Social, Banner app mobile, Vendita lampo con conto alla rovescia.

Ogni template è completamente personalizzabile: modifica testi, colori, immagini, aggiungi o rimuovi elementi. Il template è solo un punto di partenza per la tua creatività.

Supporto multilingue completo

Crea contenuti diversi per ogni lingua del tuo negozio. Un selettore di lingua nella parte superiore dell'editor ti consente di passare da una lingua all'altra e delle etichette indicano quelle già progettate. Il pulsante «Copia questo design nelle lingue vuote» fa da punto di partenza per la traduzione; un visitatore la cui lingua non è progettata vede la lingua predefinita invece di un popup vuoto.

I parametri di configurazione (trigger, targeting, posizione, pianificazione) sono comuni a tutte le lingue. Solo il contenuto visivo cambia per lingua.

Compatibile con multistore

Ogni popup può essere associato a uno o più negozi della tua rete multistore PrestaShop. Il filtraggio avviene automaticamente per negozio lato front-end. Gestisci campagne popup diverse per ciascuno dei tuoi negozi dallo stesso back-office.

Statistiche di conversione integrate

Monitora le prestazioni dei tuoi popup con le statistiche integrate:

• Visualizzazioni, chiusure e clic — La portata di ogni popup e l'interesse per i suoi pulsanti
• Iscrizioni alla newsletter — Le email raccolte dal popup
• Codici copiati e generati — L'uso delle tue offerte
• Ordini e fatturato — Le vendite effettuate con un codice del popup
• Clic sulla linguetta promemoria — I visitatori che tornano all'offerta

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 tuoi dipendenti e dei robot dei motori di ricerca non vengono conteggiate. Se usi Google Tag Manager, gli eventi dei popup possono essere inviati anche a GA4 tramite il dataLayer.

Anteprima, modalità test e linguetta promemoria

Il pulsante Anteprima sul negozio mostra subito il tuo popup sul negozio reale e lo stato Test lo rende visibile solo nel tuo browser per 12 ore: verifichi una campagna prima dei tuoi clienti. Dopo una chiusura senza conversione, una linguetta promemoria (per esempio «-10% per te») resta sul lato dello schermo e riapre il popup con un clic.

Prestazioni ottimali — Nessun file caricato quando non è previsto alcun popup

A differenza di altri moduli popup che caricano i propri script su tutte le pagine, Creative Popup adotta un approccio intelligente:

• A ogni pagina, il server seleziona i popup previsti per quella pagina, lingua e negozio, poi il browser verifica dispositivo, visita e frequenza
• Se nessun popup corrisponde → non viene caricato alcun JavaScript o CSS del modulo
• Se un popup corrisponde → vengono caricati solo il suo contenuto e uno script leggero di circa 10 KB compresso
• I popup candidati vengono memorizzati in cache per negozio e lingua
• L'editor non viene mai caricato sul negozio — funziona solo nel back-office

Architettura tecnica moderna

• Controller 100% Symfony — Interfaccia nativa PrestaShop, permessi dei dipendenti verificati a ogni azione
• Compatibile con PrestaShop 1.7.8, 8.2+ e 9.1+ (8.0, 8.1 e 9.0 non supportate) con un'unica versione del modulo
• Vanilla JavaScript per il motore dei popup (nessuna dipendenza)
• Nessun override dei file core di PrestaShop
• PHP 7.4 o superiore
• Compatibile con MySQL 5.7+, MySQL 8.0 e MariaDB 10.3+
• Compatibile con i temi Classic e Hummingbird e con i temi derivati

Casi d'uso concreti

Recuperare i carrelli abbandonati

Usa il modello "Recupero carrello" con il trigger Exit Intent, mirato alla pagina del carrello e ai carrelli pieni. Offri uno sconto o la spedizione gratuita ai visitatori che tentano di lasciare il carrello.

Raccogliere email per la newsletter

Usa il modello "Iscrizione newsletter" con il trigger Ritardo (5 secondi) o Scroll (50%), mirato ai nuovi visitatori, e rivela un codice sconto unico dopo l'iscrizione. Frequenza: una sola volta per non essere invadenti. Le statistiche mostrano poi gli ordini effettuati con questi codici.

Banner informativo su spedizione e resi

Usa il modello "Banner informativo" in posizione barra inferiore per ricordare la spedizione gratuita, i resi o i metodi di pagamento. Frequenza: una volta ogni 7 giorni. Nessuna regola di targeting per mostrarlo su tutte le pagine.

Vendita lampo Black Friday

Usa il modello "Black Friday" con un blocco Conto alla rovescia puntato sulla data di fine dell'operazione. Pianificazione: dal 25 al 30 novembre. Frequenza: una volta per visita. Il popup si programma, si disattiva e scompare automaticamente alla scadenza.

Popup diverso a seconda del dispositivo

Scegli come appare ogni popup sui telefoni: uguale, pannello che scorre dal basso, barra inferiore o nascosto. Puoi anche creare un popup "Desktop" in posizione centrale e un popup "Mobile" in posizione barra inferiore, ciascuno mirato al proprio dispositivo. Ogni visitatore vede la versione ottimizzata per il proprio schermo.

Promozione mirata per categoria

Crea un popup che offre il -15% sulle scarpe, mirato solo alla categoria Scarpe. Trigger Scroll (30%). Solo i visitatori interessati a questa categoria vedono l'offerta.

Installazione rapida e semplice

Scarica il modulo dal tuo account cliente Wepresta, caricalo nel tuo back-office tramite Moduli > Gestione moduli > Carica un modulo, attiva la tua licenza e inizia a creare i tuoi popup immediatamente. L'installazione crea automaticamente le tabelle nel database e registra gli hook necessari. Nessuna configurazione tecnica è richiesta. L'aggiornamento dalla versione 1.0 conserva i tuoi popup e le loro impostazioni.

Supporto tecnico reattivo

Hai bisogno di aiuto? Il nostro team di supporto risponde entro 24-48 ore lavorative dal tuo account cliente Wepresta. Ti accompagniamo nella configurazione del modulo, nella risoluzione di problemi tecnici e nell'ottimizzazione delle tue campagne popup. La guida completa risponde anche alle domande frequenti.