Vue d'ensemble du widget
Comprends l'architecture et les capacités du widget Saasy Feedback.
Vue d'ensemble du widget
Le widget Saasy Feedback est un composant embarquable que tu intègres directement dans ton application pour collecter du feedback utilisateur sans friction.
Architecture technique
Le widget est construit avec Preact et rendu dans un Shadow DOM. Grâce au Shadow DOM, les styles de ton application n'interfèrent jamais avec ceux du widget, et vice versa. Tu n'as aucun conflit CSS à gérer.
La distribution se fait sous forme de bundle IIFE (Immediately Invoked Function Expression), ce qui signifie qu'une simple balise <script> suffit pour l'intégrer, sans étape de build requise de ton côté.
Objectif de taille
Le widget est optimisé pour être le plus léger possible. La cible est de rester sous 50 KB gzip pour ne pas dégrader les performances de chargement de ton application.
Les deux bundles
Saasy fournit deux scripts distincts selon tes besoins :
| Bundle | Fichier | Role |
|---|---|---|
| Widget principal | saasy-widget.js | Le widget complet avec toutes ses sections (idées, roadmap, changelog, etc.) |
| Beacons contextuels | saasy-beacon.js | Tooltips de feedback ancrés sur des éléments CSS de ta page |
Tu peux utiliser l'un, l'autre, ou les deux en même temps.
Formats d'affichage
Le widget propose 4 formats d'affichage que tu configures dans le Widget Builder :
- Popover — panneau flottant attaché à un bouton déclencheur
- Modal — overlay centré avec fond sombre
- Sidebar — panneau latéral qui glisse depuis le bord de l'écran
- Inline — intégré directement dans un élément de ta page via un sélecteur CSS
Sections configurables
Le widget supporte 6 types de sections que tu actives et ordonnes selon tes besoins :
- Idées — liste filtrable avec vote et commentaires
- Roadmap — vue Kanban groupee par statut
- Changelog — annonces publiées avec réactions
- Soumettre une idée — formulaire de soumission
- Sondage — questionnaire contextuel (NPS, CSAT, PMF, etc.)
- Lien personnalisé — lien externe avec label et URL configurés
API JavaScript
Le widget expose un objet global window.Saasy qui te donne un contrôle programmatique complet : ouverture, fermeture, identification de l'utilisateur, écoute d'événements, changement de langue, et plus encore.
Consulte la référence API JavaScript pour la liste exhaustive des méthodes disponibles.