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 è il modulo PrestaShop per la creazione di popup più completo sul mercato. Grazie al suo editore visivo drag & drop basato su GrapesJS, ai suoi 5 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, mostrare un codice promozionale durante una vendita lampo o configurare un banner per il consenso ai cookie, Creative Popup ti offre tutti gli strumenti per riuscirci in pochi minuti.

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 10 blocchi specializzati progettati per i popup e-commerce:

• Heading — Titolo principale con testo modificabile e stili personalizzabili
• Paragraph — Testo descrittivo per le tue offerte e messaggi
• Image — Visual del prodotto, illustrazione o logo con upload integrato
• CTA Button — Pulsante di chiamata all'azione con link, colore e testo configurabili
• Newsletter Form — Modulo di iscrizione email collegato a PrestaShop
• Separator — Linea di separazione visiva
• Countdown — Conto alla rovescia animato per creare urgenza
• Promo Code — Visualizzazione di un codice promozionale con pulsante di copia in un clic
• Social Follow — Icone dei social network (Facebook, Instagram, Twitter, ecc.)
• Close Button — Pulsante di chiusura riposizionabile e personalizzabile

Il pannello Layers mostra la struttura ad albero di tutti gli elementi del tuo popup per una navigazione facile. Lo Style Manager ti offre il controllo totale su tipografia, colori, sfondi, bordi, spaziature e ombre. Il pannello Traits ti permette di configurare le proprietà funzionali di ogni elemento (URL dei pulsanti, testo dei link, ecc.).

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.

5 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 5 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. È 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 millisecondi 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. Definisci il trigger tramite un selettore CSS (classe, ID o qualsiasi attributo HTML). Ideale per popup informativi o moduli contestuali.

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. Puoi combinare più regole di targeting (logica AND):

• Tipo di pagina — Mostra il tuo popup solo sulla home page, pagine prodotto, pagine categoria, carrello, tunnel d'ordine o pagine CMS
• Categoria — Mira ai visitatori che navigano in una categoria specifica del tuo catalogo
• Prodotto — Mostra un popup solo sulla scheda di uno o più prodotti precisi
• Gruppo clienti — Mira ai visitatori non loggati, agli ospiti, ai clienti loggati o ai tuoi gruppi personalizzati
• Dispositivo — Mostra popup diversi su desktop, tablet e mobile
• Nuovo visitatore — Mira solo alle persone che visitano il tuo sito per la prima volta
• Visitatore ricorrente — Mira ai visitatori che sono già stati sul tuo sito
• L'URL contiene — Attiva il popup quando l'URL della pagina contiene una parola chiave specifica

Il filtraggio avviene lato server (PHP): solo i popup corrispondenti al contesto del visitatore vengono inviati al browser. Nessun popup inutile viene caricato, garantendo zero impatto sulle prestazioni del tuo sito.

Pianificazione e frequenza di visualizzazione

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

• Pianificazione per date — Imposta una data e un'ora di inizio e fine per le tue campagne. Crea il tuo popup per il Black Friday in anticipo, pianificalo dal 25 al 30 novembre e si attiverà e disattiverà automaticamente.
• Frequenza di visualizzazione — Scegli tra 4 modalità: sempre, una volta per sessione del browser, una sola volta (cookie persistente di 365 giorni) o ogni X giorni. I tuoi visitatori non si sentiranno mai bersagliati dallo spam.
• Sistema di priorità — Quando più popup corrispondono allo stesso contesto, quello con la priorità più alta viene visualizzato per primo.

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 il consenso ai cookie e le informazioni legali
• Slide-in 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 uscita tra 7 effetti: fadeIn, slideInUp, slideInDown, slideInLeft, slideInRight, zoomIn e bounceIn. Le animazioni sono in puro CSS, senza librerie esterne, per prestazioni ottimali.

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. Tutti i visitatori vedono lo stesso tempo rimanente in tempo reale. Perfetto per vendite lampo con una scadenza comune.

~30 template predefiniti pronti all'uso

Non partire da zero. Creative Popup include circa 30 template professionali che puoi caricare con un clic e personalizzare con la tua immagine nell'editor visivo.

Template stagionali

Black Friday, Cyber Monday, Natale, Halloween, San Valentino, Pasqua, Festa della mamma, Festa del papà, Saldi estivi, Saldi invernali, Capodanno, Carnevale, Singles Day, Rientro a scuola.

Template di utilità

Iscrizione newsletter, Codice promozionale, Recupero carrello (exit intent), Consenso cookie, Benvenuto a schermo intero, Social network, 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. Il pulsante "Copia da" ti permette di copiare il contenuto di una lingua esistente come punto di partenza per la traduzione.

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 integrate

Monitora le prestazioni dei tuoi popup con le statistiche integrate:

• Visualizzazioni — Numero di volte che il popup è stato visualizzato
• Chiusure — Numero di volte che il popup è stato chiuso
• Clic CTA — Numero di clic sui pulsanti di azione all'interno del popup

Le statistiche sono aggregate per giorno e il contatore delle visualizzazioni è visibile direttamente nell'elenco del Popup Manager. L'invio delle statistiche utilizza navigator.sendBeacon() per un impatto zero sull'esperienza del visitatore.

Prestazioni ottimali — Impatto zero quando nessun popup è attivo

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

• Per ogni pagina, il motore PHP valuta il contesto del visitatore (pagina, dispositivo, gruppo clienti, lingua, negozio)
• Se nessun popup corrisponde al contesto → nessun JavaScript, nessun CSS viene caricato. Impatto zero sulle prestazioni.
• Se un popup corrisponde → vengono iniettati solo l'HTML/CSS del popup e uno script JS ultra-leggero (~15 KB)
• GrapesJS non viene mai caricato lato front-end — l'editor funziona solo nel back-office

Architettura tecnica moderna

• Controller 100% Symfony — Interfaccia nativa PrestaShop, nessun codice legacy
• Compatibile con PrestaShop 8.x e 9.x nativamente (Symfony 4.4 e 6.4)
• Alpine.js per la reattività dei popup lato front-end
• Vanilla JavaScript per il motore dei trigger (nessuna dipendenza)
• Nessun override dei file core di PrestaShop
• Compatibile con PHP 8.1, 8.2, 8.3 e 8.4
• Compatibile con MySQL 5.7+, MySQL 8.0 e MariaDB 10.3+
• Compatibile con i temi Classic, Hummingbird e temi personalizzati

Casi d'uso concreti

Recuperare i carrelli abbandonati

Usa il template "Exit Intent Cart" con il trigger Exit Intent, mirato alla pagina del carrello e ai dispositivi desktop. Offri uno sconto o la spedizione gratuita ai visitatori che tentano di lasciare il carrello.

Raccogliere email per la newsletter

Usa il template "Newsletter Signup" con il trigger Timer (5 secondi) o Scroll (50%), mirato ai nuovi visitatori. Frequenza: una sola volta per non essere invadenti.

Banner consenso cookie GDPR

Usa il template "Cookie Consent" con il trigger Timer (500ms), in posizione barra inferiore. Frequenza: una sola volta. Nessuna regola di targeting per visualizzarlo su tutte le pagine.

Vendita lampo Black Friday

Usa il template "Black Friday" con un blocco Countdown puntato sulla data di fine dell'operazione. Pianificazione: dal 25 al 30 novembre. Frequenza: una volta per sessione. Il popup si programma e si disattiva automaticamente.

Popup diverso a seconda del dispositivo

Crea 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 Marketplace PrestaShop Addons, caricalo nel tuo back-office tramite Moduli > Gestione moduli > Carica un modulo 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.

Supporto tecnico reattivo

Hai bisogno di aiuto? Il nostro team di supporto risponde entro 24-48 ore lavorative tramite la pagina del modulo su PrestaShop Addons. Ti accompagniamo nella configurazione del modulo, nella risoluzione di problemi tecnici e nell'ottimizzazione delle tue campagne popup.