Éditeur de notifications web push

L'éditeur de notifications web push vous permet de concevoir, de manière visuelle, le contenu des notifications web push qui seront envoyées à vos clients depuis votre compte, via des workflows créés à cet effet.

 

Comment accéder ?

Vous pouvez accéder à l'éditeur de notifications web push de deux manières :

1. Depuis « Contenu > Notifications web push ». Cliquez sur  Créer une nouvelle notification web push pour générer une nouvelle notification push, ou sur Plus   puis sélectionnez Modifier pour éditer une notification existante.

Éditeur de notifications web push 2025 - 1-min.png

2. Depuis le nœud "Afficher la notification web push" dans un workflow, en cliquant sur  (Modifier la configuration du nœud). Cliquez sur  Créer un nouveau contenu ou  Modifier pour éditer une notification existante.

Éditeur de notifications web push 2025 - 2-min.png

 

Interface

L'éditeur de notifications web push est composé de 3 sections :

1. Aperçu, sauvegarde et traduction : pour enregistrer ou annuler les modifications, utiliser la traduction automatique pour traduire le contenu, le supprimer ou prévisualiser le résultat final du contenu qui sera affiché par le navigateur.

2. Panneau de conception : pour construire visuellement la notification push à l'aide de l'éditeur visuel.

3. Outils : pour configurer toutes les propriétés de la notification et ajouter du contenu. Ce panneau peut être étendu ou réduit en cliquant sur  (Ouvrir les outils) ou  (Fermer les outils).

Éditeur de notifications web push 2025 - 3-min.png

 

Fonctionnement

L'éditeur de notifications web push repose sur un constructeur visuel qui permet de créer des notifications de manière rapide et facile, en affichant les modifications en temps réel.

 

1. Ajouter du contenu et éditer les options générales

Dans le panneau Outils (3), cliquez sur l'onglet Général pour modifier le contenu et les options d'apparence générale de la notification push, qui affichera les modifications en temps réel dans le panneau de conception.

Les éléments et paramètres à définir sont :

  • Titre de la notification : texte qui apparaîtra en haut du message.

Éditeur de notifications web push 2025 - 4-min.png

  • Message de la notification : corps principal du texte de la notification.

Éditeur de notifications web push 2025 - 5-min.png

  • Ajouter une URL pour rediriger : lien vers la page indiquée. Il doit s'agir d'un lien absolu.
  

Si vous cochez la case "Fermer en cliquant", la notification se fermera lorsque le contact cliquera dessus.

Éditeur de notifications web push 2025 - 6-min.png

  • URLs des images :
    • URL de l'icône : c'est l'image qui apparaît dans le coin supérieur gauche, en tant qu'icône.
    • URL de l'image : c'est l'image mise en avant. Elle est affichée dans le modèle, occupant la moitié inférieure de la notification.
    • URL de l'icône de la barre de notifications : c'est l'image qui apparaîtra dans la barre de notifications du dispositif qui reçoit la notification push.

Éditeur de notifications web push 2025 - 7-min.png

  • Propriétés avancées :
    • Ajouter un motif de vibration : rythme de vibration spécifique que vous pouvez ajouter à cette notification.
    • Requiert l'interaction du contact : option pour configurer si le contact doit interagir avec le dispositif pour arrêter la vibration.

    • Notification silencieuse : option pour configurer la notification sans émettre de son.

Éditeur de notifications web push 2025 - 8-min.png

 

2. Ajouter une version compacte

Dans le panneau Outils (3), cliquez sur l'onglet Version Compacte pour ajouter une version réduite au contenu de votre notification.

  

La version compacte est un type de notification web push réduite, dans laquelle l'image mise en avant n'est pas affichée.

Les éléments qui la composent sont :

  • Message compact : corps principal du texte de la notification qui apparaîtra dans la fenêtre contextuelle.
  • URL de l'icône compacte : image qui apparaîtra dans le coin supérieur gauche, en tant qu'icône.

Éditeur de notifications web push 2025 - 9-min.png

 

3. Ajouter des variables à la notification push

Les deux versions de notification push offrent la possibilité d'ajouter des variables dans n'importe quel élément de la notification pour les personnaliser.

Pour ce faire, cliquez sur {} (Définir une variable dynamique) à l'endroit où vous souhaitez insérer la variable.

Éditeur de notifications web push 2025 - 10-min.png

Donnez un nom à la variable pour l'identifier et une valeur par défaut pour indiquer la valeur que vous souhaitez lui attribuer lorsqu'aucune donnée n'est disponible dans le champ correspondant.

Éditeur de notifications web push 2025 - 11-min.png

 

4. Ajouter des actions supplémentaires

Ajoutez jusqu'à deux liens avec des actions alternatives à l'action principale de votre notification push. Pour cela, dans le panneau Outils (3), allez dans l'onglet Actions et cliquez sur   Ajouter une action.

Éditeur de notifications web push 2025 - 12-min.png

Vous pouvez ajouter à votre action un titre, une URL et une icône, ainsi qu'activer l'option de fermeture de la notification lorsque le contact clique sur l'action.

Éditeur de notifications web push 2025 - 13-min.png

 

5. Traduire le contenu

Dans le panneau de prévisualisation, traduction et sauvegarde (1), vous pouvez traduire la notification dans n'importe quelle langue de votre choix. Pour ce faire, cliquez sur le bouton (Traduire).

Éditeur de notifications web push 2025 - 14-min.png

Dans la fenêtre contextuelle, cliquez sur le menu déroulant et sélectionnez la langue vers laquelle vous souhaitez traduire la notification web push.

Cliquez sur Confirmer pour que Connectif traduise automatiquement le contenu.

Éditeur de notifications web push 2025 - 15-min.png

 

6. Prévisualiser le résultat final et enregistrer

Dans le panneau de prévisualisation, traduction et sauvegarde (1), vous pouvez voir le résultat final de votre notification push. Pour cela, cliquez sur   (Prévisualiser) et sélectionnez si vous souhaitez prévisualiser la version complète ou la version compacte.

Éditeur de notifications web push 2025 - 16-min.png

Une fois que le résultat du design est satisfaisant, cliquez sur   Enregistrer pour enregistrer les modifications de la notification.

Éditeur de notifications web push 2025 - 17-min.png

 

 

Félicitations !
Vous avez atteint la fin de la leçon.

  

Avez-vous encore des questions non résolues ?
Rappelez-vous que vous avez à votre disposition nos spécialistes Connectif. Pour les contacter, il vous suffit d'ouvrir un ticket de support en cliquant sur le bouton bleu "Aide" de votre tableau de bord.

 


Continuez à apprendre !

Pour tirer pleinement parti de votre compte Connectif, nous vous recommandons de continuer avec les articles suivants :