Saasy Onboarding
Guide tes utilisateurs avec des parcours d'onboarding interactifs : tooltips, modales, checklists, banners, slideouts et centre de ressources.
Saasy Onboarding
Saasy Onboarding te permet de déployer des parcours d'onboarding interactifs directement dans ton application, sans écrire de code côté client. Tu crées tes flows visuellement dans le Canvas Builder du dashboard, et le widget JavaScript se charge du rendu.
Fonctionnalités
Composants UI
| Composant | Description |
|---|---|
| Tooltip | Bulle contextuelle ancrée à un élément de ta page via un sélecteur CSS. Supporte le backdrop spotlight. |
| Modale | Overlay centré avec 4 layouts : fullscreen, large, compact, bottom-sheet. Supporte les médias (image, vidéo). |
| Bannière | Barre sticky en haut ou en bas de la page. Personnalisable en couleurs. |
| Slideout | Panneau latéral (gauche, droite, bas) avec largeur configurable. |
| Checklist | Liste de taches avec progression, bouton flottant et barre de progression. |
| Centre de ressources | Panneau avec catégories, articles, recherche. |
Canvas Builder
Le Canvas Builder est un éditeur visuel drag-and-drop basé sur ReactFlow. Tu construis tes flows en connectant des nodes :
- Étapes (tooltip, modale, bannière, slideout) — les composants UI que voit l'utilisateur
- Composants (checklist, centre de ressources) — éléments persistants
- Logique (condition, délai) — branchement conditionnel et temporisation
- Pont Feedback (déclencher sondage, déclencher beacon) — intégration avec Saasy Feedback
Ciblage et segmentation
Chaque flow peut être ciblé sur un segment d'utilisateurs. Les segments sont définis par des règles combinant attributs utilisateur, opérateurs (égal, contient, avant, après, etc.) et logique AND/OR.
Segments prédéfinis inclus :
- Nouveaux utilisateurs (inscrits dans les 7 derniers jours)
- Power Users (20+ sessions)
- Utilisateurs dormants (inactifs 14+ jours)
- Plan gratuit
- Essai expirant
Analytics
Suis les performances de tes flows :
- Taux de complétion par flow et par étape
- Funnel de progression étape par étape
- Drop-off (abandon)
- Progression des checklists
Theming
Personnalise l'apparence de tous les composants onboarding : couleurs, typographie, border-radius, ombres, style des tooltips, overlay, et CSS custom.
Architecture
Saasy Onboarding utilise le même widget JavaScript que Saasy Feedback. Quand l'onboarding est activé pour ton application, le widget charge automatiquement le module d'onboarding.
Le module fonctionne de manière autonome :
- Bootstrap — récupère la configuration et les flows actifs depuis l'API
- Orchestration — évalue les règles de ciblage, priorise les flows, affiche 1 flow bloquant à la fois
- Progression — sauvegarde la progression en localStorage + API (un utilisateur ne revoit pas un flow complété)
- Analytics — collecte les événements en batch et les envoie toutes les 5 secondes
Étape suivante
Consulte le guide d'installation pour intégrer Saasy Onboarding dans ton application.