Webmecanik Automation vous permet d’envoyer des notifications Web à vos contacts. Ces notifications gérées par les navigateurs permettent d’informer un contact sans qu’il soit directement sur votre site. Cela permet donc d’atteindre des visiteurs sans qu’ils aient nécessairement besoin de repasser sur votre site et surtout sans avoir besoin d’envoyer un email.
Ces notifications passent par le navigateur de vos contacts. Elles se présentent sous la forme d’un petit encart comportant un message placé à différents endroits selon votre navigateur et votre système d’exploitation.
Pour envoyer ces notifications depuis Webmecanik Automation vous devez configurer le plug-in One Signal puis créer vos notifications au travers de campagnes pour les envoyer.
Il est important de noter que les notifications ne seront visibles qu’aux contacts ayant explicitement accepté les notifications dans leur navigateur et souscrit aux notifications de votre site.
Notez que les paramètres du système d’exploitation, notamment sous Windows 10 peuvent bloquer les notifications.
Les notifications sont donc plus rapides que les emails et accessibles même si votre contact n’est pas sur votre site ou ne consulte pas sa boite email. La contrepartie est qu’il n’est pas possible de personnaliser l’apparence d’une notification, elle apparaîtra selon les critères du navigateur et/ou du système d’exploitation.
Il faut donc d’abord configurer le plugin OneSignal pour commencer :
CONFIGURATION ONESIGNAL :
NOTE : Onesignal n’est disponible qu’en Anglais, cet article vous montre la configuration
pas à pas.
Pour cela commencez par créer un compte OneSignal sur :
https://onesignal.com/
Une fois votre compte créé vous arrivez sur le “Dashboard” (tableau de bord) de Onesignal
Cliquez sur le bouton “New app/website” pour commencer la configuration
Vous arrivez sur la première page :
Ici, entrez simplement le nom de votre site web.
Ensuite choisissez la plateforme. Nous traitons ici de notifications de Web, il faut donc sélectionner Web Push.
Puis cliquez sur le bouton “Next: Configure Your Plateform”
1. Sur cette page vous allez activer les notifications sur votre site web
Tout d’abord choisissez le type de configuration correspondant à votre site :
Typical Site si vous possédez un site classique sans particularité
Wordpress Plugin or Website Builder si vous possédez un CMS commun (Wordpress, Shopify, joomla…)
Custom Code si votre site est particulier et demande une configuration personnalisée.
Si votre CMS n’est pas dans la liste (comme Prestashop) utilisez l’option “Typical Site”
Nous suivrons ici la configuration pour un site classique, la configuration pour les CMS implique l’installation d’un plugin directement sur votre site qui simplifie la configuration.
2. Descendez dans la page pour arriver au premier encart de configuration “Site Setup” :
- Ici nommez votre site et entrez son adresse.
- L’option auto resubscribe permet aux contacts inscrits de le rester et n’est disponible que pour les sites en https.
- Vous pouvez uploader votre propre icône qui apparaîtra sur les notifications.
- Enfin si votre site n’est pas totalement en Https, cochez la dernière case.
- Sauvegardez et passez à l’étape suivante
3. Configuration de la notification de permission
L’étape suivante consiste à créer votre notification de permission.
C’est la notification qui apparaitra directement dès qu’un visiteur se rendra sur votre site et qui l’invitera à autoriser les notifications futures.
Cliquez sur “Add a Prompt” pour créer cette notification
Sur cette page vous avez 3 choix de présentation pour la notification de permission :
Subscription Bell :
Le bouton de notification de Onesignal, un bouton rouge avec une icône de cloche au coin de votre page
Custom link :
Un lien de bouton personnalisable à intégrer directement dans votre page
Native Prompt (non recommandé) :
La requête de permission native du navigateur. Nous suggérons d’éviter la requête native pour un meilleur taux d’opt-in.
La “cloche” de notification est la méthode que nous recommandons car son symbole par à l’utilisateur habitué à voir les notifications indiquées ainsi dans de nombreuses applications/site web
Dans la partie en dessous vous pouvez régler la taille, la position et la couleur de l’élément choisi.
La partie de droite vous permet d’avoir un aperçu de vos choix.
Sauvegardez puis passez à l’étape suivante.
4. Affichez une notification de bienvenue :
Onesignal vous offre la possibilité d’afficher une notification de bienvenue qui sera affichée pour les visiteurs acceptant les notifications de votre site
Personnalisez le message puis valider. La partie droite vous offre là encore un aperçu de la notification.
Vous pouvez laisser les options avancées par défaut sauf si vous avez des besoins particuliers.
Sauvegardez et passez à l’étape suivante
5.Uploadez les fichiers “SDK Onesignal”
Cette étape vous permet de télécharger les fichiers SDK de Onesignal. Ces fichiers de configuration sont indispensables pour faire fonctionner Onesignal.
Une fois téléchargés vous devez les uploader à la racine du ftp de votre site (n’hésitez pas à vous faire aider de votre webmaster à cette étape). Il faut uploader directement les 3 fichiers contenus dans l’archive.
6. Insérez le script Onesignal sur les pages de votre site :
Enfin pour terminer cette configuration il vous faut désormais insérer le code présenté sur votre site.
Copiez bien ce code dans la balise <head> de chaque page de votre site.
La dernière section vous invite à allez sur votre site pour vérifier que la configuration est bien complète en souscrivant vous-même à ces notifications.
Vos notifications sont désormais fonctionnelles. Découvrez comment les créer et les envoyer depuis Webmecanik Automation dans la 2ème partie de ce guide.
Créez et envoyez vos notifications Web avec Webmecanik Automation
Une fois la configuration Onesignal terminée, vous pourrez activer le plugin Onesignal dans Automation pour accéder à de nouvelles options vous permettant de créer et d’envoyer des notifications web.
Ces notifications s’envoient via des campagnes sur Webmecanik Automation, il faudra donc créer les notifications mais aussi un segment dédié ainsi que des campagnes.
Activation du plugin :
Tout d’abord dans le tableau de bord de votre application Onesignal accédez au menu “Setting”:
Puis au menu Keys & Ids :
Ici copiez la Onesignal App ID et la Rest Api key.
Rendez-vous sur Automation, puis ouvrez le menu plugin via la roue cranté en haut à droite puis le menu latéral droit :
Dans ce menu Cherchez l’icone Onesignal et ouvrez le plugin :
Remplissez les champs avec les clés récupérées sur Onesignal.
(La clé Safari se récupère dans la configuration Safari de Onesignal)
La Clé partagée pour les notifications push est une clé standard pour tous les utilisateurs recopiez la clée indiquée ici : 482941778795
Le plugin Onesignal offre plusieurs fonctionnalités :
Si vous n’utilisez que les notifications web décochez “Notifications d’application mobile” qui ne vous serviront pas.
Onesignal permet également d’envoyer des notifications mobiles (via votre application).
Par défaut les notifications fonctionnent sur les pages traquées de votre site et les pages d'atterrissages.
Enfin vous pouvez choisir sur quelle plateforme mobile envoyer les notifications push le cas échéant.
Une fois les clés entrées et les fonctionnalités choisies, publiez le plugin, enregistrez et fermez.
L’activation du plugin va faire apparaître de nouvelles options dans la catégorie “canaux” du menu de gauche :
Cliquez sur Notification Web pour pouvoir créer vos notifications.
Vous arrivez sur la liste des notifications. Cliquez sur “Nouveau” en haut à droite pour créer une notification :
La notification est un élément simple à créer : donnez lui un nom, un titre et un message et le tour est joué.
Vous pouvez lui ajouter un lien cliquable également et ajouter des utm sur ce lien via les champs de droite.
Enfin le dernier champ permet de créer un bouton pour ce lien et de personnaliser le message du bouton (sur Chrome uniquement).
La partie de droite vous donne la preview de la notification (sans la mise en forme puisqu’elle est propre au navigateur).
Enregistrer votre notification et vous l’avez créée!
Envoyer les notifications :
Pour envoyer les notifications, deux éléments sont indispensables :
Le segment identifiant les contacts ayant souscrit à vos notifications via Onesignal.
La campagne qui va vous permettre d’envoyer votre notification selon les critères choisis.
Pöur créer le segment c’est simple, l’activation de Onesignal vous offre l’accès à un nouveau filtre de segments : “Notifications”
Ce filtre vous permet de regrouper tous les contacts qui ont activé les notifications sur votre site.
Créez le segment comme cela :
Vous pouvez désormais créer votre campagne :
Faites la démarrer depuis le segment créé précédemment.
Il vous suffit ensuite d’ajouter l’action “Envoyer une notification Web”
Choisissez la notification que vous avez créée et quand l’envoyer (immédiatement, à une date précise ou après un certain temps).
Une fois la campagne déclenchée la notification sera envoyée aux contacts inscrits aux notifications de votre site.
Voir les Notifications sur mobile :
Les notifications web sont également visible sur mobile au travers des navigateurs mobiles (Chrome, Firefox, Safari). il faut pour certains activer un type de notifications particulières dans les paramètres du navigateur :
Dans Chrome activez les notifications flottantes :
Vous trouverez ci-dessous 2 exemples de scénarios :
Scénario simple d’envoi d’une notification à une date donnée pour la sortie d’un nouvel article sur le site
Scénario de notifications pour des acheteurs du site qui n’ont pas acheté depuis 1 mois ou plus.
Commentaires
0 commentaire
Vous devez vous connecter pour laisser un commentaire.