La fonctionnalité Messages de Screeb vous permet de créer et déployer des messages engageants et ciblés pour guider, informer, ou onboarder vos utilisateurs. Que vous vouliez annoncer de nouvelles fonctionnalités, donner des conseils d'onboarding, ou booster l'engagement utilisateur, Screeb propose une gamme d'options personnalisables.

Suivez ce guide étape par étape pour créer et configurer efficacement vos messages.

Étape 1 : Rendez-vous dans la section Messages

1. Connectez-vous à Screeb et allez dans la section Engage du menu de gauche.
2. Dans le menu principal, sélectionnez Messages.

Depuis ici, vous pouvez gérer vos messages existants ou en créer de nouveaux.

Étape 2 : Créez un nouveau Message

Pour créer un nouveau Message, vous avez deux options :

• Créer à partir de zéro
• Créer à partir d'un Template

Les templates ne sont pas disponibles pour l'instant (bientôt disponible)

Il vous sera ensuite demandé de choisir où vous voulez voir ce message. Vous avez trois options :

• Pour l'App Web
• Pour l'App iOS
• Pour l'App Android

Les Messages Mobile ne sont pas disponibles pour l'instant (bientôt disponible)

Pour l'App Web, vous devrez saisir l'URL de votre site 👇

⚒️ Important :

L'URL du site est utilisée plus tard pour construire et éditer le Message directement sur votre site.

Assurez-vous que le site ciblé a bien le Tag Screeb installé, sinon l'éditeur ne s'ouvrira pas.

Comment installer Screeb

Étape 3 : Configurez le contenu du Message

Une fois votre nouveau Message créé, vous devriez être redirigé vers le builder de message.

Depuis là, vous pouvez changer le nom du Message, ajouter des Tags, et changer l'URL du message.

Cliquez sur "+" ou "Open Builder" pour commencer à éditer vos messages.

Cela ouvrira un nouvel onglet et vous permettra de sélectionner le format de message selon vos besoins :

1. Banner : pour des annonces rapides et non intrusives.
2. Modal : pour des notifications importantes en plein écran nécessitant l'attention de l'utilisateur.
3. Popover : pour guider les utilisateurs vers des actions ou zones spécifiques de votre plateforme.
4. Beacon : indicateurs subtils pour mettre en avant de nouvelles fonctionnalités ou des éléments d'interface importants.
5. Sidebar : messages persistants en panneau latéral pour un guidage plus détaillé.

Maintenant que vous avez sélectionné le format de message, il est temps d'ajouter du contenu. Screeb vous permet d'ajouter divers types de contenu :

Contenu du Message

Les contenus de message sont divisés en 2 types.

Content

Le type principal, utilisé pour définir la mise en page et les données du Message

• Header : Rédigez un titre clair et engageant pour attirer l'attention.
• Title and text : Fournissez une information ou des instructions concises dans la zone de contenu principale.
• Image/Video : Ajoutez une image ou une vidéo pour rendre votre message plus engageant ou illustratif. Cliquez simplement sur la section média pour uploader ou lier votre contenu. Largeur maximale : 480px / Hauteur maximale : 332px.
• Stepper : Un stepper est un outil de navigation qui décompose un processus en étapes séquentielles. Idéal pour l'onboarding, les tutoriels, ou les product tours. Utilisez un stepper pour guider les utilisateurs à travers un processus en plusieurs étapes, pour leur faciliter le suivi et la complétion des tâches.
• Par exemple, si vous introduisez une nouvelle fonctionnalité, utilisez le stepper pour découper l'explication en étapes digestes comme : "1. Localiser la fonctionnalité, 2. Personnaliser les réglages, 3. Enregistrer vos changements."
• Divider : Les dividers aident à séparer différentes sections dans votre message pour une meilleure lisibilité et clarté visuelle. Utilisez-les pour séparer des types de contenu (comme entre une vidéo et du texte) ou pour organiser visuellement une information complexe. Cela évite au message de paraître encombré et améliore l'expérience utilisateur en le rendant plus facile à parcourir.
• Checklist : Ajoutez une checklist à votre conteneur avec les options souhaitées. L'option Checklist est purement indicative. Compléter ou non une checklist n'impactera pas les étapes du Message.
• Spacer : Vous permet d'organiser la mise en page de votre conteneur à votre convenance. Un spacer peut être personnalisé de plusieurs façons :

Action

Le type Action rend votre Message interactif pour l'utilisateur. Vous pouvez envoyer l'utilisateur à l'étape suivante, rediriger vers une URL personnalisée, ou demander une réaction

Vous ne pouvez ajouter qu'une seule Action par étape de Message.

La seule exception est pour la Skip Action, qui ne peut être ajoutée que lorsqu'une Reaction Action est présente, permettant 2 Actions dans l'étape de Message.

• Go to Next Step : Le Go to Next Step est une partie critique de votre message. Il doit inciter l'utilisateur à effectuer l'action souhaitée, comme "Démarrer le Tutoriel", "En savoir plus", "Essayer la fonctionnalité", ou "Regarder la vidéo". Ce CTA est généralement un bouton qui se démarque visuellement, encourageant l'utilisateur à cliquer et continuer. Assurez-vous que votre CTA est :
• Clair et spécifique.
• Orienté action, avec des verbes forts.
• Pertinent par rapport au parcours de l'utilisateur ou au contenu du message.
• Link : Si vous voulez que les utilisateurs en apprennent plus, incluez un lien vers des ressources supplémentaires comme des docs d'aide, des articles de blog, ou des landing pages.
• Reaction : Incluez des boutons de réaction (ex. pouce levé/baissé ou emojis) pour permettre aux utilisateurs de donner un feedback rapide sur votre message.
• Skip : L'option Skip permet aux utilisateurs de contourner un message ou une étape spécifique. Particulièrement utile dans les tutoriels multi-étapes ou les séquences d'onboarding, où les utilisateurs peuvent déjà connaître certaines fonctionnalités et ne pas avoir besoin de suivre tout le parcours. Fournir un bouton Skip donne le contrôle aux utilisateurs, réduisant la frustration et créant une expérience plus fluide.

Astuce💡

Vous pouvez créer un message ou en faire une série, ajoutez simplement des étapes avec le bouton + en bas à droite et enregistrez.

Enregistrez votre Message

Une fois votre Message édité, vous devez l'enregistrer.

En bas à droite de l'éditeur, cliquez sur le bouton Save

Une fois votre Message enregistré, il vous sera demandé de quitter ou de continuer l'édition.

En fermant l'éditeur, vous reviendrez au Builder sur le site Admin Screeb.

Étape 4 : Prévisualisez votre Message

Avant de publier, il est essentiel de prévisualiser votre message pour s'assurer que tout apparaît et fonctionne comme prévu.

1. Cliquez sur "Preview" pour voir à quoi ressemblera le message sur votre plateforme.
2. Vérifiez l'apparence sur les vues desktop et mobile (bientôt disponible) pour vous assurer de la réactivité.
3. Testez les éléments interactifs comme les boutons, liens, et réactions.

Étape 5 : Définissez les règles de ciblage

Assurez-vous que votre Message atteint les bons utilisateurs en configurant des règles de ciblage :

Comme pour nos surveys, vous avez deux modes de ciblage principaux :

• Simple, pour un ciblage basique
• Advanced, pour un ciblage basé sur des critères ou comportements spécifiques liés à votre site/produit

Dans les deux cas, nous vous conseillons d'utiliser :

User Segmentation : Définissez votre audience selon les comportements, données démographiques, ou engagement des utilisateurs. Par exemple, ciblez les nouveaux utilisateurs avec des conseils d'onboarding ou montrez des annonces de nouvelles fonctionnalités aux utilisateurs récurrents.

Triggering Rules : Précisez quand le message doit apparaître :

• Sur une page spécifique, après un délai de X secondes passées sur la page.
• Après que l'utilisateur ait effectué un événement de tracking spécifique (ex. cliquer sur un bouton, se connecter..)
• Fréquence et durée d'affichage : ajoutez une récurrence ou planifiez une date de début et/ou de fin

Astuce💡
Affinez votre ciblage pour que les messages soient livrés aux moments les plus pertinents. Par exemple, les popovers d'onboarding ne devraient apparaître qu'à la première connexion, tandis que les mises à jour de fonctionnalités pourraient être mieux montrées après un événement spécifique.

Étape 6 : Activez et suivez la performance

Une fois satisfait de votre message :

1. Cliquez sur "Set Web Live" pour publier votre message en ligne.
2. Après activation, allez dans la section Analyze pour suivre l'engagement utilisateur et les métriques de performance, comme :

• Combien d'affichages de vos messages.
• Nombre total d'interactions (ex. utilisateurs ayant cliqué sur un CTA).
• Réactions et feedback des utilisateurs.

Conclusion

En suivant ces étapes, vous pouvez créer et déployer efficacement des messages ciblés et engageants qui aident à guider les utilisateurs, annoncer de nouvelles fonctionnalités, ou améliorer l'onboarding. La flexibilité et les options de personnalisation des Messages Screeb facilitent la communication avec les utilisateurs au bon moment et de la bonne manière.

Profitez de la segmentation, du timing, et de la personnalisation pour vous assurer que vos messages sont pertinents et percutants.

Dépannage

L'éditeur du Message Builder ne s'ouvre pas

Vous cliquez sur le bouton "Open Builder", et cela vous redirige vers votre site mais rien ne se passe ? Trouvons une solution.
D'abord, si vous avez un adblocker, veuillez le désactiver. Cela peut être la raison pour laquelle le builder ne s'ouvre pas.

Faites attention à ce qui suit. Si après quelques secondes rien ne se passe, retournez sur le site admin Screeb. Vous devriez voir une fenêtre vous demandant d'ouvrir le builder manuellement. Suivez les instructions.

Quand vous copiez-collez la commande suggérée dans la console, plusieurs cas peuvent se produire :

• Le Builder s'ouvre réellement. Cela signifie qu'un problème inconnu l'a empêché de s'ouvrir la première fois. Soit à cause d'un délai dans l'initialisation de Screeb, soit pour une raison hors de notre contrôle.
• Une erreur apparaît dans la console disant "$screeb is not defined". Cela signifie que le tag Screeb n'est pas installé sur cette partie de votre app. Veuillez vérifier votre installation.
• Une autre erreur apparaît. Contactez notre équipe support et partagez-leur l'erreur.

Si rien ne se passe, continuons le dépannage.

Copiez-collez la commande suivante dans la console. Elle vous dira si le tag est correctement initialisé ou non.

$screeb('debug');

Vous devriez obtenir un résultat similaire :

Si ce n'est pas le cas, alors votre tag Screeb n'est pas correctement initialisé. Cela pourrait être la raison pour laquelle le builder ne s'ouvre pas.
Sinon, veuillez contacter l'équipe support avec un résumé des informations recueillies.

Je n'arrive pas à placer correctement l'étape de Message sur mon site

Pour les étapes Beacon et Popover, vous devez cibler une ancre sur votre site.
Si le sélecteur souris ne fonctionne pas sur votre site, essayez de cibler le bon élément via CSS.
Demandez à votre équipe de définir des ID CSS clairs sur les éléments que vous voulez ancrer. Vous pouvez ensuite renseigner cet ID dans l'éditeur.

Pourquoi cela arrive-t-il ?

De nombreuses technologies sont utilisées pour créer des sites. Certaines obfusquent le code final du site, le rendant illisible par des outils externes. C'est souvent fait pour des raisons de sécurité.
À cause de cela, le nom technique des éléments sur les pages du site change constamment, rendant impossible l'ancrage d'une étape de Message à celui-ci.
En définissant un ID explicite, celui-ci restera après l'obfuscation du site.

Mes utilisateurs ne voient pas le Message

Vérifiez les limites potentielles :

• Le Tag Screeb est-il correctement installé sur votre site ?
• Si vous pouvez ouvrir l'éditeur de Message sur votre site, la réponse est Oui.
• Assurez-vous que votre Message est en ligne (Live)
• Assurez-vous que votre ciblage n'est pas trop restreint. Vous pouvez reproduire le ciblage de votre message dans la page Profil Utilisateur pour voir combien d'utilisateurs sont éligibles pour ce Message.

Si toutes les vérifications ci-dessus n'ont pas résolu le problème, veuillez contacter le support Screeb.

Mis à jour le : 14/08/2026