Configurer les notifications push web sur VTEX

La deuxième étape pour intégrer votre compte Connectif avec votre boutique VTEX Legacy, consiste à configurer les Notifications Push Web de Connectif. Ainsi, vous pourrez commencer à créer des workflows demandant aux utilisateurs de s'abonner à vos notifications push.

Dans cet article, vous apprendrez comment configurer les notifications push web avec VTEX Legacy.

 
Temps d'implémentation : 15 min.
Difficulté : Faible.
Quand l'utiliser : Lors de l'ouverture de votre compte sur Connectif.

 

ÉTAPE 1. Téléchargement du ServiceWorker

 

Pour que Connectif puisse gérer les abonnements push et afficher des notifications, il est nécessaire que la boutique rende public son fichier ServiceWorker depuis son propre domaine.
Retrouvez plus d'informations sur le ServiceWorker et son fonctionnement dans cet article.

1. Accédez à Configuration de la boutique dans le menu latéral gauche et, dans le sélecteur d'onglet, allez à "Canaux > Notifications Push Web".

2. Allez à l'onglet Notifications Push et cliquez sur    Télécharger.

Configurer les notifications push web 2023 - 01-min (1).png

3. Enregistrez le fichier service-worker.js sur votre ordinateur.

 

ÉTAPE 2. Installation du ServiceWorker sur la boutique VTEX Legacy

 

Pour installer le ServiceWorker sur votre boutique, suivez les étapes de la documentation de VTEX.

4. Depuis le portail admin de votre boutique VTEX, accédez à "Configuration de la boutique > Checkout" et cliquez sur    (Paramètres).

 

Ne fermez pas cette fenêtre, vous en aurez besoin plus tard.

Configurer_les_notifications_push_dans_VTEX_LEGACY_-_3.png

5. Dans l'onglet Code, ajoutez un nouveau fichier en cliquant sur Nouveau > Charger un fichier.

Configurer_les_notifications_push_dans_VTEX_LEGACY_-_4.png

6. Entrez le nom "service-worker.js" et localisez le fichier téléchargé depuis Connectif sur votre ordinateur.

Configurer_les_notifications_push_dans_VTEX_LEGACY_-_5.png

7. Cliquez sur    Enregistrer .

Configurer_les_notifications_push_dans_VTEX_LEGACY_-_6.png

 

ÉTAPE 3. Configuration du canal push dans Connectif

8. Retournez à la section de Connectif où vous avez téléchargé le fichier (étape 1) et entrez votre URL dans le champ URL du ServiceWorker.

  

Cette URL doit avoir le format suivant : https://DOMAINEDEVOTREBOUTIQUE/files/service-worker.js

Configurer les notifications push web 2023 - 02-min (1).png

9. Cliquez sur    Enregistrer.

 

 

Succès !
La configuration des notifications push web sur votre boutique est maintenant terminée.

 


Continuez à apprendre !

Pour tirer le meilleur parti de votre compte Connectif, nous vous recommandons de consulter les articles suivants :

Cet article vous a-t-il été utile ?
Utilisateurs qui ont trouvé cela utile : 0 sur 0