É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.

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.

 

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).

 

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.

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

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

• 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.

• 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.

 

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.

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.

 

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.

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.

 

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.

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.

 

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).

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.

 

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.

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

 

 

---

Continuez à apprendre !

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

• Configurer les notifications web push, pour configurer ce canal de communication et pouvoir envoyer ces notifications.
• Abonnement push avec notification du navigateur, pour lancer la notification d'abonnement aux web push du navigateur sans envoyer de contenu web.

• Campagne de notifications web push en masse, pour créer une campagne push massive.

• Funnel de récupération de panier abandonné, pour activer une stratégie de récupération de paniers via des notifications push.