Comment ajouter des notifications de navigateur pour WordPress

Si vous avez essayé d'augmenter votre liste d'abonnés par e-mail mais que vous ne voyez pas de visiteurs revenir sur votre site, vous vous demandez peut-être ce que vous pouvez faire d'autre. Tenir les visiteurs du site informés des mises à jour et générer du trafic de retour vers votre site peut être un défi.

Heureusement, les notifications du navigateur ou les notifications "push" peuvent ajouter un élément dynamique à l'expérience de votre site Web. L'option de pousser les informations via le navigateur de chaque utilisateur peut ouvrir une nouvelle façon de tenir vos visiteurs informés, et même de rassembler de nouveaux abonnés.

Dans cet article, nous expliquerons ce que sont les notifications push et où elles peuvent être utilisées. Nous verrons également comment les configurer pour les navigateurs de bureau et mobiles. Si vous êtes prêt à en savoir plus sur cette technique utile, commençons !

Que sont les notifications du navigateur Web (notifications push) ?

En tant qu'internaute, vous êtes peut-être plus familier avec les notifications push en ce qui concerne votre smartphone. Les notifications push, fidèles à leur nom, "push" automatiquement des informations sur votre appareil ou votre navigateur pour vous faire savoir quand quelque chose de notable s'est produit. Cela peut se produire lorsque vous avez reçu un message texte, par exemple, ou que vous avez reçu un like ou un commentaire sur une publication sociale.

En fait, 52 % des utilisateurs mobiles ont activé les notifications push sur leur téléphone. De plus, la même technologie peut être utilisée pour obtenir des notifications push dans les navigateurs Web de bureau. En activant les notifications push pour votre site Web, vous pouvez tirer parti de fonctionnalités telles que la géolocalisation pour créer des expériences personnalisées ou suivre les habitudes des acheteurs pour réduire les paniers abandonnés.

Un exemple de notifications de navigateur en action est le site Web de coupons et d'échantillons gratuits de Freefly. Freefly utilise une notification push pour les navigateurs de bureau. Lorsqu'un utilisateur visite le site, il est accueilli par une notification lui demandant s'il souhaite recevoir ses "alertes de cadeaux". Vous pouvez sélectionner « Oui » ou « Non, merci » et continuer à consulter le site Web :

Une étude de cas sur la mise en œuvre des notifications push par Freefly révèle que son objectif était de fournir une communication instantanée des offres limitées dans le temps aux visiteurs. Cette approche a attiré 4 400 nouveaux abonnés en 30 jours, après seulement trois minutes de configuration.

Comment configurer les notifications du navigateur avec WordPress (en 6 étapes)

Jetons maintenant un coup d'œil à OneSignal, un plugin WordPress gratuit qui offre des notifications push et Web illimitées pour un maximum de 30 000 abonnés.

OneSignal offre également la possibilité de segmenter les audiences, de mettre en œuvre des fonctionnalités de localisation, de suivre les résultats avec Google Analytics et d'utiliser une API robuste.

Cela signifie que vous pouvez l'intégrer à tous les meilleurs services de marketing par e-mail pour envoyer des newsletters via des notifications push, pour une expérience client encore plus personnalisée. Voyons comment démarrer avec OneSignal en suivant ces six étapes.

1. Téléchargez et installez le plugin OneSignal

Tout d'abord, vous voudrez vous diriger vers le répertoire des plugins WordPress et rechercher OneSignal. Une fois que vous avez téléchargé les fichiers du plugin, vous devrez ensuite visiter la section Plugins dans la zone d'administration de votre site WordPress.

Alternativement, vous pouvez rechercher OneSignal dans la section Plugins et ajouter le plugin gratuit ici.

Après avoir installé le plug-in, assurez-vous de sélectionner le bouton Activer qui apparaît une fois l'installation terminée. Lorsque vous avez terminé, vous pouvez cliquer sur le lien OneSignal pour terminer le processus.

2. Visitez le site Web OneSignal pour vous connecter à WordPress

Sur le site Web OneSignal, vous devrez créer un compte gratuit. Vous devrez également suivre quelques étapes pour vous assurer que OneSignal est configuré pour votre site WordPress et pour choisir les navigateurs que vous souhaitez utiliser.

Une fois inscrit, il vous sera demandé de sélectionner une application pour vos notifications.

Dans notre exemple, nous allons utiliser Chrome. Vous devrez nommer votre application pour passer à l'étape suivante. Sur l'écran suivant, il vous sera demandé de configurer votre web push.

Vous voudrez sélectionner le plugin WordPress ou Website Builder en haut de l'écran pour modifier les options présentées. Une fois que vous avez fait cela, vous verrez une icône WordPress parmi laquelle vous pouvez choisir, parmi une liste d'autres applications Web.

Après avoir sélectionné l'icône WordPress , d'autres options de configuration intitulées Configuration du site WordPress apparaîtront ci-dessous. C'est ici que vous pourrez ajouter les informations de votre site Web et télécharger une icône personnalisée si vous le souhaitez.

Dans cette boîte de dialogue de configuration, vous trouverez également de la documentation concernant les sites qui ne sont pas entièrement HTTPS. Si vous êtes dans cette situation, vous voudrez consulter cette documentation et suivre les recommandations de OneSignal. Lorsque vous avez terminé de remplir les informations de votre site, enregistrez vos modifications.

3. Confirmez les configurations dans le panneau des paramètres de votre plugin WordPress

Une fois que vous avez enregistré les informations de configuration de votre site WordPress, un écran de détails importants qui doivent être transférés vers votre panneau de paramètres OneSignal dans WordPress s'affiche. Ceux-ci incluent votre ID API et votre clé API pour l'application que vous venez de configurer.

Vous pouvez utiliser le bouton Accéder à mon site Web sous les informations de l'API ou accéder à votre tableau de bord WordPress dans un autre onglet du navigateur pour terminer la configuration.

Une fois que vous êtes dans votre tableau de bord, vous voudrez cliquer sur OneSignal Push dans le menu de gauche et sélectionner l'onglet Configuration . C'est ici que vous devrez entrer ces codes API, afin d'établir la connexion finale entre WordPress et OneSignal.

Pour configurer également une notification push pour le navigateur Apple Safari, vous devrez revenir sur le site Web OneSignal et ajouter Safari en tant qu'application (et ainsi de suite pour les autres navigateurs).

4. Personnalisez votre message contextuel

Maintenant que vous avez établi la connexion entre WordPress et OneSignal, vous pouvez commencer à personnaliser toutes les différentes options incluses dans le plugin. Cela inclut le message contextuel pour vous abonner à vos notifications push.

Dans les paramètres OneSignal Push de WordPress, vous pouvez faire défiler les informations de l'API et décider de ce que vous voulez que votre texte d'invitation push dise.

C'est un excellent moyen de personnaliser l'expérience et d'inciter les visiteurs à utiliser vos notifications.

5. Personnalisez votre icône de notification

Un autre élément clé que vous pouvez personnaliser est l'icône de notification. Cela vous permettra de modifier la façon dont les visiteurs reçoivent les notifications dans leurs navigateurs. Par exemple, vous pouvez concevoir un message de remerciement personnalisé que les visiteurs recevront une fois abonné.

De plus, vous pouvez configurer le texte des notifications qui apparaîtront si un visiteur bloque ou se désabonne de votre service de notification push. Bien que cela se produise parfois, vous pouvez essayer de garder le visiteur accroché en rédigeant un message qui explique clairement pourquoi il est avantageux de rester abonné à vos notifications.

6. Envoyer des notifications depuis votre site Web WordPress

Maintenant que vous êtes tous configurés avec OneSignal, vous vous demandez peut-être comment envoyer des notifications. Heureusement, l'application OneSignal enverra automatiquement des notifications push chaque fois qu'un nouveau message est publié sur votre site Web.

Cependant, si vous souhaitez envoyer manuellement une notification pour une page ou un article, vous pouvez le faire à partir de n'importe quel écran d'édition WordPress.

Sous l'onglet Document , vous aurez maintenant une option OneSignal. À partir de là, vous pouvez cocher la case pour envoyer une nouvelle notification de navigateur chaque fois que la publication est mise à jour. Cela peut être particulièrement utile si vous mettez à jour un article dans votre boutique en ligne, par exemple. Vous pouvez également configurer OneSignal pour envoyer automatiquement des notifications push pour certains types de publication personnalisés.

Besoin d'aide pour améliorer votre expérience numérique ?

La configuration de notifications push pour votre site Web WordPress peut être un moyen idéal de créer une expérience dynamique pour les visiteurs de votre site. Si vous avez aimé en savoir plus sur cet outil, vous adorerez les autres excellentes ressources de développement que nous avons à partager ici sur WP Engine.

WP Engine fournit plus que des services d'hébergement WordPress rapides et fiables. Nous proposons également une plateforme d'expérience numérique complète. Cela signifie qu'avec WP Engine, vous pouvez vous concentrer sur le développement d'une excellente conception de site Web pour vos clients et nous laisser la gestion de l'hébergement !