Come aggiungere le notifiche del browser per WordPress

Se hai provato a far crescere il tuo elenco di abbonati e-mail ma non vedi che i visitatori tornano sul tuo sito, ti starai chiedendo cos'altro puoi fare. Mantenere i visitatori del sito informati sugli aggiornamenti e indirizzare il traffico di ritorno al tuo sito può essere una sfida.

Fortunatamente, le notifiche del browser o le notifiche "push" possono aggiungere un elemento dinamico all'esperienza del tuo sito web. L'opzione per inviare informazioni attraverso il browser di ciascun utente può aprire un nuovo modo per tenere informati i tuoi visitatori e persino raccogliere nuovi abbonati.

In questo articolo spiegheremo cosa sono le notifiche push e dove possono essere utilizzate. Vedremo anche come configurarli sia per i browser desktop che per quelli mobili. Se sei pronto per saperne di più su questa utile tecnica, iniziamo!

Cosa sono le notifiche del browser del sito Web (notifiche push)?

Come utente Web, potresti avere più familiarità con le notifiche push quando si tratta del tuo smartphone. Le notifiche push, fedeli al loro nome, "spingono" automaticamente le informazioni sul tuo dispositivo o browser per farti sapere quando è successo qualcosa di notevole. Questo potrebbe accadere quando hai ricevuto un messaggio di testo, ad esempio, o hai ricevuto un mi piace o un commento su un post social.

Infatti, il 52% degli utenti mobili ha le notifiche push abilitate sui propri telefoni. Inoltre, la stessa tecnologia può essere utilizzata per ottenere notifiche push all'interno dei browser Web desktop. Abilitando le notifiche push per il tuo sito web, puoi sfruttare funzionalità come la geolocalizzazione per creare esperienze personalizzate o tenere traccia delle abitudini degli acquirenti per ridurre i carrelli della spesa abbandonati.

Un esempio di notifiche del browser in azione è il sito Web di coupon e campioni gratuiti di Freefly. Freefly utilizza una notifica push per i browser desktop. Quando un utente visita il sito, viene accolto con una notifica che chiede se desidera ricevere i propri "avvisi di omaggi". Puoi selezionare “Sì” o “No grazie” e continuare a visualizzare il sito web:

Un caso di studio sull'implementazione delle notifiche push da parte di Freefly rivela che il suo obiettivo era fornire ai visitatori comunicazioni istantanee di affari a scadenza. Questo approccio ha attratto 4.400 nuovi abbonati in 30 giorni, dopo appena tre minuti di configurazione.

Come impostare le notifiche del browser con WordPress (in 6 passaggi)

Ora diamo un'occhiata a OneSignal, un plug-in WordPress gratuito che offre notifiche push e web illimitate per un massimo di 30.000 abbonati.

OneSignal offre anche la possibilità di segmentare il pubblico, implementare funzionalità di localizzazione, tenere traccia dei risultati con Google Analytics e utilizzare una solida API.

Questo significa che puoi integrarlo con tutti i migliori servizi di email marketing per inviare newsletter tramite notifiche push, per una customer experience ancora più personalizzata. Diamo un'occhiata a come iniziare con OneSignal seguendo questi sei passaggi.

1. Scarica e installa il plug-in OneSignal

Innanzitutto, ti consigliamo di andare alla directory dei plug-in di WordPress e cercare OneSignal. Una volta scaricati i file del plugin, dovrai visitare la sezione Plugin nell'area di amministrazione del tuo sito WordPress.

In alternativa, puoi cercare OneSignal dalla sezione Plugin e aggiungere il plug-in gratuito proprio lì.

Dopo aver installato il plug-in, assicurati di selezionare il pulsante Attiva che appare al termine dell'installazione. Al termine, puoi fare clic sul collegamento OneSignal per completare il processo.

2. Visita il sito web di OneSignal per connetterti a WordPress

Sul sito web di OneSignal, dovrai creare un account gratuito. Ci sono anche alcuni passaggi che dovrai completare per assicurarti che OneSignal sia configurato per il tuo sito WordPress e per scegliere i browser che desideri utilizzare.

Una volta effettuata la registrazione, ti verrà chiesto di selezionare un'applicazione per le tue notifiche.

Nel nostro esempio, utilizzeremo Chrome. Dovrai assegnare un nome alla tua applicazione per continuare con il passaggio successivo. Nella schermata seguente, ti verrà chiesto di configurare il web push.

Ti consigliamo di selezionare il plug-in di WordPress o Website Builder nella parte superiore dello schermo per modificare le opzioni presentate. Dopo averlo fatto, vedrai un'icona di WordPress tra cui scegliere, tra un elenco di altre applicazioni web.

Dopo aver selezionato l'icona di WordPress , di seguito verranno visualizzate altre opzioni di configurazione denominate WordPress Site Setup . Qui è dove potrai aggiungere le informazioni del tuo sito web e caricare un'icona personalizzata, se lo desideri.

In questa finestra di dialogo di configurazione troverai anche la documentazione relativa ai siti che non sono completamente HTTPS. Se ti trovi in ​​questa situazione, ti consigliamo di rivedere questa documentazione e seguire i consigli di OneSignal. Quando hai completato la compilazione delle informazioni del tuo sito, salva le modifiche.

3. Conferma le configurazioni nel pannello delle impostazioni del plugin di WordPress

Una volta salvate le informazioni sulla configurazione del sito di WordPress, ti verrà presentata una schermata di dettagli importanti che devono essere trasferiti nel pannello delle impostazioni di OneSignal in WordPress. Questi includono l'ID API e la chiave API per l'applicazione appena configurata.

Puoi utilizzare il pulsante Vai al mio sito Web sotto le informazioni API o accedere alla dashboard di WordPress in un'altra scheda del browser per completare la configurazione.

Una volta che sei nella dashboard, ti consigliamo di fare clic su OneSignal Push nel menu a sinistra e selezionare la scheda Configurazione . Qui è dove dovrai inserire quei codici API, al fine di effettuare la connessione finale tra WordPress e OneSignal.

Per impostare una notifica push anche per il browser Apple Safari, dovrai tornare sul sito Web di OneSignal e aggiungere Safari come applicazione (e così via per altri browser).

4. Personalizza il tuo messaggio popup

Ora che hai effettuato la connessione tra WordPress e OneSignal, puoi iniziare a personalizzare tutte le varie opzioni incluse nel plugin. Ciò include il messaggio popup per l'iscrizione alle notifiche push.

All'interno delle impostazioni OneSignal Push in WordPress, puoi scorrere verso il basso sotto le informazioni API e decidere cosa vuoi che dica il testo del tuo invito push.

Questo è un modo eccellente per personalizzare l'esperienza e invogliare i visitatori a utilizzare le tue notifiche.

5. Personalizza la tua icona di notifica

Un altro elemento chiave che puoi personalizzare è l'icona di notifica. Ciò ti consentirà di modificare il modo in cui i visitatori ricevono le notifiche nei loro browser. Ad esempio, puoi progettare un messaggio di ringraziamento personalizzato che i visitatori riceveranno dopo essersi iscritti.

Inoltre, puoi configurare il testo per le notifiche che appariranno se un visitatore blocca o annulla l'iscrizione al tuo servizio di notifica push. Sebbene a volte ciò accada, puoi provare a mantenere il visitatore agganciato creando un messaggio che chiarisca perché rimanere iscritti alle tue notifiche è vantaggioso.

6. Invia notifiche dal tuo sito Web WordPress

Ora che hai configurato OneSignal, ti starai chiedendo come inviare notifiche. Fortunatamente, l'applicazione OneSignal invierà automaticamente notifiche push ogni volta che viene pubblicato un nuovo post sul tuo sito web.

Tuttavia, se desideri inviare manualmente una notifica per una pagina o un post, puoi farlo da qualsiasi schermata di modifica di WordPress.

Nella scheda Documento , ora avrai un'opzione OneSignal. Da lì, puoi selezionare la casella per inviare una nuova notifica del browser ogni volta che il post viene aggiornato. Ciò potrebbe essere particolarmente utile se, ad esempio, stai aggiornando un articolo nel tuo negozio online. Puoi anche configurare OneSignal per inviare automaticamente notifiche push per determinati tipi di post personalizzati.

Hai bisogno di aiuto per migliorare la tua esperienza digitale?

L'impostazione delle notifiche push per il tuo sito Web WordPress può essere un modo perfetto per creare un'esperienza dinamica per i visitatori del tuo sito. Se ti è piaciuto conoscere questo strumento, adorerai le altre eccellenti risorse per sviluppatori che dobbiamo condividere qui su WP Engine.

WP Engine offre più di semplici servizi di hosting WordPress veloci e affidabili. Offriamo anche una piattaforma di esperienza digitale completa. Ciò significa che con WP Engine puoi concentrarti sullo sviluppo di un eccellente design del sito web per i tuoi clienti e lasciare a noi la gestione dell'hosting!