Come aggiungere notifiche push al tuo sito web

Aggiungere notifiche push al tuo sito web

Come aggiungere notifiche push al tuo sito web

Andiamo con ordine e cerchiamo prima di capire a cosa serve aggiungere delle notifiche push al tuo sito web.

Questo tipo di messaggi ti avvisa delle nuove attività avvenute su un sito o un’app mentre non sono aperti.

Per tornare all’esempio di Facebook sullo smartphone, l’app ti invia delle notifiche quando a qualcuno piace lo status che hai pubblicato.

Nel caso di un sito visualizzato su un computer, dei messaggi cliccabili possono essere visualizzati sul desktop, anche quando il browser non è aperto.

Per poter essere visualizzate, l’utente dovrà acconsentire al loro uso.

Quali sono i benefici di aggiungere le notifiche push al tuo sito?

Quali sono i benefici di aggiungere le notifiche push al tuo sito

È evidente che il vantaggio principale di aggiungere notifiche push al tuo sito web è sicuramente l’opportunità di raggiungere i propri utenti ovunque siano sul web.

Puoi usarle, quindi, per aumentare il numero di visite da utenti di ritorno sul sito.

Se qualcuno non visita il tuo sito da un po’, puoi ricordargli della sua esistenza ed evitare di farlo finire nel dimenticatoio.

A giudicare dai case study pubblicati da PushCrew, il tasso di click sulle notifiche push è intorno al 15-20%.

Si tratta di una percentuale estremamente interessante, anche confrontata ai tassi di apertura delle email.

Inoltre, il processo di sottoscrizione alle notifiche push è molto più immediato e veloce di compilare il form per ricevere una newsletter.

Attenzione, però, al contenuto delle notifiche push.

Secondo un sondaggio citato da CrazyEgg, la metà degli utenti le definiscono una distrazione.

Ciò significa, però, che gli altri le vedono in modo positivo.

Come al solito, l’importante è fornire contenuto e offerte di valore per i visitatori.

La chiave sembra essere la personalizzazione.

Come per le email, gli utenti vogliono vedere contenuti e offerte rilevanti, basati sulla loro posizione e le loro preferenze.

Impostare le notifiche push su WordPress con OneSignal

Per prima cosa installa e attiva il plugin OneSignal – Free Web Push Notifications. Una nuova voce verrà aggiunta al menu:

OneSignal - come aggiungere notifiche push al tuo sito web - configurazione

Per configurare OneSignal, avrai bisogno di aggiungere diverse API Key e Application ID nelle campi corrispondenti.

Nella scheda Setup, troverai tutti i passaggi per configurare il plugin.

Vediamo come ottenere questi dati.

1. Configurazione delle notifiche push per Chrome e Firefox

Visita il sito di OneSignal per creare un account.

Apparirà un pop up di benvenuto, alla fine del quale potrai cliccare su Add a new app.

Aggiungere notifiche push al sito WordPress - creazione account OneSignal

Scegli un nome per la tua app, poi clicca su Create per confermare.

OneSignal configurazione notifiche push

Clicca su App Settings sulla barra a sinistra e poi sul bottone Configure che trovi nella lista accanto a Google Chrome and Mozilla Firefox.

OneSignal notifiche push per WordPress

Aggiungi l’URL del tuo sito senza includere lo slash alla fine.

Questo passaggio serve a impedire ai malintenzionati di utilizzare le tue chiavi per “impersonare” il tuo sito e inviare notifiche push spacciandosi per te.

Poi aggiungi un’icona per personalizzare le notifiche.

Puoi utilizzare il tuo logo per questo, ricorda solo che l’immagine deve misurare 80×80 pixel.

Se non carichi un’immagine, il plugin userà il logo standard di OneSignal.

Spunta la casella accanto a My site is not fully HTTPS se il tuo sito serve alcune pagine con il protocollo HTTP e altre con quello HTTPS.

2. Configurazione delle notifiche push per Chrome e Firefox

Dopo aver cliccato su Save, OneSignal ti chiederà di scegliere un dominio secondario.

Selezionalo attentamente perchè non potrai cambiarlo, altrimenti gli utenti riceveranno un duplicato di tutte le notifiche.

2. Ottenimento delle Chiavi OneSignal

Clicca sulla scheda Keys and IDs su OneSignal. Si trova accanto alla scheda su cui hai appena finito di lavorare.

3. Ottenimento delle Chiavi OneSignal per WordPress

Copia la OneSignal App ID e la REST API Key nella scheda di configurazione del plugin in WordPress.

Poi clicca su Save per confermare.

Consiglio: lascia la scheda con il tuo account OneSignal aperta, perchè ti servirà di nuovo tra poco.

3. Configurazione dell’iscrizione per gli utenti

Adesso che le notifiche push sono attive sul sito, devi configurare come i visitatori potranno iscriversi per riceverle.

Esistono 2 opzioni: il pop up HTTP/HTTPS e il pulsante Notifica.

OneSignal notifiche push opzioni iscrizione

Il pop up HTTP/HTTPS chiede automaticamente ai nuovi visitatori di iscriversi alle notifiche push.

Il bottone Notifica è un widget interattivo, visualizzato nell’angolo in basso a destra del sito.

Il widget riconosce se gli utenti sono già iscritti, se si sono cancellati dalla lista o se hanno bloccato il tuo sito, mostrando le istruzioni per sbloccarlo.

Permette ai visitatori di iscriversi temporaneamente, cancellarsi e poi iscriversi di nuovo.

OneSignal configurazione bottone

Puoi gestire queste opzioni dal menu Configuration di OneSignal, direttamente in WordPress.

4. Configurazione delle notifiche push per Safari

Il prossimo passaggio serve ad aggiungere notifiche push al tuo sito su Safari, per gli utenti che usano Mac.

Per farlo devi tornare al tuo account OneSignal, cliccare su App Settings e poi navigare fino alla scheda Platform.

L’hai già usata per il punto 1.

Adesso dovrai, però, selezionare Apple Safari e cliccare su Configure.

Si aprirà la finestra qui sotto:

5. Configurazione delle notifiche push per Safari

Inserisci l’URL del sito, come hai fatto prima.

Per quanto riguarda il Site Name, inserisci quello che vorresti che gli utenti vedessero, come il nome del tuo sito.

Poi spunta la casella I’d like to upload my own notification icons per caricare le tue icone personalizzate.

Avrai bisogno di un’immagine da 256×256 pixel.

Salva per attivare le notifiche push per il tuo sito anche su Safari, e quindi uscire dalla configurazione guidata.

Tornerai alla schermata Platforms, dove vedrai l’ID delle notifiche per Safari.

Copialo e poi torna nella scheda di configurazione del plugin su WordPress per incollare l’ID nel campo corrispondente.

Salva le modifiche.

5. Test delle notifiche push per il web sul tuo sito WordPress

Visitando il sito con i vari browser potrai testare le notifiche push che hai aggiunto al tuo sito web.

Nel mio caso, qui sotto puoi vedere le notifiche push che ho attivato sul sito che uso per compiere test.

OneSignal notifiche push Firefox

Se il visitatore (nel mio caso, io stesso) decide di iscriversi, un pop up di ringraziamento viene visualizzato.

OneSignal messaggio di ringraziamento in inglese

Come avrai notato, i messaggi sono in inglese, ma è possibile personalizzarli direttamente su WordPress.

Clicca su OneSignal Push per accedere alla configurazione del plugin, poi scorri verso il fondo della pagina.

Vedrai un modulo chiamato Notify Button Text Customization.

Qui potrai personalizzare i messaggi di iscrizione, di dialogo e il testo per i bottoni.

OneSignal notifiche personalizzazione messaggi

Continuando a scorrere verso il basso troverai le opzioni per cambiare l’aspetto dei bottoni, del pop up e della notifica di benvenuto.

Potrai, inoltre, impostare delle notifiche push automatiche (ad esempio quando pubblichi un nuovo post) e aggiungere dei parametri per tracciare il traffico in Google Analytics.

Dal tuo account OneSignal potrai, invece, inviare messaggi agli utenti iscritti, impostare dei test per valutare i risultati di diversi messaggi e perfino segmentare gli utenti iscritti in base a parametri come provenienza geografica e tipologia di visita (durata, nuovo utente o di ritorno, ecc…).

Conclusione

Oggi ti ho parlato di come aggiungere notifiche push al tuo sito web su WordPress.

Si tratta di un altro strumento che puoi utilizzare per aumentare il coinvolgimento del tuo pubblico e incoraggiare gli utenti a tornare sul tuo sito.

Pensi di aggiungere notifiche push al tuo sito WordPress?

Come pensi di utilizzare questo strumento? O lo utilizzi già?

Che effetto hanno avuto le notifiche sul traffico verso il tuo sito, e sul coinvolgimento dei tuoi utenti?

Come al solito, ti invito a condividere la tua esperienza e a farmi delle domande utilizzando la sezione commenti che trovi qui sotto.

Guide correlate:

Immagine di Andrea Di Rocco autore articoli SOS WP
Andrea Di Rocco Fondatore di SOS WP™
La mia passione per WordPress mi ha portato negli ultimi 10 anni a voler aiutare sempre più persone a creare blog e siti web in WordPress in completa autonomia. Spero che troverai utili le oltre 700 guide su WordPress e sulla SEO che ho pubblicato su questo blog. Se ne hai voglia ti invito a leggere la mia storia, cliccando sul pulsante qui sotto.
52Commenti
Lascia un commento
  1. Immagine avatar per Alessandra
    Alessandra

    Salve, le avevo già scritto per delucidazioni sul mio sito word press…ora girando per internet ho visto qsto suo articolo, nn so se si tratta di notifiche push…ma di recente, sull’icona del mio sito, è comparso un numeretto, cioè 1, e penso si tratti di qche notifica…ma dentro il sito nn trovo nè visite, nè altro di nuovo e perciò nn so cosa sia il numeretto 1 che è presente sull’icona del sito, come già detto…

    1. Immagine avatar per SOS WP Team
      SOS WP Team

      Ciao Alessandra, per questo sarebbe meglio che tu ti rivolga direttamente alla nostra Assistenza WordPress da questo link https://sos-wp.it/assistenza-wordpress/. A presto!

  2. Immagine avatar per Antonio
    Antonio

    Ciao e grazie, OneSignal permette di inviare notifiche agli utenti iscritti a determinati orari tutti i giorni con un messaggio personalizzato? (Anche se non viene pubblicato nessun post sul sito).

    Esistono plug in che fanno cose del genere?

    1. Immagine avatar per SOS WP Team
      SOS WP Team

      Ciao Antonio, sì, OneSignal permette l’invio di notifiche programmate. Puoi perfino impostare il momento dell’invio in base al fuso orario dell’utente. In questa guida del sito ufficiale trovi maggiori informazioni su come configurare questa impostazione. Restiamo a disposizione se hai altre domande.

  3. Immagine avatar per Marta
    Marta

    Articolo utilissimo, una domanda: come si verifica il numero delle persone che ha attivato le notifiche push?

    1. Immagine avatar per SOS WP Team
      SOS WP Team

      Ciao Marta, One Signal ha una scheda “Users” dalla quale puoi visualizzare un report completo degli utenti che attivano le notifiche. Dai un’occhiata alla pagina ufficiale del plugin per maggiori informazioni. Un saluto!

    2. Immagine avatar per Marta
      Marta

      Grazie mille, trovata!! e complimenti per il sito: mi sta dando un sacco di ottimi spunti per il mio blog.
      Un saluto,
      Marta

    3. Immagine avatar per SOS WP Team
      SOS WP Team

      Grazie a te Marta, continua a seguirci e buon lavoro!

  4. Immagine avatar per Svara Bruno
    Svara Bruno

    Le notifiche che appaiono sono solo semplici avvisi o si possono impostare per reindirizzare direttamente sulla pagina relativa del sito?

    1. Immagine avatar per SOS WP Team
      SOS WP Team

      Ciao Bruno, cliccando sulla notifica l’utente va sulla pagina del sito. Un saluto!

  5. Immagine avatar per Grazia
    Grazia

    ciao e grazie per le spiegazioni innanzitutto! ho installato il plugin ma ho inserito un logo troppo lungo che si deforma tutto. Dove posso andare a ricaricare il loghino del mio sito nel pop-up? se non dal pannello di modifica, da qualche altra parte? Grazie

    1. Immagine avatar per SOS WP Team
      SOS WP Team

      Ciao Grazia, entra nel tuo account OneSignal, vai su Settings e clicca sulla tua “web push platform” attiva. Nella sezione WordPress site setup trovi “Default icon url” e qui carichi un’immagine di almeno 80×80 px (la documentazione raccomanda 192x192px). Un saluto e buon lavoro!

  6. Immagine avatar per Ilaria
    Ilaria

    Ciao, grazie mille davvero utile e chiaro. se ce l’ho fatta io…
    L’unica cosa che non capisco è se sia possibile visualizzare un pulsante per accese alle opzioni di notifica. Mi sembra di aver capito che cliccando su enable notification bell si sarebbe vista la campanella da qualche parte… ma non c’è…
    Grazie

    1. Immagine avatar per SOS WP Team
      SOS WP Team

      Ciao Ilaria, devi andare dalla bacheca su OneSignal Push > Configuration e nella sezione Prompt Settings & Subscription Bell trovi i selettori per attivare e personalizzare la campanella. Un saluto!

  7. Immagine avatar per Daniele
    Daniele

    Ciao, conosci se esiste un plugin che simula dei popup messaggi tipo NotificationX?
    NotificationX si basa su vere interazioni… io ho bisogno che vengano cenerate automaticamente dei messaggi stile “booking” in cui inserire 5 persone hanno visitato la pagina, 4 hanno contattato tramite form etc etc
    Grazie!

    1. Immagine avatar per SOS WP Team
      SOS WP Team

      Ciao, ti consigliamo di testare questo plugin https://wordpress.org/plugins/notificationx/. Un saluto!

  8. Immagine avatar per Marco
    Marco

    Ma questo plugin non invia email ma solo notifiche sul monitor. Giusto?

    1. Immagine avatar per SOS WP Team
      SOS WP Team

      Esatto.

  9. Immagine avatar per Mirco
    Mirco

    Ciao Andrea, seguendo la vostra guida sono riuscito a configurare onesignal, ho anche capito che per poter inviare delle notifiche web push su iphone e ipad bisogna assolutamente creare una applicazione. Ok va benissimo, su Chrome e Firefox le notifiche vanno perfettamente, il problema purtroppo esiste quando si cerca di iscriversi utilizzando Safari per Desktop, una volta cliccato su Accetta il sito non risponde con il messaggio prefissato con il “ringraziamento”, non avviene nessuna iscrizione e se ricarichi la pagina il messaggio per l’iscrizione non viene di nuovo visualizzato. Girando sul sito di onesignal ho capito, o perlomeno mi sembra, che l’utente su safari prima di potersi iscrivere deve assolutamente effettuare una azione. Ora ti chiedo tu hai avuto modo di effettuare un test su safari?

    grazie e buon lavoro

    1. Immagine avatar per SOS WP Team
      SOS WP Team
  10. Immagine avatar per ennio
    ennio

    Ho un sito internet personale. E’ possibile ricevere, solo sul mio smartphone, una notifica push se un utente compie una determinata azione sul sito? Ad esempio un click di ingresso nella chat. Grazie

    1. Immagine avatar per SOS WP Team
      SOS WP Team

      Ciao Ennio, non crediamo sia possibile. Ci dispiace di non essere di maggiore aiuto!

  11. Immagine avatar per ennio
    ennio

    Ho un sito internet. E’ possibile ricevere solo sul mio smartphone una notifica push se un utente compie una determinata azione sul sito, ad esempio un click di ingresso nella chat. Grazie

    1. Immagine avatar per SOS WP Team
      SOS WP Team

      Ciao Ennio, non crediamo sia possibile ottenere questo, di dispiace di non essere di maggiore aiuto!

  12. Immagine avatar per Stefano
    Stefano

    Ciao Andrea e sempre grazie per i tuoi post!

    Ho seguito alla lettera le tue istruzioni eppure non appare la Subscription Bell 🙁 Quale potrebbe essere il problema?

    Grazie!

    1. Immagine avatar per SOS WP Team
      SOS WP Team

      Ciao Stefano, da qui purtroppo non possiamo ipotizzare quale sia la causa della mancata presenza 🙁 Hai testato il comportamento su più browser?

  13. Immagine avatar per Leonardo
    Leonardo

    Ciao, complimenti per questo articolo utilissimo. Guardando altri siti, ho notato la possibilità di attivare le notifiche whatsapp; quando viene pubblicato un nuovo articolo, l`utente viene informato tramite wa. È possibile farlo sul mio sito wordpress?

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao Leonardo, non conosciamo un plugin che lo faccia, anche se dovrebbe essere possibile tramite API. Non abbiamo però una soluzione pronta da indicarti 🙁 Un saluto!

  14. Immagine avatar per Attilio
    Attilio

    CIao, ho abilitato e configurato tutto, le notifiche arrivano solo via desktop, sul mobile no….c’è qualcosa da configurare?

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao Attilio, su che dispositivo hai verificato l’assenza delle notifiche push? Un saluto!

  15. Immagine avatar per cristina
    cristina

    ciao a tutti,
    sto cercando di configurare le notifiche push per il mio sito, ma non appena inserisco l’indirizzo (dopo aver inserito il nome del sito) la pagina “salta” e diventa completamente vuota.
    Ho provato anche a cambiare browser ma è la stessa cosa.
    Qualcuno di voi sta riscontrando lo stesso problema? Sapete a cosa è dovuto?
    Grazie mille..

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao Cristina, intanto verifica che non dipenda da uno dei casi indicati in questa guida. Facci sapere!

    2. Immagine avatar per cristina
      cristina

      le ho tentate tutte, ma non c’è nulla da fare, mi spiace perchè con blogger funziona alla grande e mi trovo molto bene. Con wp non riesco proprio a farlo funzionare, ho tentato sia con il plug in che inserendo il codice tramite editor. E’ un mistero…

    3. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Hai anche contattato il supporto del plugin?

  16. Immagine avatar per Debora
    Debora

    Come si fa a configurare su IPhone? Su Android e Mac funziona. Ma non riesco a vederlo da Iphone

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao Debora, dai una occhiata a questo topic. Prima non era possibile, adesso OneSignal è integrabile anche su iPhone.

  17. Immagine avatar per Davide
    Davide

    Salve,
    ho usato OneSignal su un sito http per quasi un anno, ora è stato fatto lo switch ad https. Posso riconfigurare l’app senza perdere gli iscritti accumulati?

    Grazie, Davide

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao Davide, no purtroppo. Gli iscritti saranno persi, leggi in merito questa guida

  18. Immagine avatar per marco
    marco

    Ciao,
    attivato. Ma ora con il Gdpr il plugin va già bene così o bisogna fare qualcos’altro?
    Non ho capito se posso far arrivare le notifiche anche su Explorer di Windows.

    Grazie.

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Il plugin è stato aggiornato seguendo la normativa: https://onesignal.com/blog/product-policy-updates-for-gdpr/. Explorer invece non è fra i browser che supportano il tool.

  19. Immagine avatar per angela
    angela

    buongiorno,
    Vorrei sapere se le notifiche push possono essere profilate per età, sesso, località etc….
    E se esiste un altro modo per ottenere quest’opportunità e contattare i miei clienti profilandoli a seconda della promozione che voglio fare.

    Grazie mille

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao Angela, per questo ti consigliamo di contattare il nostro reparto tecnico https://sos-wp.it/servizi-web/. Serve infatti una consulenza specifica per rispondere in modo esauriente alla tua necessità di profilazione. Un saluto!

  20. Immagine avatar per Francesco
    Francesco

    Bel Plugin, però mi chiedo, funziona solo per quegli utenti che si collegano al sito tramite PC oppure anche per quelli che si collegano tramite App?

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao Francesco, dovrebbe funzionare in ogni caso.

  21. Immagine avatar per Angela
    Angela

    Ciao Andrea e grazie per la guida siete sempre la mia salvezza 🙂
    Ho un piccolo problema pero’, non riesco a personalizzare il messaggio..che cosa sbaglio? https://postimg.org/image/2mg9szuxi3/
    Ho seguito tutto alla perfezione e anche le notifiche funzionano..

    Grazie mille

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao Angela, hai provato a disattivare gli altri plugin?

    2. Immagine avatar per Angela
      Angela

      Ciao! Scusami poi ho risolto solo che ora su Chrome la frase è a metà rispetto a Firefox. Nel senso che su Chrome c’è solo: nomesito vorrebbe inviarti..

    3. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao Angela, purtroppo da qui non riusciamo ad aiutarti. Dovremmo dare un’occhiata al codice. Scrivi al nostro reparto tecnico per un check diretto https://sos-wp.it/servizi-web/

  22. Immagine avatar per Devis
    Devis

    “Nel caso di un sito visualizzato su un computer, dei messaggi cliccabili possono essere visualizzati sul desktop, anche quando il browser non è aperto.”

    Ciao Andrea,
    sicuro che le notifiche funzionano anche con browser chiuso? Ad esempio le notifiche di whatsapp web non funzionano se non si ha il browser aperto su https://web.whatsapp.com/… anche per gmail … non vanno le notifiche con browser chiuso.

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao Devis, faremo un check ulteriore e vedremo quali notifiche sono attive a browser chiuso o no.

  23. Immagine avatar per Kristian Tumidajewicz
    Kristian Tumidajewicz

    Ciao, per quanto riguarda Safari possibile che OneSignal non funzioni? Tu l’hai provato? A me chrome e firefox vanno.. ma Safari ne su pc, ne su iphone non fa vedere la possibilità di attivare la notifica! Fammi sapere grazie

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao, che versione stai usando di Safari?

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *