Looking for a way to add web push notifications to your website?
Push notifications can help you generate a lot of traffic, engagement, and sales on autopilot and with very little effort. But a major question is how do you even do it?
In this article, we’ll show you how to add push notifications to your website even if you’ve never done it before.
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
Let’s start with a preview of what you can expect as a result of this article. If you follow these steps, by the end of this article, you should be able to send push notifications from your site like this one:
It doesn’t matter what your website was built with. No matter what tech stack you used to develop your site, you can always install push notifications on your site. We’ll cover all of that in the next few segments.
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, ou choisir un plan payant si vous êtes sérieux dans le développement de votre entreprise. Les plans payants offrent plus d'options de campagne et la possibilité de créer des listes d'abonnés encore plus grandes.
Une fois que vous vous êtes inscrit pour un compte, rendez-vous sur le tableau de bord PushEngage et allez dans Paramètres » Paramètres du site » Paramètres d'installation :
C'est ici que vous configurez les détails de votre site et votre image de marque. Allez-y et définissez un logo et une URL de site pour vos notifications push. Vous devriez le faire dès maintenant afin de pouvoir tester correctement vos notifications push.
É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. Allez dans Paramètres » Paramètres du site » Paramètres d'installation :
This is where things start to get a little bit technical.
Inside this tab, you’ll see that you can get a different code for different types of websites.
Find the right one for your site and copy it.
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: If you can’t upload the service-worker file to the root folder, you have the option to upload the file to another folder. Go to PushEngage Dashboard » Settings » Site Settings » Advanced Settings.
Just follow the instruction in the Service Worker Settings and you’re golden:
Et c'est tout !
Vous avez installé avec succès les notifications push web sur WordPress sans utiliser de plugin.
Step #3: Placing the Installation Code In Your Site’s HTML
Essentially, no matter what type of website you have, you’ll want to place this installation code in the HTML <head> of your website. And the process to do this is different for different platforms. If you’d like to get a platform-specific guide on how to install web push notifications to your website, check out these resources:
- Installer les notifications push sur WordPress
- Installer les notifications push sur WooCommerce
- Installer les notifications push sur Wix
- 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 Squarespace
If you’re running a custom site built on HTML, you’ll know exactly where to place the code. But The process of placing the installation code in the head of your site will change based on your CMS or website builder.
For certain CMSs, you can insert your installation code directly from your dashboard. In other instances as with PrestaShop, you’ll need to use the PushEngage API Key instead. So, we recommend following these platform-specific tutorials for any other site.
Étape n°4 : 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 n°5 : 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
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.
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 notifications push numéro 1 au monde. Donc, si vous êtes sérieux au sujet de la croissance de votre entreprise, vous devriez investir dans PushEngage.
