Configuration du canal de notification push web

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.

Configurer les notifications web push 2023 - 01-min.png

  

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.

Configurer les notifications web push 2023 - 02-min.png

 

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.

Configurer les notifications web push - 4 - lite.png

  

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.

Comment configurer les notifications web push - 9.png

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. 

Comment configurer les notifications web push - 10.png

 

 

 

 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 :