Les notifications web push sont des messages instantanés et entièrement personnalisables que les contacts reçoivent sur leurs appareils. Cette communication immédiate et individualisée permet d'impacter les utilisateurs au bon moment et aux bons endroits pour augmenter les taux de conversion, même lorsqu'ils ne visitent pas le site web.
Dans cet article, vous apprendrez comment configurer les notifications web push.
Temps de mise en œuvre : 10 minutes.
Difficulté : Moyenne
Quand l'utiliser : Lorsque vous souhaitez intégrer dans Connectif l'envoi de notifications web push à vos contacts.
Les notifications web push lancées depuis Connectif fonctionnent sur les navigateurs et les versions qui prennent en charge l'API PUSH. Cela inclut les navigateurs les plus utilisés sur le marché : Chrome, Firefox ou Edge (Chromium). Cependant, les notifications web push ne sont pas prises en charge sur Safari ni sur les appareils mobiles iPhone.
Pour consulter la liste complète, cliquez ici.
ÉTAPE 1. Configurer le ServiceWorker
1. Accédez à Configuration de la boutique dans le menu latéral gauche.
2. Dans le sélecteur d'onglets, allez à "Canaux > Notifications Web Push".
3. Cliquez sur Télécharger.
Un fichier ServiceWorker (comme le "service-worker.js" du téléchargement) est un script JavaScript exécuté par le navigateur en arrière-plan. Grâce à son utilisation, certains processus du site web continuent de fonctionner même si l'utilisateur a fermé le navigateur ou ne l'a pas encore ouvert.
4. Téléchargez le fichier sur votre serveur et copiez le chemin.
5. Saisissez le chemin du ServiceWorker dans la section URL du ServiceWorker.
Pour le bon fonctionnement des notifications web push, il est nécessaire que le domaine de votre boutique ou site web soit en HTTPS.
6. Cliquez sur Enregistrer.
ÉTAPE 2. Vérifier la configuration
1. Dans un nouvel onglet ou une nouvelle fenêtre, accédez à l'URL du ServiceWorker.
Si l'URL est correcte, le navigateur affichera l'extrait de code définissant le ServiceWorker.
2. Ouvrez la console des outils de développement (DevTools) du navigateur.
Tous les navigateurs disposent d'un menu pour ouvrir DevTools. Voici des indications pour l'ouvrir dans Google Chrome (navigateur utilisé dans notre exemple), Mozilla Firefox, Microsoft Edge et Safari.
En alternative, si vous utilisez Chrome, Firefox ou Edge, vous pouvez utiliser le raccourci clavier F12.
3. Dans la fenêtre des outils de développement, cliquez sur Application.
4. Dans le menu de la colonne de gauche, sélectionnez Service Workers.
5. Vérifiez que l'état du ServiceWorker est "actif et en cours d'exécution". De plus, le voyant à côté de Status sera de couleur verte.
Succès !
Les notifications web push sont prêtes à être utilisées dans vos stratégies.
Continuez à apprendre !
Pour exploiter tout le potentiel de votre compte Connectif, nous vous recommandons de consulter les articles suivants :
- Éditeur de notifications web push, pour concevoir le contenu de vos notifications web push.
- Abonnement push avec notification du navigateur, pour lancer la notification d'abonnement web push du navigateur sans envoyer de contenu web.
-
Demander l'abonnement aux notifications web push avec un popup, pour créer une stratégie qui abonne les contacts via un popup.
-
Abonnement à push avec slide-in, pour créer une stratégie qui abonne les contacts via un slide-in.