Un solo annuncio, nel punto in cui le persone guardano davvero
Dei saldi che nessuno nota non sono saldi. La maggior parte dei negozi finisce per nascondere la notizia in uno slider tre schermate più in basso, o in un banner che sembra una pubblicità e viene ignorato.
Questo modulo mette un unico annuncio dove non può passare inosservato, e gli dà le tre cose che trasformano un avviso in un ordine: un codice, un pulsante e un orologio che si vede scorrere verso la fine.
Una barra su tutto lo schermo, o un avviso nell'angolo
Due stili, un solo parametro. Una barra a tutta larghezza occupa la parte superiore o inferiore di ogni pagina. Un avviso fluttuante è una scheda compatta fissata a un angolo: sei posizioni, dall'angolo in alto a sinistra a quello in basso a destra.
La barra è l'opzione che parla forte ed è adatta a saldi estesi a tutto il negozio. L'avviso fluttuante è quello più discreto: resta fuori dal tuo layout e funziona bene per un singolo messaggio che vuoi presente ma non urlato.
Un interruttore separato solo home page, disattivato per impostazione predefinita, limita l'annuncio alla home page invece di mostrarlo su ogni pagina: utile per un messaggio di benvenuto che non vuoi far seguire le persone fino al checkout.
Una barra fissa in alto in passato copriva la parte superiore della pagina. Non succede più: il contenuto della pagina scende per farle spazio.
Un conto alla rovescia che l'orologio dei visitatori non può falsare
Il conto alla rovescia mostra giorni, ore, minuti e secondi che scorrono verso la tua scadenza e, una volta passato il momento, si nasconde invece di restare lì.
Il dettaglio che conta è dove avviene il calcolo. Il tempo rimanente è calcolato sul tuo server e passato alla pagina come un unico numero di secondi. Un visitatore il cui portatile è avanti di tre giorni, o che naviga da un altro fuso orario, vede lo stesso conto alla rovescia di tutti gli altri. I timer che sottraggono due date del browser sbagliano di continuo, e l'errore resta invisibile finché un cliente non si lamenta.
La scadenza è un solo campo nel formato YYYY-MM-DD HH:MM. La pagina di configurazione ti avvisa se è già passata.
Un codice sconto e un pulsante
Il codice sconto compare come una targhetta evidenziata accanto al tuo messaggio: CYBERMONDAY proprio accanto alla frase che lo spiega, invece che sepolto nelle condizioni.
Il pulsante Acquista ora è un link facoltativo verso qualsiasi destinazione: la categoria in saldo, una landing page, un prodotto specifico. Entrambi sono facoltativi: usa l'uno, l'altro, tutti e due o nessuno.
I tuoi colori, e colori leggibili
Colore di sfondo, colore del testo e opacità dello sfondo sono tutti parametri, così l'annuncio può abbinarsi al tuo tema invece di scontrarsi con lui.
L'opacità è gestita con attenzione: solo lo sfondo diventa trasparente, mai il testo. Una barra traslucida con sopra una scritta illeggibile è il modo più comune di rovinare questa funzione, e il modulo compone il colore in modo che non possa succedere. Dagli un colore esadecimale e un numero da 0 a 100, al resto pensa lui.
L'altezza della barra è automatica se non la imposti, ed è la scelta consigliata: un'altezza automatica si adatta a qualunque messaggio tu scriva.
Una chiusura che rispetta il visitatore
I visitatori possono chiudere l'annuncio. Che cosa succede dopo lo decidi tu: imposti quanti minuti passano prima che ritorni, fino a un anno. Imposta 0 e ritorna alla successiva riapertura del browser.
Quel singolo numero è la differenza tra un annuncio che sembra informativo e uno che sembra un pop-up.
Ti dice che cosa stanno vedendo i tuoi visitatori
La pagina di configurazione ha un pannello di stato che dice chiaramente se l'annuncio è disattivato, se ha un messaggio vuoto o se è online in questo momento, e ti avverte separatamente quando la scadenza di un conto alla rovescia è già passata.
Esiste perché la domanda di assistenza più frequente su qualunque modulo di banner è "perché non lo vedo?", e la risposta di solito è una di tre banalità. Il pannello risponde prima che tu lo chieda. Un caso che non può coprire: se sei tu ad aver chiuso l'annuncio, non lo vedrai nemmeno tu. Controlla in una finestra di navigazione privata.
Multilingue, e davvero multilingue
Il messaggio si scrive lingua per lingua nell'editor di testo formattato standard, così ogni lingua del tuo negozio ha la propria formulazione invece di un unico messaggio mostrato a tutti.
Nella versione 1.x questo non funzionava: su un negozio multilingue il messaggio veniva salvato per una sola lingua. Ora è corretto.
Abbastanza leggero da lasciarlo sempre attivo
Un piccolo file CSS e un piccolo file JavaScript puro, e vengono caricati solo quando l'annuncio verrà effettivamente mostrato. Niente jQuery, nessuna libreria esterna, niente scaricato da un altro dominio.
La versione 1.x caricava jQuery 1.11 e jQuery UI una seconda volta su ogni pagina, oltre alla copia già caricata dal tuo tema. Non succede più.
Che cosa ha corretto la versione 2
La versione 1.x aveva una serie di difetti che vale la pena nominare, perché se la stai usando adesso ne stai subendo qualcuno:
I visitatori vedevano una finestra del browser alert("Please enter a valid date time") su ogni pagina quando non era impostata alcuna data per il conto alla rovescia. Un conto alla rovescia scaduto ripartiva silenziosamente tre mesi più avanti invece di sparire. Il markup della barra veniva iniettato nel <head> della pagina, che è HTML non valido. Il conto alla rovescia poteva mostrare "60" secondi e andava alla deriva quanto più a lungo la pagina restava aperta. Salvare un link del pulsante contenente = o ?, cioè qualsiasi URL con parametri, non superava la validazione. E il messaggio veniva salvato per una sola lingua.
La versione 2 elimina anche la vecchia dipendenza dal pop-up Noty. In fase di aggiornamento, le posizioni Noty dismesse vengono mappate sugli avvisi fluttuanti corrispondenti, la vecchia modalità "Top Bar Countdown" diventa la barra superiore con il conto alla rovescia disponibile in ogni modalità, e la scadenza viene convertita nel formato ISO. Le barre che mostrano ancora il banner dimostrativo 1.x mai modificato vengono disattivate, così un negozio aggiornato non continua a pubblicizzare il modulo ai propri clienti.
Compatibilità
PrestaShop dalla 1.7 alla 9, in otto lingue: neerlandese, inglese, francese, tedesco, italiano, polacco, spagnolo e turco.
Tre hook (punti di aggancio) standard - displayBeforeBodyClosingTag per l'annuncio stesso, più actionFrontControllerSetMedia e actionAdminControllerSetMedia per i file - senza alcun override e senza modifiche al tema. Il modulo implementa anche l'interfaccia widget di PrestaShop: {widget name='notificationbar'} colloca l'annuncio dove preferisci in un template del tema, se ti serve una posizione precisa. Se un tema lo aggancia in più punti, viene comunque mostrato una sola volta.
Il modulo si installa con un annuncio di esempio disattivato: non compare nulla sul tuo negozio finché non scrivi il tuo messaggio e non lo attivi.
Domande frequenti
Dove compare l'annuncio?
Dove decidi tu, fra otto posizioni: una barra a tutta larghezza in alto o in basso nella pagina, oppure una scheda di avviso fluttuante in uno dei sei angoli - in alto a sinistra, in alto al centro, in alto a destra, in basso a sinistra, in basso al centro o in basso a destra. La barra occupa tutta la larghezza; l'avviso fluttuante è compatto e resta fuori dal tuo layout.
Un orologio sbagliato sul computer del visitatore può falsare il conto alla rovescia?
No. Il tempo rimanente è calcolato sul tuo server e inviato alla pagina come numero di secondi, quindi un visitatore con l'orologio impostato male o in un fuso orario diverso vede il conto alla rovescia corretto. Una volta passata la scadenza, il timer si nasconde.
I visitatori possono chiuderlo, e poi ritorna?
Sì a entrambe le domande, alle tue condizioni. Un visitatore può chiudere l'annuncio, e sei tu a impostare quanti minuti passano prima che ritorni - fino a un anno. Imposta il valore su 0 e ritorna la volta successiva in cui riapre il browser.
Sul mio negozio non compare nulla.
Apri la pagina di configurazione e leggi il pannello di stato: ti dice se l'annuncio è disattivato, se ha un messaggio vuoto o se è online. Il messaggio non deve essere vuoto nella lingua che stai consultando. E ricorda che non lo vedrai nemmeno tu se lo hai chiuso: elimina il cookie notificationbar_hidden oppure usa una finestra di navigazione privata.
Il conto alla rovescia non compare.
O il campo della scadenza è vuoto, oppure la scadenza è già passata. Il pannello di stato ti avverte quando è passata. Il formato è YYYY-MM-DD HH:MM, per esempio 2026-11-30 09:00.
Rallenta il mio negozio?
Carica un piccolo file CSS e un piccolo file JavaScript, e solo quando l'annuncio verrà effettivamente mostrato: sulle pagine in cui è nascosto non viene caricato proprio niente. Non c'è jQuery né alcuna libreria esterna, e niente viene scaricato da un altro dominio.
Posso usare un messaggio diverso per ogni lingua?
Sì. Il messaggio è salvato per lingua e si modifica nell'editor di testo formattato standard, così ogni lingua del negozio ha la propria formulazione. La versione 1.x salvava il messaggio per una sola lingua sui negozi multilingue; quel bug è corretto.
Posso rendere lo sfondo trasparente?
Sì, con il parametro di opacità da 0 a 100. Solo lo sfondo diventa trasparente: il testo resta completamente opaco, così il messaggio non diventa mai illeggibile, per quanto trasparente tu lo renda.
La barra finisce dietro il menu del mio tema.
L'annuncio usa un ordine di sovrapposizione elevato, z-index: 1040. Se il tuo tema ne usa uno più alto, alza il valore in views/css/front.css.
Posso mostrarlo solo sulla home page?
Sì. Esiste un interruttore solo home page ed è disattivato per impostazione predefinita, quindi l'annuncio compare su ogni pagina finché non lo attivi. Attivalo e l'annuncio si limita alla home page - comodo per un messaggio di benvenuto o di primo ordine che non vuoi far seguire i clienti fino al checkout.
Posso metterlo in un punto in cui il mio tema non ha un hook?
Sì. Il modulo implementa l'interfaccia widget di PrestaShop, quindi puoi collocare {widget name='notificationbar'} ovunque in un template del tema. Se il modulo finisce agganciato in più punti, viene comunque mostrato una sola volta.
Che cosa succede alle mie impostazioni quando aggiorno dalla 1.x?
La tua barra, i colori e i messaggi vengono conservati. Le posizioni Noty dismesse corrispondono agli avvisi fluttuanti equivalenti, la vecchia modalità "Top Bar Countdown" diventa la barra superiore e la scadenza viene convertita nel formato YYYY-MM-DD HH:MM. Le barre che mostrano ancora il banner dimostrativo 1.x mai modificato vengono disattivate. Poiché il cookie di chiusura è stato rinominato, i visitatori che avevano chiuso la vecchia barra vedranno l'annuncio ancora una volta.
Che cosa succede se lo disinstallo?
L'annuncio, i suoi messaggi e tutti i dati del modulo vengono rimossi dal database. Esporta ciò che vuoi conservare prima di disinstallare.
Commenti (3)
Non è stato possibile inviare il tuo giudizio sulla recensione
Segnala commento
Segnalazione inviata
Non è stato possibile inviare la tua segnalazione