1.0 Introduzione di Knowband Prestashop Web Push Notification Addon:
La notifica Push Web è un servizio che consente al proprietario del negozio eCommerce di inviare notifiche push automatiche sul browser a tutti gli utenti che hanno consentito la notifica push web. L’addon di notifica push del browser Prestashop consente all’amministratore di visualizzare notifiche push illimitate sul browser dell’utente anche quando non navigano sul tuo sito web.
Knowband offerteAddon di Web Push Notification di Prestashop che invia notifiche push automatiche come notifiche di benvenuto, notifiche di aggiornamento dello stato dell’ordine, avvisi di prezzo e di back in stock ecc. Aumenta le possibilità di conversione delle vendite perse inviando notifiche automatiche di carrelli abbandonati. Il modulo di notifica push del browser Web Prestashop aiuta l’amministratore a richiamare l’attenzione del cliente sul suo negozio. Una delle cose migliori della notifica push del browser è che l’amministratore del negozio si reimpegna con i propri visitatori senza conoscere la propria e-mail o altri dettagli di contatto.
Nella nuova versione di questo modulo di notifica push Web Prestashop, il commerciante del negozio online può configurare l’API Firebase seguendo i passaggi forniti nell’interfaccia di amministrazione di questo modulo PrestaShop. Per mostrare le notifiche push sul browser, l’amministratore del negozio online deve impostare chiave API, ID progetto, ID mittente messaggio e chiave server dall’interfaccia back-end del modulo.
Funzioni 1.2 del componente aggiuntivo per la notifica push di Prestashop Web:
1. L’estensione di notifica push web Prestashop di Knowband aggiunge funzionalità di notifica push nel tuo negozio Prestashop con l’aiuto di cui l’amministratore può mostrare agli utenti la notifica del browser.
2. Questo add-on di notifica push Web Prestashop di facile utilizzo consente all’amministratore di abilitare / disabilitare l’opzione di notifica degli aggiornamenti dello stato dell’ordine.
3. L’amministratore può personalizzare il pulsante di notifica del blocco di conferma dal back-end del modulo di notifica push Prestashop per browser web.
4. Prestashop Cart Reminder Push Il modulo di notifica spinge la notifica web al cliente di volta in volta quando abbandona il carrello.
5. L’amministratore può inviare la notifica di avviso di prezzo agli acquirenti online quando il prezzo del prodotto sottoscritto è basso.
6. L’addon Notification del browser Prestashop di Knowband offre al commerciante del negozio la possibilità di riattivare il prodotto nella funzionalità di notifica delle scorte. Spinge una notifica del browser sul browser del cliente una volta che il prodotto è di nuovo disponibile.
7. Il proprietario del negozio Prestashop può personalizzare l’aspetto del blocco di notifica dal back-end della notifica push di Prestashop per l’addon del browser web.
8. Il modulo di notifica push web Prestashop di Knowland consente al proprietario del negozio di modificare l’aspetto della casella Sottoscrizione secondo il tema del sito web.
9. Il modulo di notifica push del sito Prestashop offre un’opzione per il venditore per personalizzare il pop-up di conferma dal back-end.
10. L’amministratore può cambiare il logo della casella di notifica di conferma.
11. Il modulo Prestashop Web Push Notification è facile da usare e gestire.
12. Il modulo di notifica del browser Knowband Prestashop offre supporto multilingue.
13. Prestashop Push Notification per i browser Web Addon è compatibile con tutti i browser.
14. L’addon di notifica Push Web Prestashop è compatibile con più negozi.
15. Il commerciante online può impostare la configurazione del browser Web e configurare l’API firebase seguendo i passaggi forniti insieme alle schermate. Il commerciante online può configurare la chiave API, l’ID progetto, l’ID mittente del messaggio e la chiave del server per mostrare le notifiche del browser Web agli utenti online.
Tecnologia per lo sviluppo
Lingua: PHP
Struttura: PrestaShop
2.0 Procedura per l’installazione di Prestashop Web Push Notification Addon:
1. La struttura delle cartelle del modulo di notifica push del browser Prestashop.
2. Copia l’intera cartella denominata come aggiornamento del prodotto nella cartella dei moduli della directory principale del tuo negozio PrestaShop tramite FTP.
3. Sarai in grado di trovare il plug-in di notifica push web del prodotto pronto per essere installato nei moduli nel tuo negozio PrestaShop come mostrato di seguito.
4. Fare clic sul collegamento Installa per installare il plug-in.
5. Un altro modo è, è possibile comprimere l’intera cartella e quindi fare clic su “Aggiungi nuovo modulo“collegamento visualizzato nell’angolo in alto a destra della pagina di elenco dei moduli Prestashop.
6. Dopo aver installato il modulo Prestashop Push Notification for Web Browsers, “Configurazione“verrà visualizzato il link al posto di”Installazione“link come mostrato nella schermata sottostante:
Ora, il tuo Addon Push Notification di Prestashop Web è pronto per l’uso e fai clic su “Configurazione“link per configurare questo modulo Prestashop da Knowband.
3.0 Admin Interface
Dopo aver installato il modulo Prestashop Web Push Notification nello store, l’addon di Prestashop fornirà le seguenti interfacce:
1.Impostazioni generali
2.Templates Notifica
3.Push Notifica
4.Delay Push
5.Subscriber
6.Product Sottoscrittore
7.History 8.Statistics
Di seguito sono spiegate le interfacce di questo modulo di notifica push del browser Prestashop.
3.1 Impostazioni generali
La scheda Impostazioni generali di questo add-on di notifica di aggiornamento Push di Prestashop Web ha le seguenti opzioni:
Impostazioni di configurazione 3.1.1
Facendo clic su configura il link corrispondente al addon Push Notification del sito Web di Prestashop, il sistema aprirà le schede di configurazione di questo plug-in Prestashop come mostrato nella schermata seguente:
Attiva / Disattiva: Inizialmente, questo campo del modulo push del browser Prestashop di Knowband sarà disabilitato. L’amministratore può abilitare / disabilitare il plugin attivando / disattivando il pulsante.
Dopo aver abilitato le impostazioni del modulo, verrà visualizzata una finestra di conferma nel front-end del negozio. I visitatori del negozio o i clienti possono fare clic su ‘approvare‘per abilitare le notifiche push.
Abilita / Disabilita l’aggiornamento dello stato dell’ordine: In questa sezione di Prestashop Push Notification per addon browser web, l’amministratore può abilitare le impostazioni per l’invio di notifiche via web per lo stato dell’ordine. Dopo aver abilitato questa impostazione, l’amministratore può inviare notifica dello stato dell’ordine al cliente.
La notifica push per lo stato dell’ordine verrà visualizzata come mostrato nell’immagine seguente:
Abilita / disabilita l’avviso del carrello abbandonato: Utilizzando questa opzione del componente aggiuntivo Notash Push Web di Prestashop, l’amministratore può abilitare le impostazioni per l’invio di notifiche Web per i carrelli abbandonati dei clienti.
Queste impostazioni funzionano solo quando i clienti abbandonano il carrello per alcuni motivi. Quindi questo modulo invia la notifica push web al cliente dicendo “Il tuo carrello sta aspettando“.
Nota: Il modulo di notifica push Web consente all’amministratore di eseguire cron per inviare la notifica push immediatamente o dopo un orario prefissato.
Abilita / Disabilita le impostazioni di Avviso prezzo prodotto: Utilizzando questa opzione del componente di notifica del browser Prestashop, l’amministratore può abilitare le impostazioni per l’invio di notifiche Web per il cliente quando il prezzo del prodotto non è disponibile.
Nel front-end, questa finestra di avviso di prezzo sarà visualizzata come nell’immagine sottostante:
Nota: Queste impostazioni sono applicabili solo quando gli utenti si iscrivono per l’avviso prezzo.
Abilita / Disabilita il prodotto Indietro in Alert Settings: Inizialmente, questa impostazione è abilitata, questa notifica di Prestashop Push Notification per i browser Web consente all’amministratore di inviare una notifica di avviso di prodotto al cliente quando il prodotto è di nuovo disponibile.
Al front-end questa casella di notifica di Back In Stock apparirà come sotto lo screenshot:
Nota: Queste impostazioni sono applicabili solo quando l’utente si iscrive per la notifica.
3.1.2 Casella di registrazione del prodotto
In questa scheda del componente di notifica push web Prestashop di Knowband, l’amministratore può modificare le impostazioni della casella di accesso di questo modulo Prestashop in varie lingue. Questa scheda avrà le seguenti opzioni:
Abilita / Disabilita impostazioni casella di sottoscrizione prodotto:?In this tab, the admin can enable the product subscription box option. If enabled, the Prestashop Browser Push Notification module will show the Subscription box in the Front-end of the store where the customer can subscribe for the price alert or back in stock product.
Intestazione prezzo avviso: Inizialmente, questo campo del modulo Prestashop Web Push Notification consente all’amministratore di modificare la notifica di avviso del prezzo della voce come da requisito.
Messaggio di avviso di prezzo: In questa sezione del modulo di notifica push del browser Prestashop, l’amministratore del negozio può modificare il messaggio visualizzato nella casella di iscrizione Allarme prezzo.
Iscriviti Torna in Intestazione: Questa opzione del modulo di avviso push web di riserva di Prestashop consente all’amministratore di modificare l’intestazione della notifica di back-in-stock.
Messaggio di ritorno: In questa scheda Addon Push di Prestashop Push Notification per browser Web, il rivenditore online può modificare il messaggio della casella di sottoscrizione back in stock.
Testo della casella di iscrizione: L’amministratore del negozio Prestahsop può modificare l’aspetto della casella di abbonamento selezionando il colore dal selettore di colori. Le modifiche apportate nel back-end si rifletteranno nel front-end.
Sottoscrizione della casella Intestazione della base Colore: Il commerciante Store può modificare il colore di sfondo dell’intestazione della casella di registrazione in questo.
Colore del carattere dell’intestazione: Questa opzione del modulo Push Notification del sito Web di Prestashop consente all’amministratore di impostare il colore del carattere dell’intestazione secondo i requisiti e si rifletterà sul front-end del sito.
Colore di sfondo del contenuto della casella di iscrizione: Il commerciante di Prestashop può modificare la casella di colore del contenuto della sottoscrizione in questa sezione di Knowband Web Push Notification For Prestashop.
Colore del contenuto del contenuto della casella di iscrizione: L’amministratore può cambiare il colore del carattere da questa sezione.
Colore del bordo del contenuto della casella di iscrizione: Questo campo di add-on Notash Push Web di Prestashop consente all’amministratore di impostare il colore del bordo.
Colore di sfondo del contenuto della casella di iscrizione: Questa opzione del modulo di avviso push web di riserva di Prestashop consente all’amministratore di impostare il colore di sfondo della casella di registrazione.
Colore carattere pulsante casella di iscrizione: Utilizzando questa opzione del modulo di notifica push del browser Prestashop, l’amministratore può impostare il colore del carattere del testo visualizzato nei pulsanti.
Impostazione di notifica push di benvenuto 3.1.3
In questa Notifica push Web Prestashop, l’amministratore del negozio può personalizzare l’aspetto della casella di notifica di benvenuto. Questa casella di notifica di benvenuto verrà visualizzata nel front-end del negozio quando il cliente entra nel negozio. Gli utenti hanno la possibilità di iscriversi per le notifiche o annullare l’opzione. Questa scheda avrà le seguenti opzioni:
Attiva / Disattiva: L’amministratore avrà la possibilità di abilitare / disabilitare la casella di autorizzazione. Se abilitato, la casella di autorizzazione nel front-end del negozio.
Messaggio di azione: L’amministratore può cambiare il messaggio di azione che si rifletterà sul front-end del sito.
Messaggio del pulsante di azione: In questo sito Web di Prestashop Addon di notifica push, l’amministratore del negozio può modificare il messaggio del messaggio del pulsante di azione della casella Autorizzazione.
Azione Annulla testo: In questa scheda, l’amministratore del negozio può impostare il testo del pulsante Annulla.
Logo display: L’amministratore del negozio può abilitare / disabilitare l’opzione per visualizzare il logo.
Carica logo: I rivenditori online possono caricare la propria attività in questa sezione.
3.1.4 Configurazione del browser Web
Nella versione aggiornata, il commerciante online ha un’opzione per configurare l’API Firebase e impostare questi dettagli per mostrare le notifiche del browser Web agli utenti online:
- Chiave API: inserisci qui la chiave API.
- ID progetto: immettere qui ID progetto.
- ID mittente dei messaggi: qui, inserisci l’ID mittente dei messaggi.
- Chiave server: immettere qui la chiave del server.
Il commerciante online può visualizzare i passaggi della configurazione insieme agli screenshot.
3.2 Modelli
Qui il proprietario del negozio può personalizzare o aggiungere il modello di notifica Push Web in questa sezione del componente aggiuntivo di notifica push del sito Web Prestashop in base ai requisiti.
La notifica push Web consente all’amministratore del negozio di personalizzare il modello per la seguente opzione:
1. Avviso di notifica personalizzato 2. Product Back In Stock Alert 3. Avviso prezzo prodotto 4. Avviso di carrello abbandonato 5. Avviso di aggiornamento dello stato dell’ordine
3.2.1 Come aggiungere un modello di notifica personalizzato?
L’addon di Notash Push di Prestashop Web by Knowband consente all’amministratore del negozio di aggiungere il nuovo modello di notifica personalizzata.
1. Vai a “Modello di spinta Web“.
2. Clicca su “Aggiungi un nuovo modello di spinta“tab. Verrà visualizzato un popup per aggiungere un nuovo modello push.
3. Compila tutti i campi obbligatori e clicca su “Risparmi il Pulsante “.
I vari campi obbligatori sono discussi di seguito. Si prega di trovare la schermata allegata:
Titolo della notifica: Qui l’amministratore può impostare il titolo di notifica.
Messaggio: Utilizzando questa opzione del modulo di notifica push web Prestashop, l’amministratore del negozio eCommerce può impostare il messaggio che verrà visualizzato insieme alla notifica.
Icona di caricamento: In questo campo, l’amministratore del negozio può caricare l’icona per la notifica.
Link principale: L’amministratore del negozio può aggiungere il link di qualsiasi pagina specifica in cui desidera reindirizzare l’utente.
Pulsante di azione: In questa scheda, il commerciante online può aggiungere i due pulsanti che verranno visualizzati insieme alla notifica push. Questo pulsante di azione può essere utilizzato per varie promozioni.
5. Dopo aver completato con successo i dettagli, il nuovo modello personalizzato verrà aggiunto in “Web Push Template “tavolo.
Nota: l’amministratore può aggiungere il numero N del modello personalizzato per una diversa offerta promozionale come la vendita Flash, l’acquisto di 2 Ricevi 1, l’happy hour e altro.
Le altre opzioni di notifica sono discusse di seguito:
Product Back In Stock Alert: In questa scheda, l’amministratore del negozio può personalizzare le impostazioni del retro nella notifica di magazzino come il prodotto è esaurito. Si prega di trovare la schermata allegata:
Quando l’amministratore del negozio modifica lo stato della quantità di prodotto dal back-end del modulo di notifica push di Prestashop Web, la notifica push di quantità prodotto viene inviata al cliente.
Avviso sui prezzi dei prodotti: In questa scheda, l’amministratore del negozio può personalizzare le impostazioni della notifica di avviso del prezzo del prodotto. Si prega di trovare la schermata allegata:
Modello di avviso del carrello abbandonato: Questo modulo di notifica push del browser Prestashop offre un’opzione per l’amministratore per personalizzare il modello di carrello abbandonato dal back-end.
Qui l’amministratore del negozio può personalizzare il modello di carrello abbandonato.
Avviso di aggiornamento dello stato dell’ordine: Questo modulo Prestashop Web Push Notification offre un’opzione per l’amministratore per personalizzare il modello di stato dell’ordine.
Qui l’amministratore del negozio può personalizzare il modello di stato dell’ordine.
Quando l’amministratore del negozio modifica lo stato dell’ordine dal back-end del modulo di notifica push di Prestashop Web, la notifica push dello stato dell’ordine invia al cliente.
Notifica push 3.3
Il modulo Prestashop Web Push Notification consente all’amministratore di configurare il cron per inviare una notifica push. L’amministratore ha la possibilità di inviare notifiche push manualmente o tramite l’impostazione del cron.
3.3.1 Come inviare la notifica push manualmente?
Per inviare la notifica Push manualmente per Ordine di aggiornamento, Acquista ora, Avviso prezzo prodotto, Ristampa prodotto e Notifica personalizzata. L’amministratore del negozio deve selezionare il tipo di modello dall’elenco a discesa.
Per esempio: Se l’amministratore del negozio vuole Push the “Notifica dello stato dell’ordine“manualmente, quindi deve selezionare il”Ordine di aggiornamento“dall’elenco a discesa e fare clic sull’opzione Invia a tutti i sottoscrittori.
3.3.2 Come pianificare la notifica?
Esistono i passaggi per la pianificazione della notifica:
1. Vai al modello di notifica push.
2. Seleziona il modello che desideri pianificare per la notifica futura.
3. Imposta l’ora in cui l’amministratore vuole inviare la notifica.
4. Notifica di ritardo impostata.
CRON
Per inviare la notifica push automaticamente, l’amministratore del negozio Prestashop può impostare il processo cron. Sono disponibili due opzioni nel pannello di amministrazione del modulo.
1.
2. Cron Setup tramite pannello di controllo: Per automatizzare la configurazione, l’amministratore può configurare questa impostazione.
Si prega di trovare le istruzioni per configurare i crons qui sotto –
URL da aggiungere a Cron tramite il Pannello di controllo
1.
https://psm.knowband.com/pushnotification/16/en/module/kbpushnotification/cron?action=syncdelaypush&secure_key=833529a5a031ca74519cb78116dbd145
1.
https://psm.knowband.com/pushnotification/16/en/module/kbpushnotification/cron?action=syncabandonedcart&secure_key=48b7fd9add0e1bd32807a51fb2ba6cd0
Configurazione Cron tramite SSH
Notifica di ritardo push
‘https://psm.knowband.com/pushnotification/16/en/module/kbpushnotification/cron?action=syncdelaypush&secure_key=833529a5a031ca74519cb78116dbd145’
Spingere la notifica del carrello abbandonata
‘https://psm.knowband.com/pushnotification/16/en/module/kbpushnotification/cron?action=syncabandonedcart&secure_key=48b7fd9add0e1bd32807a51fb2ba6cd0’
3.4 Push Delay Notification
Notifica push Web Per Prestashop consente all’amministratore del negozio Prestashop di pianificare la notifica per un determinato momento. Tutte le notifiche pianificate verranno visualizzate nella scheda Notifica ritardo invio insieme al loro stato.
3.5 Push Subscriber
Il plug-in di notifica push web di Prestashop consente all’amministratore di visualizzare l’elenco del browser di sottoscrizione.
Sottoscrittore di 3.6 Product Alert
Questo addon di notifica Prestashop per browser Web consente al rivenditore online di visualizzare l’elenco dei prodotti sottoscritti. Possono anche visualizzare il tipo di notifica del prodotto come avviso di prezzo o di nuovo disponibile.
3.7 Push History
In questo modulo di notifica push web Prestashop, l’amministratore del negozio può visualizzare la cronologia complessiva della notifica push web. Oltre a questo, l’amministratore può filtrare la cronologia e visualizzare le notifiche inviate per opzioni come carrello abbandonato, avviso di prezzo, di nuovo disponibile e altro ancora.
3.8 Web Push Statistics
L’analisi completa dei clienti sottoscritti può essere effettuata con l’aiuto del report offerto in questa scheda del modulo di notifica push web Prestashop.
Modulo 4.0 Front End del modulo Prestashop Web Push Notification:
Dopo aver abilitato il modulo di notifica del sito Web Prestashop da parte di Knowband, l’utente front-end vedrà un blocco di conferma nella pagina iniziale. Il blocco del componente di notifica push di Prestashop Browser contiene due pulsanti per approvare o annullare la notifica. Se l’utente fa clic sul pulsante approve verrà abbonato al rispettivo sito Web.
Il blocco di conferma del modulo di posta elettronica Promemoria di Prestashop apparirà come segue:
