Configurazione del canale push web

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.

 

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.

Configurazione notifiche web push 2023 - 01-min.png

  

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.

Configurazione notifiche web push 2023 - 02-min.png

 

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.

Come configurare le notifiche web push - 4_lite.png

  

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.

Come configurare le notifiche web push - 9.png

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. 

Come configurare le notifiche web push - 10.png

 

 

 

 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: