Come creare una Notifica Push Web? Video

Le notifiche push Web ti permettono di raggiungere i contatti in un modo completamente nuovo. Verrà visualizzata la tua notifica nel browser di una persona che ha accettato di riceverle. Questa persona non deve essere iscritta per riceverle.

Le notifiche push sono una funzionalità gratuita che può influenzare le tue conversioni, ma anche informare le persone sulle novità delle tue pagine, avvisarle o ricordare loro il tuo sito. Ti consentono di raggiungere più persone e di mostrare notifiche che possono reindirizzare a un sito a tua scelta.

Con GetResponse ora puoi creare notifiche push avanzate (Rich push notifications), che ti permettono di includere immagini, aggiungere pulsanti di azione e gestire argomenti specifici. L’aspetto della notifica può differire dall’anteprima a seconda del browser e del sistema operativo del destinatario (e del fatto che diversi browser/OS supportano elementi diversi delle notifiche push avanzate).

Puoi anche generare il titolo e il testo della notifica con l’IA.

Introduzione alle notifiche Web push

Le notifiche Web push sono notifiche che possono essere inviate a un utente tramite il browser web desktop o mobile. Le notifiche Web push vengono visualizzate sullo schermo del desktop o del dispositivo mobile dell’utente ogni volta che il browser è aperto, indipendentemente dal fatto che l’utente si trovi o meno sul sito web.

Come funzionano le Notifiche Push?

Quando il visitatore clicca su “Consenti notifiche”, la nostra applicazione invia una richiesta all’intermediario appropriato (chiamato push service), che consegna il messaggio al browser, se è online. Se il browser è offline, il messaggio viene messo in coda fino a quando il browser non viene aperto. Clicca qui per maggiori informazioni.

• Devi creare un sito in GetResponse che conterrà le tue notifiche, così come l’URL e l’immagine.
• Devi installare uno script di integrazione WebConnect sul tuo sito web e un service worker sul server del tuo sito web.
• Supportiamo tutti i principali browser, ad eccezione di Safari e Internet Explorer 11.
• Raccomandiamo vivamente di creare un prompt personalizzato prima che venga mostrato il prompt nativo del browser per le autorizzazioni. Questo informerà i tuoi visitatori che puoi inviare loro notifiche se acconsentono. Aumenta il tasso di conversione e, inoltre, alcuni browser potrebbero bloccare il prompt nativo se non c’è stata alcuna interazione precedente con il sito web. Inoltre, un prompt personalizzato può aumentare le iscrizioni alle tue notifiche.

Prompt personalizzato:

Prompt nativo:

Aggiunta di un sito

IT (Italian translation):

Per aggiungere un sito::

1. Vai in Strumenti > Notifiche push.
2. Clicca su Aggiungi sito.
   
3. Fornisci un nome per il tuo sito (fino a 150 caratteri).
4. Inserisci l’URL esatto del tuo sito web. Deve essere l’URL esatto che appare nel browser. Il tuo sito deve supportare HTTPS per inviare le notifiche. Se non lo fa, dovrai configurare un certificato SSL per il tuo sito web.
5. (Opzionale) Clicca su Carica un’immagine se vuoi aggiungere un’icona. Questa sarà l’immagine predefinita visualizzata in tutte le tue notifiche e nei prompt personalizzati. Può essere il tuo logo o un’icona del tuo brand.
6. Clicca su Avanti.

Puoi aggiungere solo un dominio o un sottodominio come tuo sito, ad esempio:

• https://example.com
• https://subdomain.example.com

Non è possibile utilizzare una directory come sito, ad esempio:

• https://example.com/directory
• https://subdomain.example.com/directory

Il secondo passo è configurare il tuo sito web.

1. Clicca su Get Web Connect per copiare il codice di tracciamento. Aggiungi il codice di tracciamento al sito dove vuoi visualizzare le notifiche. Deve essere posizionato nella sezione head.
2. Clicca su Download service worker file per scaricare il service worker. Installalo nella directory principale del tuo sito sul server. Chiedi aiuto al tuo sviluppatore web se non ti senti a tuo agio a farlo da solo.
3. Quando le persone si iscrivono, il service worker verrà scaricato nel loro browser. Se si abbonano, potranno ricevere le tue notifiche. Alcune cose da tenere a mente:
   • Devi avere HTTPS per distribuire il service worker.
   • Non rinominare il file.
   • Il file deve puntare alla stessa origine del sito (il tuo dominio).
4. Clicca su Termina per completare la configurazione del tuo sito.

Nel terzo passaggio puoi scegliere il metodo di opt-in. L’opt-in a due clic (con prompt personalizzati) porterà a conversioni migliori. Questo può essere modificato in seguito nei Prompt paths.

• Con l’opt-in con un clic apparirà solo il prompt nativo del browser.
• L’opt-in con due clic ti permette di creare un prompt personalizzato con il tuo brand che viene mostrato prima del prompt nativo del browser.
  

Gestione di un sito

Per gestire il tuo sito:

1. Vai in Notifiche push.
2. Passa il mouse sul menu Azioni (ellissi verticale).
   Lì puoi:
   • Modificare il tuo sito
   • Ottenere il codice e il service worker
   • Creare un prompt
   • Creare una notifica
   • Rimuovere il sito (è possibile solo se non ci sono notifiche attive)

In quella schermata vedrai anche quante persone sono iscritte alle notifiche su quel sito web.

Creazione di un prompt

Quando crei un prompt, in realtà stai sempre creando un prompt personalizzato. Il prompt nativo viene creato automaticamente e non può essere modificato, poiché si tratta di una richiesta diretta del browser per l’invio delle notifiche.

Tieni presente che:

• Non è possibile modificare o rimuovere il prompt nativo del browser.
• Puoi visualizzare in anteprima come apparirà il prompt. L’aspetto del prompt può variare tra browser e sistemi operativi.
• Lo troverai sotto Permission prompts, insieme a eventuali prompt personalizzati che hai creato.

Puoi creare un prompt personalizzato per il tuo sito web per aumentare iscritti e conversioni.

Per creare un prompt personalizzato:

1. Vai in Notifiche push.
2. Passa il mouse sul menu Azioni (ellissi verticale) e seleziona Crea avviso.

3. Inserisci un nome interno per il tuo prompt (fino a 150 caratteri).
4. Inserisci il messaggio del tuo prompt (fino a 128 caratteri). Crea un messaggio personalizzato per incoraggiare le persone a iscriversi. Il prompt personalizzato appare prima del prompt nativo.
5. Fornisci il testo per il pulsante di conferma e scegli il suo colore.
6. Fornisci il testo per il link di cancellazione e scegli il suo colore. Una anteprima del tuo prompt verrà visualizzata sul lato destro.
7. Clicca su Salva per completare la configurazione del prompt personalizzato.
8. (Opzionale) Clicca su Anteprima per vedere come apparirà il prompt nativo.
9. Clicca su Salva e attiva per attivare il prompt creato (disattivando quello attualmente attivo) oppure su Salva progressi per salvare i progressi senza attivare il prompt.

Potrai vedere quante persone hanno visualizzato i tuoi prompt e quante hanno interagito con essi. Per il prompt nativo, vedrai quante persone si sono iscritte. Per il prompt personalizzato, vedrai quante persone hanno visualizzato il prompt nativo, il che significa quante persone hanno accettato il prompt personalizzato. Questo ti permetterà di confrontare l’efficacia dei diversi prompt. Potrai anche verificare quante persone si sono iscritte tramite un determinato prompt personalizzato.

Gestione dei prompt

Per gestire i tuoi prompt:

1. Vai in Notifiche push.
2. Clicca sul nome del tuo sito.
3. Nella scheda Permission prompts, puoi disattivare il prompt.
4. Per gestire il prompt, passa il mouse sul menu Azioni (ellissi verticale) accanto al tuo prompt personalizzato. Lì potrai:
   • Modificare il prompt.
   • Eliminarlo (è possibile solo se il prompt non è stato ancora visualizzato).

Controllare dove appariranno i tuoi prompt

Puoi controllare dove appariranno i tuoi prompt utilizzando i Prompt paths.

I Prompt paths sono pensati per mostrare il prompt su tutto il sito oppure per scegliere pagine specifiche aggiungendo un percorso del prompt. Il percorso si riferisce alla parte dell’URL dopo il dominio. Ad esempio, in “https://www.example.com/store/sale”, il percorso è “/store/sale”.

1. Vai in Notifiche push.
2. Clicca sul nome del tuo sito.
3. Clicca sulla scheda Path del prompt.
4. Clicca su Modifica percorsi per modificare tutti i percorsi.
5. Passa il mouse sui 3 puntini accanto al tuo percorso per eliminarlo o per aggiungere un percorso sopra o sotto di esso.

6. Quando aggiungi il percorso, devi:
   • Selezionare il Prompt.
   • Inserire il Percorso del prompt, scegliendo tra tre tipi:
     • Path starts with – inserisci la prima parte dell’URL che appare dopo l’URL del tuo sito. Ad esempio, se l’URL è: https://www.example.com/store/, inserisci /store e il prompt verrà mostrato su tutti i siti che iniziano con https://www.example.com/store/.
     • Path excludes – inserisci la parte del percorso URL che desideri escludere dalla visualizzazione del prompt.
     • Entire site – seleziona questa opzione se vuoi mostrare il prompt selezionato su tutto il sito web. Selezionando questa opzione, tutti i prompt con priorità inferiore impostata su Path starts with saranno nascosti.
7. Decidi l’ordine dei tuoi percorsi di prompt spostandoli su e giù usando l’icona a tre barre sul lato sinistro.

8. Salva le modifiche cliccando su Salva.

Puoi specificare l’ordine nei Prompt paths per determinare quale regola deve avere priorità, poiché le regole potrebbero sovrapporsi e bloccarsi a vicenda.

Creazione di una notifica

La notifica è una finestra che viene visualizzata direttamente sui desktop e sugli schermi mobili dei tuoi iscritti. Può informare le persone che hanno accettato di ricevere le tue notifiche su ciò che sta accadendo sul tuo sito. Puoi pubblicizzare il lancio di un prodotto, una promozione o informarli su nuovi contenuti.

Nota: diversi browser e dispositivi possono avere limiti di caratteri differenti. Se vuoi che la notifica venga visualizzata correttamente da tutti gli iscritti, è meglio non creare notifiche troppo lunghe, poiché potrebbero non essere visualizzate completamente.

Puoi creare le notifiche manualmente o utilizzando l’IA.

Per creare una notifica:

1. Vai in Notifiche push.
2. Passa il mouse sul menu Azioni (ellissi verticale) e clicca su Crea notifica.

3. Fornisci un nome interno per la tua notifica (fino a 150 caratteri).
   In questa fase puoi decidere se utilizzare l’IA (tabella qui sotto) o crearla manualmente (vai al punto 4.). L’IA è disponibile solo con i piani a pagamento.

4. Nella sezione Audience, puoi configurare i tuoi prompt per mostrarli a gruppi specifici di utenti. La sezione è divisa in tre parti:
   • Visitors – scegli il gruppo a cui mostrare il prompt:
     • Tutti i visitatori
     • Nuovi visitatori
     • Visitatori di ritorno (con l’opzione di specificare il numero di visite)
   • Device – seleziona il dispositivo o i dispositivi su cui mostrare il prompt:
     • Telefono
     • Tablet
     • Desktop
   • Country – indirizza i visitatori in base al loro Paese.

5. (Opzionale) Aggiungi i trigger per determinare quando il prompt appare:
   • Dopo un numero specifico di secondi
   • Dopo aver scrollato una certa percentuale della pagina
   • Al tentativo di uscita (quando l’utente cerca di lasciare la pagina)
   • Dopo un periodo di inattività
   • Al clic su un elemento specifico

Devi scegliere se il prompt deve essere mostrato quando tutti i trigger selezionati si verificano o se è sufficiente che si verifichi uno qualsiasi dei trigger.

6. Prompt cooldown. Per evitare di sovraccaricare gli utenti, puoi impostare un periodo di cooldown per il prompt. Questo determina quanti giorni devono passare prima che il prompt venga mostrato di nuovo allo stesso utente se lo aveva precedentemente chiuso.
7. Inserisci il titolo della notifica (fino a 250 caratteri). Usa una frase accattivante o il nome del tuo brand.
8. (Opzionale) Aggiungi il testo della notifica (fino a 250 caratteri). Usalo per condividere ulteriori dettagli su ciò che stai promuovendo, informare gli iscritti alle notifiche su aggiornamenti o avvisarli di promozioni in corso o nuovi prodotti.
9. (Opzionale) Fornisci l’URL di destinazione a cui le persone verranno reindirizzate dopo aver cliccato sulla tua notifica.

10. (Opzionale) Carica un’immagine per la notifica. Puoi usare: JPEG, .JPG, PNG, GIF, WEBP, ICO, CUR, BMP di dimensione massima 10 MB. Si consiglia di usare un’immagine con un rapporto larghezza-altezza di 2:1.
11. (Opzionale) Carica un’icona per la notifica. Puoi usare: .JPEG, .JPG, .PNG, .GIF, .WEBP, .ICO, .CUR, .BMP fino a 10 MB. Per ottenere i migliori risultati, usa un’immagine quadrata di almeno 196 x 196 px.

12. (Opzionale) Clicca su Aggiungi per creare pulsanti di azione che consentano ai visitatori di eseguire azioni specifiche dalle tue notifiche. Poi inserisci il testo da visualizzare sul pulsante, incolla l’URL che si aprirà al clic del pulsante e l’icona del pulsante che apparirà accanto al testo.

13. Sulla destra, potrai vedere l’anteprima della tua notifica e testarla nel browser. L’anteprima si applicherà al browser Google Chrome su macOS, Windows e Android. Per altri browser e sistemi operativi, potrebbero esserci differenze visive. L’anteprima ha solo scopo informativo, poiché potrebbero esserci differenze su dispositivi specifici.
14. Per testare come la notifica funzionerà nel tuo sistema, clicca su Anteprima nel browser. Ti verrà chiesto di accettare di ricevere notifiche.
15. Potrai anche visualizzare il tuo pubblico (quante persone si sono iscritte alla tua notifica).
16. Puoi decidere se Inviare la notifica immediatamente o Programmarla per più tardi. Quando programmi la notifica, puoi cambiare il fuso orario rispetto a quello predefinito del tuo account.
17. Nota: le notifiche programmate possono essere utilizzate anche nei workflow di automazione.
18. Puoi cliccare su Annulla, Salva bozza per utilizzare la notifica in seguito, Invia notifica o Programma notifica.
19. Nota: per inviare la notifica immediatamente, è necessario almeno un permesso per inviare notifiche (almeno un iscritto alla notifica), ma non è necessario per programmare la notifica per più tardi.
20. (Opzionale) Puoi impostare un argomento della notifica. Funziona quando hai più notifiche con lo stesso argomento. Una notifica precedente che non è stata cliccata verrà sostituita da una nuova notifica con lo stesso argomento; tuttavia, se un visitatore è offline e ha più messaggi in coda con lo stesso argomento, riceverà solo l’ultimo.
21. Verrai reindirizzato alla pagina Notifiche. Lì potrai vedere lo stato della notifica, quando è stata creata e inviata, quante notifiche sono state inviate, consegnate e cliccate.

Gestione delle notifiche

Per gestire le tue notifiche:

1. Vai in Notifiche push.
2. Clicca sul nome del tuo sito.
3. Nella scheda Notifications, passa il mouse sul menu Azioni (ellissi verticale) dove potrai:
   • Visualizzare la tua notifica
   • Duplicarla
   • Annullarla (se programmata)
     
     Per modificare la data e l’orario di una notifica programmata, devi annullarla e riprogrammarla.
     
     Per una notifica che non è stata inviata o è una bozza, hai l’opzione di:
     
     • Modificarla
     • Eliminarla