Comment créer un système de notification interne avec JetEngine et JetFormBuilder ?

Vos mises à jour essentielles sont-elles noyées dans le chaos des canaux Slack ou noyées dans un flot incessant d'e-mails ? Un système de notification interne désorganisé peut coûter du temps aux entreprises, réduire l'engagement des utilisateurs et même compromettre la sécurité si des messages critiques sont manqués.

Imaginez un emplacement unique et dédié aux alertes de l'entreprise, une simple cloche de notification directement dans le tableau de bord WordPress .

Ce système de notification résout le chaos de la communication en fournissant des mises à jour en temps réel là où vos employés travaillent déjà.

Ce guide propose un tutoriel complet et sans code sur la façon de créer votre propre système de notification de qualité professionnelle à l'aide des puissants outils Crocoblock : JetEngine et JetFormBuilder .

Vous apprendrez à mettre en œuvre une solution fiable et personnalisée qui dépasse largement les capacités limitées de WordPress standard.

Pourquoi votre entreprise a-t-elle besoin d'un système de notification interne personnalisé ?

de s'appuyer uniquement sur les méthodes de communication , comme le courrier électronique, pour obtenir des informations cruciales.

Les messages importants se retrouvent noyés dans des boîtes de réception saturées, et les applications tierces ajoutent une couche de complexité supplémentaire, obligeant les employés à passer constamment d'une plateforme à l'autre.

Cette fragmentation de la communication interne crée des silos d'information, ce qui ralentit l'ensemble de vos opérations. Un système de notification interne intégré à WordPress permet de surmonter ces limitations.

Les limites des méthodes de communication traditionnelles

Le fait de se fier uniquement aux courriels ou aux applications tierces pour obtenir des informations essentielles comme les procédures d'urgence ou les changements de politique pose plusieurs problèmes :

• Surcharge d'informations : les mises à jour importantes passent facilement inaperçues parmi les courriels marketing et les correspondances personnelles.

• Changement de contexte : les employés doivent constamment passer d'une application à l'autre, ce qui nuit à leur concentration et réduit leur productivité.

• Manque de contrôle : vous n’avez aucun moyen de confirmer qu’un utilisateur a effectivement consulté un message, ce qui constitue une lacune cruciale lors des communications d’urgence.

Principaux avantages d'un système de notification WordPress intégré

Intégrer votre système de notification directement dans votre plateforme WordPress offre des avantages immédiats et concrets :

• Améliore la productivité : les employés restent informés dans leur environnement de travail principal, ce qui rationalise les flux de travail et réduit la nécessité de passer d’une application à l’autre.

• Garantit une livraison rapide : Elle assure la livraison immédiate des informations critiques et des alertes d'urgence à l'utilisateur connecté.

• Renforce l'engagement des employés : un système efficace permet aux employés de rester connectés aux activités et à la culture de l'entreprise, ce qui leur donne le sentiment d'être valorisés et informés.

• Favorise la responsabilisation : vous pouvez facilement suivre les accusés de lecture, ce qui vous permet d’obtenir des rapports détaillés et précieux sur l’engagement.

Découvrez comment configurer un système de notifications internes performant directement dans WordPress grâce à JetEngine, JetFormBuilder et Elementor.

Ce tutoriel Crocoblock étape par étape couvre tout, de la création de types de contenu et de formulaires à l'activation des mises à jour AJAX en direct et à la conception de champs dynamiques.

Les plugins essentiels pour votre boîte à outils de notification WordPress

Pour créer un système de notification interne sophistiqué et dynamique dans WordPress, vous combinerez les fonctionnalités de deux plugins clés de la suite Crocoblock.

JetEngine : Le cœur de votre système

JetEngine est l'outil fondamental. Il fournit les fonctionnalités robustes de gestion de bases de données et de contenu dynamique nécessaires à un système de notification professionnel.

• Types de contenu personnalisés (CCT) : nous les utiliserons pour structurer et enregistrer toutes les données de notification en dehors du tableau standard des articles WordPress, garantissant ainsi rapidité et organisation.

• Générateur de requêtes : cette fonctionnalité vous permet de récupérer uniquement les messages pertinents pour un utilisateur connecté spécifique, en fonction de son rôle ou d’autres critères spécifiés.

• Grilles de listes : ceci affiche vos notifications en front-end dans un format clair et professionnel.

• Stockage de données : La clé pour suivre les notifications lues par un utilisateur, activer les accusés de réception et gérer efficacement un nombre illimité de messages.

JetFormBuilder : L’interface de création

JetFormBuilder est un générateur de formulaires intuitif en front-end qui permet aux administrateurs et aux gestionnaires de soumettre facilement de nouvelles notifications.

• Actions post-soumission : Cette fonctionnalité essentielle, qui fait partie du plugin JetFormBuilder, permet la création automatique d’un nouvel élément dans votre JetEngine CCT lors de la soumission du formulaire, reliant ainsi l’interface d’administration aux données backend.

• Formulaires JetFormBuilder : Nous utiliserons cet outil pour concevoir une interface de saisie conviviale.

Tutoriel étape par étape : Création d’un système de notifications internes avec JetEngine et JetFormBuilder

Cette section constitue le cœur du tutoriel. Suivez ces étapes pour implémenter votre système de notifications internes dans WordPress sans écrire une seule ligne de code.

Étape 1 : Créer un type de contenu personnalisé (CCT) « Notification » pour stocker les messages

Tout d'abord, nous avons besoin d'un espace dédié dans la base de données pour enregistrer nos données de notification. L'utilisation d'un type de contenu personnalisé JetEngine est plus rapide et plus flexible que l'utilisation des types de publication personnalisés .

Définissez le CCT : Allez dans JetEngine → Types de contenu personnalisés et cliquez sur « Ajouter ». Nommez-le « Notifications ».

Définissez les champs de métadonnées nécessaires : ces champs stockeront le contenu et les paramètres de chaque alerte. Utilisez les champs suivants :

• notification_title : Champ de texte. Pour le titre du message.

• notification_details : WYSIWYG (Ce que vous voyez est ce que vous obtenez). Pour plus de détails sur le message.

• Niveau de notification : champ de sélection. Options : « Standard », « Important », « Urgent ». Permet de définir le niveau de gravité de l’alerte.

• target_user_role : champ de type liste déroulante ou case à cocher. Ce champ est essentiel pour les notifications basées sur les rôles. Définissez la source du champ sur « Rôles des utilisateurs » pour cibler des groupes d’employés spécifiques.

Étape 2 : Créez un formulaire frontal avec JetFormBuilder pour faciliter la création de notifications

Ensuite, nous allons créer l' interface d'administration pour faciliter la soumission de nouvelles notifications.

Créer un nouveau formulaire : Accédez à JetFormBuilder → Ajouter.

Ajouter des champs de formulaire : Ajoutez des champs correspondant à vos champs métadonnées CCT :

• Incluez un champ texte intitulé notification_title.
• Ajoutez un champ Textarea ou WYSIWYG appelé notification_details.
• Créez un champ de sélection notification_level, en utilisant les mêmes options définies dans votre CCT.
• Implémentez un champ de type case à cocher, target_user_role, pour choisir les groupes d'utilisateurs qui doivent recevoir l'alerte.

Configurer l'action post-soumission : c'est ici que la magie des actions post-soumission de JetFormBuilder opère.

• Dans la section « Actions après soumission », cliquez sur « Ajouter une nouvelle action » et sélectionnez « Insérer/Mettre à jour une publication »

• Configurez l'action : définissez le type de publication sur votre type de contenu « Notification ».

• Associer les champs : Associez les champs du formulaire à vos champs CCT : notification_title au titre CCT et tous les autres champs du formulaire (détails, niveau, rôle) à leurs champs méta correspondants.

Étape 3 : Configurer un magasin de données JetEngine pour gérer les notifications de « lecture »

Il nous faut un moyen de suivre les notifications qu'un utilisateur a consultées afin d'éviter qu'il ne voie la même alerte à répétition. Cela permet de mettre en place des accusés de lecture.

Créer un magasin de données : Allez dans JetEngine → Magasins de données et cliquez sur « Ajouter un nouveau ».

• Nom : « Lire les notifications ».
• Type de stockage : sélectionnez « Métadonnées utilisateur ». Cela garantit que les données sont explicitement liées à l’utilisateur connecté.
• Stocker le contenu : sélectionnez « Articles ». Le système enregistrera l’identifiant de l’élément CCT « Notification » que l’utilisateur a lu.

Étape 4 : Construire une requête JetEngine pour récupérer les notifications pertinentes

Le générateur de requêtes JetEngine est le cerveau du système. Il détermine les notifications affichées à l'utilisateur. L'objectif est de présenter des alertes : 1) ciblées en fonction du rôle de l'utilisateur, et 2) qui ne figurent pas déjà dans son inventaire de notifications lues.

Créer une nouvelle requête : Accédez à JetEngine → Générateur de requêtes et cliquez sur « Ajouter ». Définissez la source sur « Requête de type de contenu » et sélectionnez votre CCT « Notification ».

Ajouter des clauses de requête (filtrage) : c’est ainsi que vous ciblez l’utilisateur connecté.

Clause cruciale 1 (Ciblage des rôles) :

• Champ : target_user_role (votre champ méta CCT).

• Opérateur : IN (ou LIKE si vous utilisez un champ texte).

• Valeur : Utilisez la balise dynamique « get_current_user_data » et définissez le champ sur « roles » (ou « user_role »). Cela compare les rôles cibles de la notification avec le rôle de l’utilisateur de la publication actuelle, afin de ne récupérer que les notifications destinées aux groupes de l’utilisateur.

Clause cruciale 2 (Exclure les messages lus) :

• Champ : ID (L'identifiant de l'élément CCT).

• Opérateur : NON CONNECTÉ.

• Valeur : Utilisez l’étiquette dynamique pour JetEngine Data Store et sélectionnez votre magasin « Notifications de lecture ». Ceci exclut les éléments associés que l’utilisateur a déjà marqués comme lus.

Étape 5 : Concevoir un élément de notification dynamique avec un modèle de liste

Concevez maintenant l'apparence d'une notification unique.

Créer une annonce : Allez dans JetEngine → Annonces et cliquez sur « Ajouter ». Définissez la source sur « Type de contenu » et sélectionnez votre CCT « Notification ».

Concevez l'élément : utilisez l'éditeur de blocs Gutenberg ou votre constructeur de pages préféré .

• Utilisez le widget Champ dynamique pour afficher le titre de la notification.
• Utilisez le widget Méta dynamique pour afficher les détails de la notification.
• Appliquez un style à l'élément en fonction du champ méta notification_level (par exemple, une bordure rouge pour les alertes urgentes).

Ajouter la fonctionnalité « Marquer comme lu » :

Ajoutez un widget Bouton ou Lien. Définissez l'URL sur une balise dynamique → JetEngine → Magasin de données → Ajouter au magasin .

Sélectionnez votre boutique « Lire les notifications ».

Lorsque l'utilisateur clique ici, l'identifiant de la notification est instantanément ajouté à son espace de stockage de données « Lu » personnel.

Lire la suite : Développement web en marque blanche pour la réussite de votre entreprise

Étape 6 : Afficher votre système de notifications internes sur l’interface utilisateur

La dernière étape consiste à afficher le système à l'utilisateur.

Ajoutez une cloche de notification : dans le modèle d’en-tête de votre site, ajoutez une icône de cloche ou un autre bloc cliquable.

Afficher la grille de liste : utilisez un widget de grille de liste (ou une liste déroulante d’un outil comme JetElements).

• Définissez l'annonce sur celle que vous avez créée à l'étape 5.

• Il est essentiel de définir la requête sur celle que vous avez créée à l'étape 4. Cela garantit que la grille n'affiche que les notifications ciblées non lues de l'utilisateur actuel.

Ajoutez un compteur de messages non lus : pour afficher le nombre de nouveaux messages à l’utilisateur, ajoutez un compteur à côté de l’ icône . Utilisez la balise dynamique → JetEngine → Nombre de messages interrogés et connectez-la à la requête de l’étape 4.

Fonctionnalités clés et personnalisations de votre système de notification

Le système de base est puissant, mais vous pouvez l'étendre avec des fonctionnalités avancées.

Mise en œuvre de notifications spécifiques à l'utilisateur et basées sur le rôle

Le principal atout du système de notifications JetEngine réside dans sa granularité. Au-delà du simple ciblage basé sur les rôles dans le générateur de requêtes JetEngine, vous pouvez :

• Ciblage d'utilisateurs spécifiques : ajoutez une clause au générateur de requêtes pour comparer un champ méta CCT (par exemple, target_user_id) avec l'ID de l'utilisateur actuel afin d'envoyer des alertes uniquement à une seule personne.

• Départements/Lieux cibles : Si vous avez des champs personnalisés pour les profils utilisateur (par exemple, user_department), vous pouvez ajouter une clause de requête pour cibler les employés en fonction des données de localisation ou de département.

Création de « accusés de réception » et suivi de l’engagement

La base de données offre un moyen simple de confirmer qu'un message a été lu, ce qui constitue une fonctionnalité clé d'une stratégie de communication interne efficace.

Rapports détaillés : Pour des rapports encore plus précis, vous pouvez utiliser JetFormBuilder afin de créer un formulaire simple avec un champ caché permettant de transmettre l’identifiant de l’élément CCT. Configurez les actions de soumission sur « Insérer la publication » dans un CCT « Journal » distinct, créant ainsi un enregistrement horodaté chaque fois qu’un utilisateur clique sur « Marquer comme lu ».

Configurer les alertes par e-mail ou SMS pour les notifications critiques

Pour de véritables communications d'urgence, il faut une diffusion multicanal vers plusieurs appareils.

• Intégration Twilio/Zapier : À l’étape 2, lors de la configuration des actions post-soumission de JetFormBuilder, ajoutez une action « Appel webhook ». Vous pouvez ainsi envoyer les données de notification à un service externe, tel que Twilio, afin de déclencher l’envoi de SMS ou d’appels vocaux vers les appareils des employés.

• Intégration Microsoft Teams/Slack : Utilisez la même action « Appeler un webhook » pour envoyer le contenu d’une alerte urgente aux canaux Microsoft Teams ou Slack afin de recevoir des alertes immédiates sur votre ordinateur.

Apprenez également : Comment créer un site web WordPress auto-hébergé

Meilleures pratiques pour la gestion des communications internes dans WordPress

Pour être efficace, un outil performant requiert une stratégie bien pensée. L'objectif de votre nouveau système de notification interne est d'améliorer la communication, et non de générer des distractions inutiles.

Établir des protocoles de communication clairs

Définissez clairement ce qui constitue une notification « urgente » (par exemple, une panne du système, des alertes de sécurité) par opposition à une notification « standard » (par exemple, un lien vers la newsletter de l'entreprise).

N'envoyez de notifications que pour les informations importantes. Utilisez le courriel pour les mises à jour moins urgentes et non critiques.

Veillez à ce que vos messages soient clairs, concis et incitatifs à l'action

Lors de la rédaction des notifications :

• Utilisez des titres percutants : le titre de la notification doit être clair et attirer l’attention.
• Allez droit au but : assurez-vous que le message soit court et qu'il indique la prochaine étape (par exemple : « Cliquez ici pour lire les nouvelles règles »).
• Priorité à la sécurité : En cas d'alerte d'urgence, veillez à ce que les instructions soient claires et concises afin d'assurer la sécurité des employés.

Solliciter régulièrement des commentaires pour mesurer le succès

Le meilleur système de notification interne est celui que les employés utilisent réellement.

• Demander des commentaires : Utilisez un formulaire JetFormBuilder pour solliciter des commentaires sur l’efficacité du système, la fréquence des alertes et la clarté des messages.

• Analyse des données : examinez vos accusés de réception et autres d’engagement pour identifier les types de notifications qui sont manqués.

Pour en savoir plus : Le guide ultime pour rédiger des balises méta optimisées pour le référencement (SEO)

JetEngine vs. Autres plugins de notification WordPress : une comparaison rapide

Lors du choix d'une solution pour votre système de notification, il est utile de comprendre les principales différences entre une solution personnalisée et les plugins pré-packagés.

Fonctionnalité	Système de moteur à réaction personnalisé	Plugins de notifications push (par exemple, OneSignal)	Modules de notification par e-mail
Contrôle et personnalisation	Contrôle total : vous définissez la structure des données, la logique d’affichage et l’interface utilisateur. Grande flexibilité.	Limité à l'interface utilisateur du navigateur. Aucun contrôle sur la base de données.	Contrôle uniquement le format et le déclencheur des e-mails.
Ciblage	Extrêmement précis. Ciblage basé sur les rôles des utilisateurs, les métadonnées des utilisateurs, les services, etc.	De manière générale, segmentation de base basée sur l'appareil/le navigateur.	Ciblage basé sur l'adresse e-mail de l'utilisateur ou sur une liste d'abonnés.
Méthode de livraison	Alertes de bureau intégrées à la plateforme WordPress. Idéales pour les alertes internes en temps réel.	Affichage « push » via navigateur sur l'écran de l'appareil (même si le site est fermé).	Livraison standard par e-mail.
Suivi des données	À l'aide de JetEngine Data Store, il surveille les accusés de réception associés à l'utilisateur connecté.	Enregistre les clics/ouvertures, pas nécessairement si l'utilisateur a lu le message.	Suivi des taux d'ouverture et de clics des e-mails.
Cas d'utilisation	Idéal pour les environnements sécurisés avec utilisateurs connectés (intranets, sites d'adhésion).	Idéal pour faire revenir les visiteurs externes sur votre site.	Idéal pour la communication et le marketing non urgents.

La méthode JetEngine vous offre une capacité optimale de personnalisation de chaque aspect du système, ce qui en fait la solution idéale pour un système de notification interne de qualité professionnelle.

Conclusion : Optimisez votre nouveau système de notification interne

Vous avez mené à bien le processus de conception et de construction d'un système de notification interne personnalisé et hautement efficace pour votre plateforme WordPress.

En tirant parti de la puissance des types de contenu personnalisés de JetEngine et des actions post-soumission du plugin JetFormBuilder, vous avez créé un canal de communication fiable et professionnel sans toucher à une seule ligne de code.

Ce système n'est pas qu'une simple fonctionnalité ; c'est une amélioration stratégique de votre stratégie de communication interne.

Il garantit la transmission des informations critiques en temps voulu, réduit le nombre de changements d'applications pour les employés et fournit une confirmation essentielle de la réception des messages grâce aux accusés de réception.

Ne laissez plus jamais vos informations cruciales se perdre. Transformez dès aujourd'hui votre stratégie de communication interne et donnez à vos employés les outils nécessaires pour travailler efficacement.

Démarrez avec JetEngine et JetFormBuilder et déployez votre système de notification personnalisé !

FAQ sur le système de notification interne