Le notifiche web push sono messaggi istantanei e completamente personalizzabili che i contatti ricevono sui loro dispositivi. Questa comunicazione immediata e individualizzata consente di raggiungere gli utenti nel momento e nei luoghi giusti per aumentare i tassi di conversione, anche quando non visitano il sito web.
In questo articolo imparerai come configurare le notifiche web push.
Tempo di implementazione: 10 minuti.
Difficoltà: Media
Quando utilizzarlo?: Quando desideri integrare in Connectif l'invio di notifiche web push ai tuoi contatti.
Le notifiche web push inviate da Connectif funzionano nei browser e nelle versioni che supportano l'API PUSH. Questo include i browser più utilizzati sul mercato: Chrome, Firefox o Edge (Chromium). Tuttavia, le notifiche web push non sono supportate su Safari né su dispositivi mobili iPhone.
Per consultare l'elenco completo, clicca qui.
Requisiti
Affinché i contatti possano ricevere una notifica web push, devono essere soddisfatti diversi requisiti:
- Nel browser, il contatto deve aver autorizzato l'invio di notifiche. Le notifiche web push lanciate da Connectif funzionano nei browser e nelle versioni che supportano l'API Push. Vedi l'elenco in questo link.
- Il contatto deve aver concesso il permesso di ricevere notifiche push dal tuo dominio web. A tal fine, il contatto deve cliccare sul pulsante Consenti nella finestra pop-up che appare in alto a sinistra del sito web.
Questa finestra può essere inserita tramite il contenuto web di Connectif. Puoi trovare come farlo in questo articolo. Può anche essere mostrata tramite qualsiasi altro metodo sul tuo sito web.
- Il contatto deve avere le notifiche attivate sul proprio desktop e/o mobile.
PASSO 1. Configurare il ServiceWorker
1. Accedi a Impostazioni del negozio nel menu laterale sinistro.
2. Nel selettore di schede, vai su "Canali > Notifiche Web Push".
3. Clicca su Scarica.
Un file ServiceWorker (come il "service-worker.js" del download) è uno script JavaScript eseguito dal browser in background. Utilizzandolo, alcuni processi del sito continuano a funzionare anche se l'utente ha chiuso il browser o non lo ha ancora aperto.
4. Carica il file sul tuo server e copia il percorso.
5. Inserisci il percorso del ServiceWorker nella sezione URL del ServiceWorker.
Per il corretto funzionamento delle notifiche web push, è necessario che il dominio del tuo negozio o sito web sia HTTPS.
6. Clicca su Salva.
PASSO 2. Verificare la configurazione
1. In una nuova scheda o finestra, accedi all'URL del ServiceWorker.
Se il percorso è corretto, il browser mostrerà il frammento di codice che definisce il ServiceWorker.
2. Apri la console degli strumenti per sviluppatori (DevTools) del browser.
Tutti i browser hanno nel menu un link per aprire DevTools. Ecco le indicazioni per aprirlo in Google Chrome (browser utilizzato nel nostro esempio), Mozilla Firefox, Microsoft Edge e Safari.
In alternativa, se utilizzi Chrome, Firefox o Edge, puoi usare la scorciatoia da tastiera F12.
3. Nella finestra degli strumenti per sviluppatori, fai clic su Application.
4. Nel menu della colonna di sinistra, seleziona Service Workers.
5. Verifica che lo stato del ServiceWorker sia "attivo e in esecuzione". Inoltre, il semaforo accanto a Status sarà di colore verde.
Successo!
Le notifiche web push sono pronte per essere utilizzate nelle tue strategie.
Continua a imparare!
Per sfruttare al massimo il potenziale del tuo account Connectif, ti consigliamo di continuare con i seguenti articoli:
- Editor di notifiche web push, per progettare il contenuto delle tue notifiche web push.
- Iscrizione push con notifica del browser, per lanciare la notifica di iscrizione a web push del browser senza inviare contenuto web.
-
Richiedere iscrizione a notifiche web push con un popup, per creare una strategia che iscrive i contatti tramite un popup.
-
Iscrizione a push con slide in, per creare una strategia che iscrive i contatti tramite uno slide in.