Vous cherchez un guide rapide et facile sur la façon de configurer les notifications push web sur votre site web ?
Nous avons ce qu'il vous faut.
Dans cet article, nous allons vous montrer comment configurer les notifications push web sur votre site web, même si :
- Vous ne l'avez jamais fait auparavant
- Vous n'avez pas de développeur pour le faire à votre place
- Vous avez essayé et échoué à ajouter des notifications push à votre site
Le meilleur dans tout ça ? Nous allons le faire 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 :
Peu importe comment vous avez développé votre site, quel type d'entreprise vous dirigez, ou quelles que soient vos spécifications techniques. Vous pourrez installer des notifications push sur votre site dans tous les cas.
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 :
Vous pouvez sélectionner le plan gratuit pour essayer PushEngage, mais si vous êtes sérieux quant à la croissance de votre entreprise, choisissez un plan payant. Les plans payants incluent de meilleures options de ciblage d'audience et des fonctionnalités d'automatisation de campagnes.
Une fois que vous avez créé un compte, rendez-vous sur le tableau de bord PushEngage et allez dans Paramètres » Paramètres du site » Paramètres d'installation :
Vous pouvez configurer l'URL et l'identité de votre site sur cet écran. Allez-y et définissez un logo et une URL de site pour vos campagnes et diffusions de notifications push.
Tous vos abonnés aux notifications push verront le Nom du site, l'Image du site et l'URL du site sur vos notifications. Vous devriez donc les configurer dès maintenant afin de pouvoir tester vos notifications push plus tard.
Étape n°2 : Obtenir le code d'installation de PushEngage
Ensuite, vous devrez vous rendre sur le tableau de bord PushEngage et obtenir le code d'installation. Rendez-vous dans Paramètres » Paramètres du site » Paramètres d'installation :
Dans cet onglet, vous verrez que vous pouvez obtenir un code différent pour différents types de sites web. Trouvez celui qui convient à votre site et copiez-le. Si vous utilisez un CMS qui n'est pas répertorié dans l'onglet, vous pouvez vous rendre dans les onglets HTTP ou HTTPS en fonction de si votre site dispose d'un certificat SSL installé.
Cette prochaine étape est super importante. Si vous ne faites pas cette étape, votre site ne pourra pas collecter d'abonnés aux notifications push.
Si vous utilisez un site HTTPS et que vous avez accès au dossier racine de votre serveur, 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 pouvez 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 » Paramètres du site » Paramètres avancés.
Suivez simplement les instructions dans les Paramètres du Service Worker et le tour est joué :
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 :
- Installer les notifications push sur WordPress
- Installer les notifications push sur WordPress (sans plugin)
- Installer les notifications push sur WooCommerce
- Installer les notifications push sur Wix
- Installer les notifications push sur Blogger
- Installer les notifications push sur Zoho
- Installer les notifications push sur Volusion
- Installer les notifications push sur Weebly
- Installer les notifications push sur ClickFunnels
- Installer les notifications push sur PrestaShop
- Installer les notifications push sur OpenCart
- Installer les notifications push sur CS-Cart
- Installer les notifications push sur Drupal
- Installer les notifications push sur Squarespace
- Installer les notifications push sur X-Cart
- Installer les notifications push sur BigCommerce
- Installer les notifications push sur Jimdo
IMPORTANT : Vous pouvez insérer votre code d'installation directement depuis votre tableau de bord dans certains constructeurs de sites web et CMS. Dans d'autres cas, comme PrestaShop, vous devrez utiliser la clé API PushEngage à la place. C'est pourquoi nous vous recommandons de suivre les tutoriels spécifiques à la plateforme pour ajouter correctement le code de notification push.
Étape n°3 : Configuration de l'opt-in PushEngage
Enfin, dans votre tableau de bord PushEngage, allez dans Paramètres » Paramètres d'abonnement » Boîte de dialogue d'abonnement » Modifier :
À partir d'ici, vous pouvez personnaliser votre popup d'inscription aux notifications push. Si vous avez besoin d'aide pour cela, vous devriez consulter cet article sur comment créer une popup d'inscription personnalisée aux notifications push.
Si vous avez besoin d'inspiration, vous pouvez consulter cet article sur les popups d'inscription aux notifications push à forte 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.
Rendez-vous dans Paramètres » Paramètres du site » Paramètres d'installation et configurez votre message de bienvenue :
Enfin, retournez sur votre site et abonnez-vous à vos propres notifications push pour tester si tout fonctionne correctement.
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.
Conclusion
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.
Nous vous recommandons de contacter nos responsables du succès client si vous êtes bloqué. Nous serons ravis de vous aider avec n'importe quel problème. Les notifications push sont un excellent moyen de générer du trafic répété vers votre site et d'augmenter les ventes directes et l'engagement.
Pas convaincu ? Consultez ces ressources exceptionnelles :
- Campagnes goutte à goutte et auto-répondeurs pour les notifications push web
- 5 avantages de l'utilisation d'une campagne de notification push d'abandon de panier
- Comment convertir les abonnés en acheteurs à l'aide des notifications push web
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.
