Ajouter des notifications push web à n'importe quel site

Comment ajouter des notifications push Web à n'importe quel site (3 étapes faciles)

Vous cherchez un moyen simple de configurer les notifications push pour votre site ?

La plupart des notifications push peuvent être vraiment confuses à configurer. Le pire, c'est que vous aurez besoin d'un développeur pour parcourir la documentation du développeur et la documentation de l'API afin de configurer les notifications push.

Mais ajouter des notifications push web à un site n'est pas vraiment si compliqué.

Dans cet article, nous allons vous montrer comment ajouter des notifications push à votre site Web, même si vous ne l'avez jamais fait auparavant. Et nous le ferons sans jargon technique. Ainsi, même si vous n'êtes pas développeur, vous pouvez toujours installer les notifications push assez facilement.

Pour cet article, nous allons utiliser PushEngage pour configurer les notifications push sur votre site Web. PushEngage est le logiciel de notification push n°1 au monde. Vos campagnes seront donc entre de bonnes mains.

Plongeons dans le vif du sujet.

Comment installer des notifications push sur votre site

Avant de commencer, voici un aperçu rapide de ce à quoi vous pouvez vous attendre sur votre site à la fin de cet article. Si vous suivez les étapes de ce tutoriel, vous devriez être en mesure d'envoyer des notifications push depuis votre site, comme celle-ci :

1er exemple de panier abandonné

Et peu importe si votre site a été construit sur un système de gestion de contenu (CMS) populaire comme WordPress ou s'il s'agit d'un site personnalisé. Vous pourrez installer des notifications push sur votre site, quoi qu'il arrive.

Plongeons dans le vif du sujet.

Étape n°1 : Configurer votre compte PushEngage

Rendez-vous sur la page d'accueil de PushEngage et cliquez sur le bouton Démarrer :

PushEngage

Vous pouvez choisir le plan gratuit pour essayer PushEngage, ou choisir un plan payant si vous êtes sérieux dans la croissance de votre entreprise. Les plans payants incluent de meilleures options de ciblage d'audience et des fonctionnalités d'automatisation des campagnes.

Une fois que vous avez créé votre compte PushEngage, rendez-vous sur votre tableau de bord PushEngage et allez dans Paramètres du site » Détails du site :

Paramètres du site PushEngage

Vous pouvez y définir votre logo, le nom de votre site et l'URL de votre site. Il est très important de régler ces éléments dès maintenant afin de pouvoir tester toute votre configuration plus tard.

Étape n°2 : Obtenir le code d'installation de PushEngage

Pour installer les notifications push, vous devrez obtenir un code d'installation. Dans votre écran Paramètres du site, faites défiler vers le bas et cliquez sur le bouton Cliquez ici pour les instructions de configuration :

Paramètres d'installation de PushEngage

Ensuite, cliquez sur l'onglet N'importe quel site :

Code d'installation PushEngage pour tout site

Et copiez l'extrait de code Javascript. Vous en aurez besoin bientôt.

Si vous gérez un site sur un CMS qui n'est pas répertorié dans l'onglet, vous pouvez vous rendre dans l'onglet HTTP ou HTTPS en fonction de la présence ou non d'un certificat SSL installé sur votre site.

Une partie très importante de cette étape si vous utilisez un site HTTPS est d'avoir accès au dossier racine de votre serveur. Pour que les notifications push fonctionnent sur un site HTTPS, vous devrez télécharger le fichier service-wroker.js depuis le même onglet. Ensuite, téléchargez-le dans votre dossier racine.

NOTE : Si vous ne parvenez pas à télécharger le fichier service-worker dans le dossier racine, vous pouvez toujours télécharger le fichier dans un autre dossier. Allez dans PushEngage Tableau de bord » Paramètres du site » Paramètres avancés

Activez simplement le bouton Activer l'enregistrement du service worker depuis PushEngage :

Paramètres du service worker PushEngage

Enfin, vous voudrez placer le code d'installation de PushEngage dans l'en-tête <head> HTML de votre site Web. Si vous êtes un développeur habitué à coder en HTML, vous savez déjà comment faire.

Mais si vous êtes nouveau dans le HTML et que vous utilisez un CMS pour gérer votre site, ne vous inquiétez pas. Le processus de modification de l'en-tête <head> HTML est différent pour chaque plateforme. Nous avons donc créé des guides détaillés, étape par étape, pour les plateformes les plus populaires :

Pour certains CMS, vous pouvez insérer votre code d'installation directement depuis votre tableau de bord. Dans d'autres cas, comme avec PrestaShop, vous devrez utiliser la clé API PushEngage à la place. Nous vous recommandons donc de suivre ces tutoriels spécifiques à la plateforme pour ajouter correctement le code de notification push.

Étape n°3 : Configuration de l'opt-in PushEngage

Maintenant, retournez à votre tableau de bord PushEngage. Allez dans Design » Modèles de popup et sélectionnez l'option de votre choix :

Modales de fenêtre contextuelle

L'idée ici est de donner à vos visiteurs une bonne raison de s'abonner. Si vous avez besoin d'aide à ce sujet, consultez notre article sur comment créer un opt-in de notification push personnalisé.

Et si vous souhaitez des modèles pour commencer, vous devriez consulter cet article sur les opt-ins de notification push à haute conversion

Étape BONUS : Créer une notification de bienvenue

Une fois que vous avez terminé la configuration de la popup d'inscription, votre site peut collecter des abonnés.

Mais comment savoir si vos notifications push fonctionnent correctement ?

Nous vous recommandons de créer une notification de bienvenue pour tester si votre configuration s'est déroulée sans problème. Une notification de bienvenue est une notification push que vous envoyez à un nouvel abonné pour confirmer son abonnement et lui souhaiter la bienvenue.

Voici comment activer les notifications de bienvenue dans PushEngage. Allez dans le tableau de bord PushEngage et accédez à Campagne » Auto-répondeurs Drip et cliquez sur Créer un nouveau drip auto-répondeur :

Créer un nouvel autorépondeur drip

Ensuite, nommez votre campagne (nous suggérons quelque chose comme Drip de bienvenue), et sous Contenu, sélectionnez l'option qui dit : « Envoyer la notification immédiatement après l'abonnement de l'utilisateur ») :

Création d'un drip de bienvenue

À ce stade, vous pouvez cliquer sur la flèche à côté de la notification pour modifier le contenu de votre notification. Si vous avez un plan Premium ou Entreprise avec PushEngage, vous pourrez ajouter plus d'une notification pour créer une séquence de messages de bienvenue automatisés. Cliquez simplement sur Ajouter une nouvelle notification et modifiez le contenu.

Une fois que vous avez terminé, cliquez sur Paramètres de drip et sélectionnez l'option pour envoyer votre campagne de bienvenue à tous les abonnés :

Envoyer une notification push à tous les abonnés

Ensuite, faites défiler vers le bas pour définir vos propres paramètres UTM afin de suivre les notifications push :

Paramètres UTM

Et une fois que vous avez terminé, faites défiler vers le haut et cliquez sur le bouton Activer l'autorépondeur :

Activer la réponse automatique

Et c'est tout !

Vous avez configuré avec succès les notifications push web sur votre site web. Il est temps de retourner sur votre tableau de bord PushEngage et de commencer à créer vos campagnes de notifications push.

Que faire après avoir ajouté les notifications push à votre site

C'est tout pour cette fois, les amis !

Si vous débutez avec les notifications push, vous devriez suivre un processus complet de test des notifications push avant de vous lancer. Cela vous aidera à résoudre les problèmes courants avant que vos visiteurs ne les voient et ne commencent à se plaindre d'une expérience utilisateur défaillante.

Vous devriez également consulter d'autres campagnes automatisées de notifications push telles que :

Nous vous recommandons de contacter nos responsables du succès client si vous êtes bloqué sur l'un de ces points. Nous serons ravis de vous aider avec n'importe quel problème.

Et si ce n'est pas déjà fait, essayez PushEngage. PushEngage est le service de notification push n° 1 au monde. Donc, si vous êtes sérieux au sujet de la croissance de votre entreprise, PushEngage est la bonne option pour vous.

Commencez avec PushEngage dès aujourd'hui !

Ajouter un commentaire

Nous sommes heureux que vous ayez choisi de laisser un commentaire. N'oubliez pas que tous les commentaires sont modérés conformément à notre politique de confidentialité, et tous les liens sont nofollow. N'utilisez PAS de mots-clés dans le champ du nom. Ayons une conversation personnelle et significative.

Engagez et retenez les visiteurs après qu'ils aient quitté votre site Web

Augmentez la valeur de chaque visite web avec des notifications push difficiles à ignorer.

  • Plan gratuit à vie
  • Configuration facile
  • Support 5 étoiles