PromoBar – Barra degli annunci personalizzabile per PrestaShop

PromoBar – Banner di annuncio personalizzabile per PrestaShop

PromoBar è un modulo PrestaShop pensato per mostrare un banner di annuncio elegante ed efficace nella parte alta del tuo negozio. Comunica promozioni, eventi e informazioni chiave con una visualizzazione sobria, multilingue, personalizzabile e rispettosa delle buone pratiche di accessibilità.

Dal back-office, attiva/disattiva il banner, scegli la posizione, pianifica il periodo di visualizzazione (data di inizio/fine), personalizza colori e font, aggiungi un conto alla rovescia (se è definita una data di fine) e inserisci un pulsante di azione che rimanda alla pagina desiderata. Il tutto senza dipendenze esterne, per un’integrazione leggera, sicura e performante.

Perché scegliere PromoBar?

Nell’e-commerce, la visibilità conta. Un banner di annuncio chiaro e discreto migliora la scoperta delle tue offerte senza interrompere la navigazione (a differenza dei popup invasivi). PromoBar attira l’attenzione al momento giusto e resta allineato alla tua identità visiva: messaggio conciso, opzioni visive controllate e pulsante “chiudi” per non sovraccaricare i visitatori.

Funzionalità principali

• Attivazione/disattivazione del banner dal back-office.
• Posizione di visualizzazione: dopo l’apertura di (consigliato) oppure displayTop.
• Messaggio multilingue con mini-markup sicuro: **grassetto**, [texte](https://url), a capo, rilevamento automatico degli URL.
• Pianificazione per date: data di inizio e/o di fine (opzionali).
• Conto alla rovescia (opzionale) — si attiva se è definita una data di fine, si ferma automaticamente alla scadenza.
• Pulsante di azione: attivabile, testo multilingue, URL (http/https), colori (sfondo, testo, bordo).
• Pulsante “chiudi” con durata del cookie configurabile: 1, 3, 7, 15, 30, 90, 365 giorni.
• Personalizzazione visiva: colore di sfondo, colore del testo, font tramite whitelist locale (nessuna risorsa esterna).
• Animazioni del testo: Nessuna, Scorrimento orizzontale (marquee), Pulsazione lieve, Lampeggio leggero.
• Accessibilità: rispetta la preferenza di sistema “Riduci movimento”.
• Senza dipendenze esterne (JS/CSS integrati, font non caricati esternamente).

Compatibilità

• PrestaShop 1.7.x → 9.x
• Temi moderni (integrazione non intrusiva, hook standard)
• Compatibile con Creative Elements (Elementor per PrestaShop)
• PHP: testato dalla 7.4 alla 8.3

Nota: il modulo non aggiunge alcuna dipendenza esterna e si integra nei hook forniti senza modificare il tema.

Personalizzazione e aspetto

• Colori: sfondo e testo del banner + stili del pulsante (sfondo, testo, bordo).
• Font: selezione da una whitelist locale. Nessun font esterno caricato.
• Animazioni:
  • Nessuna (statica)
  • Scorrimento orizzontale (tipo “marquee”)
  • Pulsazione lieve
  • Lampeggio leggero
• Accessibilità: se l’utente ha attivato “Riduci movimento”, PromoBar riduce automaticamente gli effetti.

Messaggio e mini-markup

Il contenuto del messaggio supporta un mini-markup sicuro per un risultato espressivo e accessibile:

• **grassetto** → grassetto
• [texte](https://la-tua-url) → link cliccabile

L’output è sanificato lato server, per evitare qualsiasi iniezione e generare solo un HTML minimo e sicuro.

Date e conto alla rovescia

• Data di inizio (opzionale): il banner viene mostrato a partire da questa data.
• Data di fine (opzionale): arresto automatico alla scadenza.
• Conto alla rovescia: visualizzazione di un timer semplice e leggibile quando è impostata la data di fine.

Pulsante “chiudi” e durata del cookie

Per un’esperienza più confortevole, l’utente può nascondere il banner tramite un pulsante “chiudi”. La durata di memorizzazione è regolabile:

• 1 giorno
• 3 giorni
• 7 giorni
• 15 giorni
• 30 giorni
• 90 giorni
• 365 giorni

Installazione

1. Scarica il file promobar.zip.
2. Nel tuo back-office PrestaShop: Moduli > Gestore moduli > Carica un modulo, quindi importa lo ZIP.
3. Installa il modulo e apri la pagina di configurazione “PromoBar”.

Importante: la cartella radice nello ZIP deve chiamarsi promobar/, in conformità al nome tecnico del modulo ($this->name='promobar').

Configurazione (passo dopo passo)

1. Attiva il banner e scegli la posizione (dopo consigliato, oppure displayTop).
2. Inserisci il messaggio multilingue (grassetto, link, ritorni a capo supportati).
3. Definisci le date: inizio (opzionale) e fine (opzionale). Attiva il conto alla rovescia se desiderato.
4. Stile: colori del banner e del testo, font (whitelist), animazione del testo.
5. Pulsante di azione: attiva, inserisci il testo (multilingue), l’URL (http/https) e personalizza i colori.
6. Pulsante “chiudi”: attiva e imposta la durata del cookie (1 → 365 giorni).
7. Salva. Il banner è pronto.

Sicurezza e prestazioni

• Nessuna risorsa esterna: niente script né font remoti (migliori riservatezza, stabilità e velocità).
• Sanificazione lato server del messaggio → HTML minimo, riduzione dei rischi di iniezione.
• CSS/JS compatti, caricati solo per il componente.

Casi d’uso

• Promozioni: saldi, vendite flash, codice promo.
• Operazioni stagionali: festività, Black Friday, inizio anno scolastico, ecc.
• Info logistiche: tempi di spedizione, chiusura eccezionale, cambio corriere.
• Lancio prodotto: “Novità disponibile”, reindirizzamento alla scheda.
• Messaggi di rassicurazione: spedizione gratuita, resi entro X giorni, assistenza telefonica, ecc.

Buone pratiche di contenuto

• Chiarezza: un’idea per messaggio.
• Leggibilità: frase breve, parole chiave in grassetto.
• Azione: pulsante con verbo (“Scopri”, “Approfitta”, “Scopri di più”).
• Temporalità: data di fine + conto alla rovescia per evidenziare la scadenza.
• Accessibilità: animazioni leggere + rispetto delle preferenze dell’utente.

FAQ

Il banner viene mostrato su tutte le pagine?

Sì, il banner si integra tramite gli hook del tema e rimane visibile globalmente in base alla posizione scelta.

Il conto alla rovescia funziona senza data di fine?

No. Il conto alla rovescia si attiva solo se è definita una data di fine e si arresta automaticamente alla scadenza.

Posso disattivare le animazioni?

Sì, seleziona “Nessuna”. Il modulo rispetta anche la preferenza di sistema “Riduci movimento”.

Il pulsante può essere multilingue?

Sì, il testo del pulsante è multilingue e l’URL può essere personalizzata (http/https).

Il modulo carica font esterni?

No. PromoBar utilizza una whitelist di font locali e non importa alcuna risorsa esterna.

Registro delle versioni

v1.0.0 — Prima versione stabile

• Visualizzazione di un banner di annuncio configurabile (messaggio multilingue, mini-markup sicuro).
• Pianificazione per date (inizio/fine) + conto alla rovescia opzionale.
• Personalizzazione visiva: colori, font (whitelist), animazioni leggere.
• Pulsante di azione: testo multilingue, URL http/https, colori del pulsante.
• Pulsante “chiudi” con durata del cookie (1 → 365 giorni).
• Hook: after (consigliato) e displayTop.
• Integrazione leggera, nessuna dipendenza esterna, rispetto dell’accessibilità.

Licenza

Distribuito sotto licenza MIT: uso, modifica e redistribuzione consentiti con mantenimento dei crediti.

Autore e supporto

BeDOM – Solutions Web
Sito: https://bedom.fr/it/
Supporto: https://bedom.fr/it/support?rewrite=support
LinkedIn: BeDOM – LinkedIn
Facebook: agencebedom
Instagram: @bedom_web

Dai visibilità ai tuoi messaggi senza appesantire l’esperienza. Installa PromoBar, configura il tuo primo banner in pochi clic e metti in evidenza l’essenziale nel tuo negozio PrestaShop.