In questa lezione, imparerai e implementerai il workflow che contiene una strategia di acquisizione push affinché i tuoi visitatori si iscrivano a questo canale di comunicazione.
Sfrutta il canale push per impattare immediatamente un maggior numero di contatti tramite le notifiche del browser.
Obiettivo: Acquisizione.
Elementi utilizzati: Notifica push, inline.
Tempo di implementazione: 1,5 ore.
Ti consigliamo di seguire tutti i passaggi e implementare questa strategia da zero nel tuo account, ma se hai bisogno di una via rapida, nella Directory dei Modelli di Workflow è disponibile il modello Iscrizione push usando notifica del browser, con cui puoi lavorare.
Riassunto della lezione
In questa lezione imparerai:
- Come creare un contenuto inline e inserirlo nel tuo sito web.
- Come creare una notifica push con l’Editor di notifiche push.
- Come utilizzare il nodo "Mostra push" per usare questo canale di comunicazione.
Al termine della lezione, avrai creato nel tuo account:
La strategia di acquisizione push che contiene questo workflow, tramite cui invierai ai tuoi visitatori un inline nativo del browser affinché si iscrivano a questo canale di comunicazione, che potrai sfruttare nelle campagne future.
Considerazioni preliminari
In questa lezione si crea un contenuto inline invisibile, che attiverà una richiesta di iscrizione alle notifiche push per quei visitatori che non le hanno attive. Perché funzioni, devi aver configurato il ServiceWorker nel tuo processo di integrazione con Connectif. Se non l’hai fatto, alla fine di questo articolo troverai documentazione su come configurare il canale push.
Ogni browser mostrerà la notifica in modo diverso, quindi il suo aspetto non può essere modificato, come invece avviene per altri contenuti web di tipo inline.
Configurazione della strategia
PASSO 0. Creazione del workflow
Come creare il workflow per questa strategia
1. Nel tuo account Connectif, clicca su "Workflows > Crea nuovo Workflow" e poi su Crea Workflow vuoto.
2. Clicca su (Modifica) e assegnagli il nome "Iscrizione push utilizzando notifica del browser".
3. Clicca su Applica per salvare il nuovo nome del tuo workflow.
PASSO 1. Nodo "Inizio"
Come configurare il Nodo "Inizio" per questa strategia
(Questo nodo stabilisce il pubblico a cui sarà rivolto il workflow).
4. Clicca su (Modifica configurazione nodo) del nodo “Inizio”.
5. In Seleziona una restrizione, seleziona "Tutta la mia lista".
6. In Seleziona la fonte dati, seleziona "Tutti gli esistenti e i nuovi".
7. Clicca su Aggiorna.
In questo passaggio abbiamo indicato a Connectif che il workflow si attivi per tutti i contatti che visitano il sito, sia nuovi che esistenti.
PASSO 2. Nodo "Alla visita della pagina"
Come configurare il Nodo "Alla visita della pagina" per questa strategia
(Questo nodo farà sì che la successiva azione del workflow, in questo caso inviare l’inline di iscrizione alle notifiche push, si attivi quando un contatto visita il tuo sito).
8. Nel menu di selezione nodi, vai a "Trigger > Web" e trascina il nodo "Alla visita della pagina" nell’editor, collegandolo al nodo "Inizio".
9. Clicca su (Modifica configurazione nodo) del nodo “Alla visita della pagina”.
10. Clicca su Limitazioni e disattiva la casella "Disattiva dopo l’attivazione".
11. Clicca su Aggiorna.
In questo passaggio abbiamo indicato a Connectif che, nel momento in cui un contatto visita qualsiasi pagina del sito da qualsiasi dispositivo, passi all’azione successiva.
PASSO 3. Nodo "Controlla valore"
Come configurare il Nodo "Controlla valore" per questa strategia
(Questo nodo controllerà se i tuoi visitatori sono iscritti alle tue notifiche push, per non inviare loro l’inline nel caso lo siano già).
12. Nel menu di selezione nodi, vai a "Condizioni > Sistema" e trascina il nodo "Controlla valore" nell’editor, collegandolo al nodo "Alla visita della pagina".
13. Clicca su (Modifica configurazione nodo) del nodo “Controlla valore”.
14. Trascina il campo "Ha iscrizioni push" da "Contatto" verso il blocco di sinistra.
15. In Operatore, seleziona "È uguale a".
16. Trascina il campo "Literal" nel blocco di destra e lascia la casella su "Sì", per indicare a Connectif che lo stato di iscrizione alle push deve essere "Sì" nella scheda del contatto.
17. Clicca su Aggiorna.
In questo passaggio abbiamo indicato a Connectif di controllare se i visitatori hanno il campo di iscrizione alle notifiche push impostato su "Sì". Se non sono iscritti, il flusso continuerà e verrà loro inviata la notifica di iscrizione. Se il contatto è iscritto, la strategia si fermerà.
PASSO 4. Nodo "Invia contenuto web"
Come funziona il contenuto web di tipo inline
Il contenuto web di tipo "Inline" viene inserito all’interno della pagina, senza bisogno di modificare il codice né alterare la struttura. Serve per mostrare contenuti personalizzati o codice HTML in qualsiasi punto del sito.
Viene impaginato nell’Editor di contenuti, quindi non sono necessarie conoscenze di programmazione per crearlo.
Un inline genera statistiche relative alle sue visualizzazioni, interazioni e partecipazione al processo di acquisto.
Come configurare il contenuto web di tipo inline per questa strategia
(In questo passaggio creerai l’inline di acquisizione utenti per le notifiche push).
18. Nel menu di selezione nodi, vai a "Azioni > Web" e trascina il nodo "Invia contenuto web" nell’editor, collegandolo al nodo "Controlla valore".
19. Nell’unione di questo nodo con il nodo "Controlla valore", clicca sul cerchio finché non appare "No".
20. Clicca su (Modifica configurazione nodo) del nodo “Invia contenuto web” e Crea nuovo contenuto per generare un nuovo contenuto.
21. Creando un nuovo contenuto, seleziona come tipo Inline, assegnagli un nome, per esempio "Notifica nativa push", e clicca su Crea nuovo contenuto.
22. Aggiungi un componente di tipo HTML e modificalo copiando e incollando il seguente frammento di codice:
<script>
connectif.subscribeToPushNotifications(function (error){
if (!error){
connectif.managed.sendEvents([]);
}
});
</script>
23. Clicca su Salva per conservare le modifiche nel design e su Torna al selettore per tornare e completare la configurazione del nodo.
Come configurare il Nodo "Invia contenuto web" per questa strategia
(Questo nodo mostrerà l’inline di conferma della ricezione delle push ai contatti che non sono iscritti).
24. Una volta selezionato il contenuto Inline, clicca su Avanti.
25. In Configurazione aggiungi il selettore adatto per mostrare il contenuto. In questo caso, è consigliabile includere il contenuto in un elemento visibile in tutte le pagine, per esempio nel footer. Nelle lezioni successive verrà spiegato come trovare il selettore adatto per inserire qualsiasi inline.
26. In Limitazioni, crea una limitazione esterna in Limitazione ad altri nodi, per farlo:
Nel menu a tendina Seleziona nodo, scegli l’opzione "Alla visita della pagina" per limitare questo nodo.
In Seleziona il tipo di limitazione, scegli l’opzione "Disattiva per un periodo di tempo" e scrivi “1” nel campo “Giorno".
Clicca su Aggiungi limitazione esterna per salvare la configurazione.
27. Clicca su Termina.
In questo passaggio abbiamo indicato a Connectif di inviare l’inline di iscrizione appena creato ai visitatori che arrivano a questa parte del flusso. Con le limitazioni, questo inline verrà inviato solo una volta al giorno se i contatti non sono iscritti.
PASSO 5. Nodo "Alla iscrizione a push"
Come funziona il Nodo "Alla iscrizione a push"
Questo nodo si usa per reagire nel momento in cui un contatto si iscrive alle notifiche push. L’interfaccia del nodo non ha configurazioni.
Come configurare il Nodo "Alla iscrizione a push" per questa strategia
(Questo nodo farà sì che la successiva azione del workflow, in questo caso inviare una notifica push di benvenuto, si attivi quando un contatto accetta di ricevere queste comunicazioni).
28. Nel menu di selezione nodi, vai a "Trigger > Web" e trascina il nodo "Alla iscrizione a push" nell’editor, collegandolo al nodo "Invia contenuto web".
29. Clicca su (Modifica configurazione nodo) del nodo “Alla iscrizione a push”.
30. In Limitazioni, disattiva la casella "Disattiva dopo l’attivazione" e, in "Disattiva temporaneamente dopo evento", scrivi “1” nel campo “Giorno".
31. Clicca su Aggiorna.
In questo passaggio abbiamo indicato a Connectif che, una volta che il contatto si iscrive alle notifiche push, si attivi il passo successivo del workflow.
PASSO 6. Nodo "Mostra push"
Come funziona il nodo "Mostra push"
Questo nodo si usa per mostrare una notifica push specifica ai contatti che arrivano a quella parte del workflow. Nell’interfaccia del nodo si configurano, passo dopo passo, tutti gli aspetti relativi alla notifica da mostrare:
- Configurazione della notifica. Per selezionare una notifica push precedentemente creata o configurarne una nuova nell’editor di notifiche web push. In questo passaggio si può anche stabilire una data di scadenza per la notifica.
- Configurazione di campi e valori. Per assegnare o modificare i valori delle variabili incluse nella notifica push.
Come funzionano le notifiche push
Le notifiche web push sono messaggi istantanei e completamente personalizzabili che i contatti ricevono sui loro dispositivi. Questa comunicazione immediata e personalizzata permette di impattare gli utenti nel momento e nei luoghi giusti per aumentare i tassi di conversione, anche quando non visitano il sito.
Si impaginano nell’Editor di notifiche push, quindi non sono necessarie conoscenze di programmazione per crearle.
Come configurare la notifica push per questa strategia
(In questo passaggio creerai la notifica push di benvenuto per i contatti che hanno accettato l’iscrizione).
32. Nel menu di selezione nodi, vai a "Azioni > Web" e trascina il nodo "Mostra push" nell’editor, collegandolo al nodo "Alla iscrizione a push".
33. Clicca su (Modifica configurazione nodo) del nodo “Mostra push”. Clicca Crea nuovo contenuto o (opzionale) su Modifica per modificare una notifica esistente.
34. Creando una nuova notifica, nel pannello Strumenti, clicca sulla scheda Generale per modificare i parametri dell’aspetto generale della tua notifica.
35. In Generale, modifica le opzioni di creazione e design della tua push.
In Titolo della notifica, aggiungi il nome che apparirà nella parte superiore del messaggio.
In Messaggio della notifica, aggiungi il corpo del testo.
In Aggiungi un URL per il reindirizzamento, configura la pagina a cui verranno inviati i contatti quando cliccheranno sulla notifica. Deve essere un link assoluto. Se si seleziona la scheda "chiudi al clic", la notifica si chiuderà quando il contatto ci cliccherà sopra.
-
In URL delle immagini, configura i tre tipi di immagine che l’editor consente
URL dell’icona: è l’immagine che appare nell’angolo superiore sinistro, come icona.
URL dell’immagine: è l’immagine principale. Viene mostrata nel template occupando la metà inferiore della notifica.
URL dell’icona del vassoio notifiche: è l’immagine che apparirà nel vassoio notifiche del dispositivo su cui ricevi la push.
36. Nella sezione Versione compatta, configura come apparirà questa notifica nell’angolo dello schermo del browser.
- In Messaggio compatto, aggiungi il corpo del testo che apparirà nella finestra emergente.
- In URL dell’icona compatta, aggiungi l’immagine che apparirà nell’angolo superiore sinistro come icona.
37. (Opzionale). Aggiungi variabili a qualsiasi campo, sia nella versione completa che compatta. Per farlo:
- Clicca su (Definisci una variabile dinamica) nel punto dove vuoi inserire la variabile. In questo esempio, creeremo una variabile per il titolo della notifica.
- Assegna un nome alla variabile per distinguerla. In questo esempio, le assegneremo l’identificatore "Name".
- In Valore predefinito, aggiungi il valore che vuoi che la variabile assuma quando non c’è alcun dato memorizzato nel campo corrispondente. In questo esempio, le assegneremo il valore predefinito "Hello".
- Clicca su Accetta per salvare le modifiche alla variabile.
38. Clicca su Anteprima per rivedere il risultato finale della tua notifica, e/o su Anteprima compatta per rivedere il risultato in versione compatta.
39. Clicca su Salva per conservare le modifiche nel design e su Torna all’elenco dei contenuti per tornare e completare la configurazione del nodo.
Come configurare il nodo "Mostra push" per questa strategia
(Questo nodo invierà la notifica push di benvenuto).
40. Seleziona la web push creata nel passaggio precedente e clicca su Avanti.
41. (Opzionale). Se hai creato variabili per il tuo contenuto, collegale ai campi di Connectif selezionando dalla colonna di sinistra il campo corrispondente e assegnandolo alla variabile. In questo esempio, il campo "Nome" sarà quello che darà valore alla variabile "Name".
42. Clicca su Termina.
In questo passaggio abbiamo indicato a Connectif di inviare una notifica push di benvenuto ai contatti una volta che si iscrivono.
Risultato
Dopo aver completato i passaggi, avrai creato la tua strategia di acquisizione push usando la notifica del browser, che verrà inviata ai visitatori che non hanno questo canale attivato per invitarli a iscriversi alle tue notifiche push. Una volta iscritti, invierai loro una notifica di benvenuto.
Continua il tuo percorso
Ora che hai completato questa lezione, continua con la successiva, in cui creerai nel tuo account un Funnel di carrello abbandonato.
Complimenti!
Sei arrivato alla fine della lezione.
Torna al corso
Accedi all’indice completo del corso e alla spiegazione di ogni lezione in questo link.
Letture correlate
Se vuoi approfondire alcuni degli apprendimenti acquisiti in questa lezione, puoi accedere alla documentazione della guida:
- Contenuto web di tipo inline, per imparare come funziona questo contenuto, che puoi modificare dall’Editor di contenuti web, che hai imparato a usare nella prima lezione.
- Configurare notifiche web push, per assicurarti di aver integrato in Connectif l’invio di notifiche push.
- Segmento statico, per imparare a creare un segmento di prova con cui testare i tuoi workflow.