Dans cette leçon, vous apprendrez et implémenterez le workflow contenant une stratégie d’acquisition push, dont l’objectif est d’inciter vos visiteurs à s’inscrire à ce canal de communication.
Tirez profit du canal push pour obtenir un plus grand volume de contacts via ces notifications du navigateur.
Objectif : Acquisition.
Eléments utilisés : Notification push, inline.
Durée de mise en œuvre : 1,5 heure.
Nous vous recommandons de suivre toutes les étapes et de mettre en œuvre cette stratégie à partir de zéro dans votre compte. Si vous avez besoin d’une solution rapide, le Répertoire des Modèles de workflows met à votre disposition le modèle d’Abonnement push avec notification du navigateur, avec lequel vous pouvez travailler.
Résumé de la leçon
Dans cette leçon, vous apprendrez :
- Comment créer un contenu inline et l’insérer dans votre site web.
- Comment créer une notification push avec l’éditeur de notifications push.
- Comment utiliser le nœud « Afficher push » pour utiliser ce canal de communication.
A la fin de la leçon, vous aurez créé dans votre compte :
La stratégie d’acquisition push contenue dans ce workflow, à travers laquelle vous enverrez à vos visiteurs un inline natif du navigateur afin qu’ils s’abonnent à ce canal de communication, dont vous pourrez tirer partie dans les futures campagnes.
Considérations préliminaires
Cette leçon permet de créer un contenu inline invisible qui déclenchera une demande d’abonnement aux notifications push pour les visiteurs qui ne les ont pas activées.
Chaque navigateur affichera la notification d’une manière différente, de sorte que son aspect ne peut pas être modifié, comme tout autre contenu web type inline.
Configuration de la stratégie
ÉTAPE 0. Création du workflow
Comment créer le workflow pour cette stratégie
1. Dans votre compte Connectif, cliquez sur « Workflows > Créer nouveau Workflow » puis sur Créer un workflow vierge.
2. Cliquez sur (Édition) et donnez-lui le nom « Abonnement push avec notification du navigateur ».
3. Cliquez sur Appliquer pour enregistrer le nouveau nom de votre workflow.
ÉTAPE 1. Nœud « Démarrage »
Comment configurer le nœud « Démarrage » pour cette stratégie
(Ce nœud déterminera l’audience cible du workflow).
4. Cliquez sur (Modifier configuration de nœud) du nœud « Démarrage ».
5. Dans Sélectionnez une restriction, cochez « Toute ma liste » et sélectionnez l’option « Contacts avec e-mail » dans le menu déroulant.
6. Dans Sélectionnez la source de données, cochez « Toutes celles qui existent et les nouvelles ».
7. Cliquez sur Mettre à jour.
Dans cette étape, nous avons indiqué à Connectif que le workflow doit être activé pour tous les contacts qui visitent le site web, qu’ils soient nouveaux ou existants.
ÉTAPE 2. Nœud « Lors de la visite de la page »
Comment configurer le nœud « Lors de la visite de la page » pour cette stratégie
(Ce nœud provoquera l’activation de l’action du workflow lorsqu’un contact visite votre site web. Il s’agira dans ce cas de l’envoi de l’inline d’abonnement aux notifications push).
8. Dans le menu de sélection des nœuds, allez dans « Déclencheurs > Web » et faites glisser le nœud « Lors de la visite de la page » dans l’éditeur afin qu’il se connecte au nœud « En cliquant dans e-mail ».
9. Cliquez sur (Modifier configuration de nœud) dans le nœud « Lors de la visite de la page ».
10. Cliquez sur Limitations et décochez la case « Désactiver après déclenchement ».
11. Cliquez sur Mettre à jour.
Dans cette étape, nous avons demandé à Connectif de passer à l’action suivante lorsqu’un contact visite une page du site web à partir de n’importe quel dispositif.
ÉTAPE 3. Noeud « Vérifier valeur »
Comment configurer le nœud « Vérifier valeur » pour cette stratégie
(Ce nœud vérifiera si vos visiteurs sont abonnés à vos notifications push, afin de ne pas leur envoyer d’inline s’ils les ont déjà activées).
12. Dans le menu de sélection des nœuds, allez dans « Conditions > Système » et faites glisser le nœud « Vérifier valeur » dans l’éditeur, afin qu’il se connecte au nœud « Lors de la visite de la page » .
13. Cliquez sur (Modifier configuration de nœud) du nœud « Vérifier valeur ».
14. Faites glisser le champ « A des abonnements push » de « Contact » vers le bloc de gauche.
15. Dans Opérateur, sélectionnez « Est égal à ».
16. Faites glisser le champ « Littéral » vers le bloc de droite et ne modifiez pas la case « Oui », pour indiquer à Connectif que l’état d’abonnement push doit être « Oui » dans la fiche du contact.
17. Cliquez sur Mettre à jour.
Dans cette étape, nous avons demandé à Connectif de vérifier si le champ d’abonnement aux notifications push des visiteurs affiche « Oui ». Dans le cas où ils ne seraient pas abonnés, le flux se poursuivra et la notification d’abonnement leur sera envoyée. Si le contact est abonné, la stratégie sera interrompue.
ÉTAPE 4. Nœud « Envoyer contenu web »
Comment fonctionne le contenu web de type inline
Le contenu web de type « inline » apparaît sous forme d’insertion dans la page, sans requérir la modification de son code, ni altération de sa structure. Il est utilisé pour afficher du contenu personnalisé ou du code HTML n’importe où sur le site web.
Il est intégré à l’Éditeur de contenu. Aucune connaissance particulière en matière de programmation n’est donc requise pour le créer.
Un inline génère des statistiques liées aux visualisations, interactions et à la participation au processus d’achat.
Comment configurer le contenu web de type inline pour cette stratégie
(Dans cette étape, vous allez créer l’inline d’acquisition d’utilisateurs pour les notifications push).
18. Dans le menu de sélection des nœuds, allez dans « Actions > Web » et faites glisser le nœud « Envoyer contenu web » dans l’éditeur afin qu’il se connecte au nœud « Vérifier valeur » .
19. Cliquez sur (Modifier configuration de nœud) et Créer nouveau contenu pour générer un nouveau contenu.
20. Lors de la création d’un nouveau contenu, sélectionnez Inline en tant que type, donnez-lui un nom, par exemple « Notification native push », puis cliquez sur Créer nouveau contenu.
21. Ajoutez un composant de type HTML et modifiez-le en copiant et en collant le fragment de code suivant :
<script>
connectif.subscribeToPushNotifications(function (error){
if (!error){
connectif.managed.sendEvents([]);
}
});
</script>
22. Cliquez sur Enregistrer pour conserver vos modifications dans la création et sur Retourner au sélecteur pour revenir en arrière et terminer la configuration du nœud.
Comment configurer le nœud « Envoyer contenu web » pour cette stratégie
(Ce nœud affichera l’inline de confirmation de la réception de la push aux contacts qui ne sont pas abonnés).
23. Après avoir sélectionné le contenu Inline, cliquez sur Suivant .
24. Dans Configuration, ajoutez le sélecteur approprié pour afficher le contenu. Dans ce cas, il est recommandé d’inclure le contenu dans un élément qui s’affiche sur toutes les pages, par exemple dans le pied de page. Les leçons suivantes expliqueront comment trouver le bon sélecteur pour insérer n’importe quel inline.
25. Dans Limitations, l’une des sections affichées est « Ajouter limitation externe ». Saisissez « 1 » dans le champ « Jour » pour le nœud « Lors de la visite de la page ».
26. Cliquez sur Terminer .
27. Au niveau de l’union de ce nœud avec le nœud « Vérifier valeur » cliquez sur le cercle jusqu’à ce que « Non » apparaisse.
Dans cette étape, nous avons demandé à Connectif d’envoyer l’inline d’abonnement que nous venons de créer aux visiteurs arrivant à cette partie du flux. Avec les limitations, cet inline ne sera envoyé qu’une fois par jour si les contacts ne sont pas abonnés.
ÉTAPE 5. Nœud « Lors d’abonnement à push »
Comment fonctionne le nœud « Lors de l’abonnement à push »
Ce nœud permet de réagir lorsqu’un contact s’abonne aux notifications push. L’interface du nœud n’a pas de configuration.
Comment configurer le nœud « Lors de l’abonnement à push » pour cette stratégie
(Ce nœud provoquera l’activation de l’action du workflow lorsqu’un contact accepte de recevoir ces communications. Il s’agira dans ce cas de l’envoi d’une notification push de bienvenue).
28. Dans le menu de sélection des nœuds, allez dans « Déclencheurs > Web » et faites glisser le nœud « Lors de l’abonnement à push » dans l’éditeur, afin qu’il se connecte au nœud « Envoyer contenu web ».
29. Cliquez sur (Modifier configuration de nœud) dans le nœud « Lors de l’abonnement à push ».
30. Dans Limitations, l’un des champs affichés est « Désactiver temporairement après événement ». Saisissez « 1 » dans le champ « Jour ».
31. Cliquez sur Mettre à jour.
Dans cette étape nous avons demandé à Connectif d’activer l’étape de workflow suivante, une fois que le contact s’est abonné aux notifications push.
ÉTAPE 6. Nœud « Afficher push »
Comment fonctionne le nœud « Afficher push »
Ce nœud est utilisé pour afficher une notification push spécifique aux contacts qui atteignent cette partie du workflow. L’interface du nœud permet de configurer pas à pas tous les aspects en relation avec la notification qui sera affichée :
- Configuration de la notification. Pour sélectionner une notification push précédemment créée ou en configurer une nouvelle dans l’éditeur de notifications web push. Dans cette étape, vous pouvez également définir une date d’expiration pour la notification.
- Configuration des champs et des valeurs. Pour affecter ou modifier les valeurs des variables de l’e-mail.
Comment fonctionnent les notifications push
Les notifications web push sont des messages instantanés entièrement personnalisables que les contacts reçoivent sur leurs dispositifs. Cette communication immédiate et individualisée permet de créer un impact sur les utilisateurs au bon moment et au bon endroit pour augmenter les taux de conversion, même lorsqu’ils ne visitent pas le site web.
Elles sont conçues dans l’Éditeur de notifications push. Aucune connaissance en programmation n’est donc requise pour les créer.
Comment configurer la notification push pour cette stratégie
(Dans cette étape, vous allez créer la notification push de bienvenue destinée aux contacts qui ont validé leur abonnement).
32. Dans le menu de sélection des nœuds, allez dans « Actions > Web » et faites glisser le nœud « Afficher push » dans l’éditeur, afin qu’il se connecte au nœud « Lors de l’abonnement à push ».
33. Cliquez sur (Modifier configuration de nœud) du nœud « Afficher push » Cliquez sur Créer nouveau contenu.
34. Lors de la création d’une nouvelle notification, dans le panneau Outils, cliquez sur l’onglet Général pour modifier les paramètres d’aspect général de votre notification.
35. Cliquez sur l’onglet Contenu pour accéder aux options de création et de conception de votre push.
- Dans Titre de la notification, ajoutez le nom qui apparaîtra sur la partie supérieure du message.
- Dans Message de la notification, ajoutez le corps du texte.
- Dans Ajouter une URL pour rediriger, définissez la page vers laquelle les contacts seront envoyés lorsqu’ils cliqueront sur la notification. Il doit s’agir d’un lien absolu. Si vous cochez l’onglet « Fermer en cliquant », la notification se fermera lorsque le contact cliquera dessus.
- Dans URL d’image, définissez les trois types d’image autorisés par l’éditeur.
- URL de l’icône : il s’agit de l’image qui apparaît dans le coin supérieur gauche, sous forme d’icône.
- URL de l’image : il s’agit de l’image mise en valeur. Elle est affichée dans le modèle et occupe la moitié inférieure de la notification.
- URL de l’icône de la boite de réception de notifications : il s’agit de l’image qui apparaîtra dans la boite de réception des notifications du dispositif qui reçoit la push.
36. Dans l’onglet Version compacte, configurez la façon dont cette notification apparaîtra dans l’angle de l’écran du navigateur.
- Dans Message compact, ajoutez le corps du texte qui apparaîtra dans la fenêtre contextuelle.
- Dans URL de l’icône compact, ajoutez l’image qui apparaîtra dans l’angle supérieur gauche en tant qu’icône.
37. (En option) Ajoutez des variables à n’importe lequel des champs, à la fois dans la version complète et la version compacte. Pour cela :
- Cliquez sur (Définir une variable dynamique) à l’endroit où vous souhaitez inclure la variable. Dans cet exemple, nous allons créer une variable pour le titre de la notification.
- Attribuez un nom à la variable pour la distinguer. Dans cet exemple, nous lui attribuerons l’identifiant « Name ».
- Dans Valeur par défaut, ajoutez la valeur que vous souhaitez que la variable acquière lorsqu’aucune donnée n’est stockée dans le champ correspondant. Dans cet exemple, nous allons attribuer la valeur par défaut « Hello ».
- Cliquez sur Accepter pour enregistrer les modifications apportées à la variable.
38. Cliquez sur Prévisualiser pour vérifier le résultat final de votre notification, et/ou sur Prévisualiser version compacte pour vérifier le résultat dans une version compacte.
39. Cliquez sur Enregistrer pour conserver vos modifications dans la création et sur Retourner au sélecteur pour revenir en arrière et terminer la configuration du nœud.
Comment configurer le nœud « Afficher push » pour cette stratégie
(Ce nœud va envoyer la notification push de bienvenue).
40. Sélectionnez la page web push créée à l’étape précédente et cliquez sur Suivant .
41. (En option) Si vous avez créé des variables pour votre contenu, associez-les aux champs de Connectif en sélectionnant le champ auquel elles correspondent dans la colonne de gauche et en l’affectant à la variable. Dans cet exemple, le champ « Nom » donnera la valeur à la variable « Name ».
42. Cliquez sur Terminer .
Dans cette étape, nous avons demandé à Connectif d’envoyer une notification push de bienvenue aux contacts qui se sont abonnés.
Résultat
Après accomplissement de ces étapes, vous aurez créé votre stratégie d’acquisition push à l’aide de la notification du navigateur. Elle sera envoyée aux visiteurs qui n’ont pas activé ce canal pour les inviter à s’abonner à vos notifications push. Après validation de leur abonnement, vous leur enverrez une notification de bienvenue.
Continuez votre parcours
Maintenant que vous avez terminé cette leçon, passez à la suivante. Elle vous permettra de créer un Funnel de panier abandonné dans votre compte.
Félicitations !
Vous avez terminé la leçon.
Retour au cours
Accédez à l’index complet du cours et à l’explication de chaque leçon en cliquant sur ce lien.
Information associée
Si vous souhaitez approfondir certains des apprentissages de cette leçon, vous pouvez accéder à la documentation du guide :
- Contenu web type inline, pour savoir comment fonctionne ce contenu, ce que vous pouvez modifier à partir de l’éditeur de contenu web que vous avez appris à utiliser dans la première leçon.
- Configurer les notifications web push, pour vous assurer que vous avez intégré l’envoi de notifications push dans votre compte Connectif.
- Segment statique, pour apprendre à créer un segment de test qui vous servira à tester vos workflows.