La configuration de Push Web vous permet de relier Brevo à votre site web. Ainsi, vous pourrez gérer les campagnes Push Web de votre site web directement depuis Brevo.

L'objectif de cette configuration est également d'activer l'opt-in dans le navigateur pour les clients. Si les clients autorisent l'opt-in, ils recevront vos notifications Push Web lorsqu'ils visiteront votre site web. Si les clients bloquent l'opt-in, ils ne recevront plus jamais l'opt-in dans le navigateur, ni vos notifications Push web.

Nous avons créé une série d'articles pour vous aider à prendre en main l'envoi de campagnes Push Web :

• Que sont les notifications Push Web ?
• Partie 1 : configurer les notifications Push Web - VOUS ÊTES ICI
• Partie 2 : créer votre campagne Push Web
• Partie 3 : examiner et gérer votre campagne Push Web
• Résoudre les problèmess : pourquoi est-ce que je ne reçois pas les notifications Push Web ?

🔎 Étape 1 : détails du site web

1. Accédez à Campagnes et cliquez sur Créer une campagne. 
2. Choisissez Push web. 
3. Saisissez le nom de votre site web et le lien URL permettant d'accéder à la page d'accueil de votre site web.
   L'URL de votre site web doit suivre l'un des formats suivants :
   https://votresite.com ; https://www.votresite.com ; https://sous-domaine.votresite.com
   ❗️ Important

   Une fois que vous avez configuré le Push Web, vous ne pouvez pas changer l'URL de votre site. Cependant, vous pouvez accéder à la page Paramètres Push Web pour modifier votre opt-in, le nom du site web, le logo de l'entreprise, le suivi du code, etc.
   Pour en savoir plus, consultez notre article dédié Partie 3 : examiner et gérer votre campagne Push Web.
4. Facultatif : importez le logo de votre entreprise.
   Le logo de votre entreprise apparaîtra sur vos notifications Push Web. 
5. Cliquez sur Enregistrer.
   

👥 Étape 2 : collecte des abonnés

Cette étape consiste à installer un tracker pour relier votre site web à Brevo et collecter l'opt-in de vos visiteurs.

1. Choisissez une option d'installation.
   Vous avez le choix entre trois options pour créer votre site web :
   
   Plugins (méthode la plus simple) Code de suivi JS Google Tag Manager

   
   Cette option vous permet de relier Brevo à votre site web via une application (Shopify, WordPress, WooCommerce, Prestashop, etc.). Pour en savoir plus, consultez notre article dédié Quels plugins Brevo créent automatiquement des événements de suivi ?

   💡 Bon à savoir

   Vous pouvez ignorer les étapes 2 et 3 si vous utilisez les plugins suivants : Wordpress, Shopify, Prestashop, Shopware 5 ou Shopware 6.

   Vous pouvez ignorer l'étape 2 si vous utilisez WooCommerce.

   
   Cette option consiste à copier et à coller un code sur votre site web.

   
   Cette option utilise Google Tag Manager pour configurer le Push Web. L'avantage de cette option est que vous n'avez pas à modifier le codage de votre site web.
2. Facultatif : activez Identifier les visiteurs et surveiller leur activité pour activer les cookies. Vous pouvez utiliser un tracker interne ou un tracker tiers.
3. Suivez les instructions affichées pour l'option d'installation que vous avez choisie.
4. Cliquez sur Suivant pour vérifier que l'installation s'est bien déroulée.

🔔 Étape 3 : envoi de la notification

Les informations que vous avez ajoutées précédemment ont été rassemblées dans un fichier. Vous devez télécharger ce fichier et l'importer sur votre site web.

1. Téléchargez le fichier de configuration. 
   
2. Importez le fichier de configuration sur votre site web.
   
   1. Accédez à Gestionnaire de fichiers sur la plateforme de création de votre site web.
      
      
   2. Créez un dossier sendinblue sous le dossier racine, qui est accessible au public. Ce dossier racine s'appelle généralement public_html.
      ❗️ Important

      Pour l'instant, vous devez toujours nommer votre dossier sendinblue, et non brevo.
   3. Importez le fichier de configuration service-worker.js dans le dossier sendinblue.
      
      
      
3. Accédez à votresite.com/sendinblue/service-worker.js en remplacement de votresite.com avec votre domaine réel.
   ➡️  Par exemple

   Si votre domaine est exemple.com, accédez au lien exemple.com/sendinblue/service-worker.js.
   ✅ Si le fichier de configuration est correctement installé, vous verrez ce message : 
   
   ❌ Si vous voyez une page 404 ou une autre page, vérifiez que le fichier de configuration a été correctement importé dans la structure du répertoire sendinblue. 
4. Cliquez sur Activer. 
   

⏭️ Et après ?

• Partie 2 : créer votre campagne Push Web
• Partie 3 : examiner et gérer votre campagne Push Web
• Résoudre les problèmess : pourquoi est-ce que je ne reçois pas les notifications Push Web ?

🤔 Vous avez des questions ?

Pour toute question, n’hésitez pas à contacter notre service client en créant un ticket à partir de votre compte. Si vous n’avez pas encore de compte, vous pouvez nous contacter ici.

Si vous avez besoin d'aide pour un projet impliquant Brevo, nous pouvons vous mettre en relation avec un Partenaire Brevo certifié.