UserFeedChat
Feedchat · Marketing
UserFeedChat est un widget de retours gratuit et open source avec lequel les sites collectent les retours des utilisateurs, avec un sentiment et des captures d'écran.
À propos de UserFeedChat
Qu'est-ce que UserFeedChat
UserFeedChat est un widget de retours que vous intégrez à un site web pour que les visiteurs envoient des commentaires, une humeur et des captures d'écran depuis un petit panneau flottant. La bibliothèque est publiée comme web component, donc elle tourne dans React, Vue, Svelte ou du HTML simple sans réécriture. En interne, c'est un seul script d'environ 63 Ko, et il n'y a aucun serveur à configurer.
Ce qui est intéressant, c'est ce qu'il ne fait pas. Au lieu de stocker les retours dans une base de données d'entreprise, il déclenche un événement de navigateur feedchat:submit et vous remet la charge utile. C'est vous qui décidez où elle va : votre propre API, votre analytique, un webhook e-mail, ce que vous faites déjà tourner. En tant qu'outil de retours utilisateurs, il s'arrête à la collecte. Les données restent dans votre infrastructure, et cela signifie aussi qu'aucune couche d'analyse ne vous attend de l'autre côté.
Alors que se passe-t-il après un envoi ? Rien, tant que vous n'écrivez pas le code.
Pas de base de données. Pas de comptes. Pas de facture mensuelle.
Le compromis est réel. Il n'y a ni tableau de bord, ni analyse par IA, ni boîte de réception, donc toute synthèse ou tout tri doit se faire en aval. Si vous cherchez une suite de recherche prête à l'emploi avec des insights hébergés, ce n'est pas celle-ci. Vous achetez la simplicité, et la simplicité a un coût.
Pour commencer
- Installez le paquet avec
npm install feedchatoupnpm add feedchat. - Importez le script dans votre application et ajoutez un élément
<feedchat-widget>sur la page où les utilisateurs doivent le voir. - Définissez des attributs facultatifs comme
label,user-idetapp-versionpour que les envois portent un contexte utile. - Écoutez l'événement
feedchat:submitet acheminez chaque envoi vers votre API, votre analytique ou votre webhook. - Surchargez les variables CSS pour adapter les couleurs et les polices de votre marque.
Informations sur le produit
Aperçu des tarifs, des plateformes compatibles et des performances de UserFeedChat.
Idéal pour
Les utilisateurs, tâches et cas d'usage où cet outil convient le mieux.
Utilisateurs
- Développeurs front-end
- Fondateurs indépendants
- Équipes produit
Tâches
- Collecter des retours dans l'application
- Étiqueter les envois
- Construire un flux de revue maison
Cas d'usage
- Lancer une nouvelle fonctionnalité
- Mener une bêta
- Auditer un tunnel de paiement
Fonctionnalités clés
Web component indépendant du framework
UserFeedChat est livré comme custom element, donc il fonctionne dans React, Vue, Svelte ou une page HTML simple. Vous l'installez, importez le script et placez <feedchat-widget> là où le lanceur doit se trouver. Il n'y a aucun wrapper propre à un framework à maintenir, ce qui signifie qu'une seule intégration couvre tout le front-end que votre équipe fait tourner aujourd'hui.
Sentiment et captures d'écran
Chaque envoi porte une humeur obligatoire (triste, neutre ou heureux), un message écrit et les images jointes. Vous obtenez ainsi un signal rapide sur ce que l'utilisateur a ressenti, pas seulement sur ce qu'il a dit. Le bouton d'envoi reste désactivé tant qu'aucun sentiment n'est choisi et qu'il n'y a ni message ni image. Ces garde-fous simples réduisent discrètement les signalements vides ou accidentels avant qu'ils n'atteignent votre boîte de réception.
Contexte riche à chaque envoi
Chaque envoi inclut l'URL de la page, le titre, le user agent, un horodatage ISO et la taille de la fenêtre d'affichage. Vous pouvez ajouter user-id, app-version et n'importe quel attribut data-*, et ils sont repris dans les métadonnées de l'envoi. Déboguer un signalement devient plus facile quand vous savez exactement où et comment il a été envoyé. C'est tout l'intérêt. Le contexte bat la supposition à chaque fois.
Sans backend
Le widget ne stocke rien par lui-même. Il déclenche l'événement feedchat:submit et s'arrête là, donc c'est vous qui décidez si les données atterrissent dans une API, un webhook ou un outil d'analytique. Rien ne vit sur les serveurs d'un tiers sauf si vous l'y mettez, et ce choix de conception le distingue de presque toutes les plateformes de recherche hébergées auxquelles vous le comparerez. Vos données, du début à la fin.
Personnalisable aux couleurs de votre marque
Les variables CSS contrôlent la couleur d'accent, la surface, le panneau, la bordure, le texte et la police, ainsi que le fond, le rayon et la couleur du bouton du lanceur. Vous pouvez faire épouser un système de design au panneau sans forker le code source. Aucune recompilation nécessaire. Pointez les variables vers votre palette et il s'y accorde.
Gratuit et open source
Le projet tourne sous licence MIT et le code complet est sur GitHub. Vous pouvez lire le code, l'héberger vous-même et le modifier. Pas de palier tarifaire, pas de plafond d'usage, pas de compte. C'est rare. La plupart des outils de retours veulent un compte avant de vous montrer quoi que ce soit.
Runtime minuscule
Le paquet d'exécution fait environ 62,6 Ko, assez petit pour ne pas ralentir sensiblement le chargement d'une page. Pour les équipes déjà soucieuses des scripts tiers, cela compte. Il est minuscule. Personne ne remarque son chargement.
Avantages et inconvénients
Avantages
- Gratuit, sous licence MIT et entièrement auto-hébergeable, donc aucune dépendance à un fournisseur ni abonnement, et vous pouvez inspecter chaque ligne de code avant qu'elle ne parte chez les utilisateurs.
- Web component indépendant du framework qui s'adapte à React, Vue, Svelte et au HTML simple.
- La capture du sentiment et des captures d'écran apporte un contexte que le retour en texte seul laisse passer.
- Sans backend ni base de données, l'installation est rapide et les données restent dans votre infrastructure.
Inconvénients
- Pas de tableau de bord, de boîte de réception ni d'analyse intégrés, donc vous devez bâtir votre propre flux de revue avant que les retours collectés ne servent à quelque chose.
- Ne capture que le sentiment triste/neutre/heureux avec du texte et des images, sans échelles de notation ni questionnaires à plusieurs questions.
- Vous êtes responsable du stockage et de la sécurisation de chaque envoi une fois l'événement déclenché, ce qui ajoute du travail réel pour les petites équipes.
Questions fréquentes
Il sert à collecter des retours directement dans un site web. Voyez-le comme un outil de retours utilisateurs logé dans la page. Les utilisateurs envoient un commentaire, une humeur et des captures facultatives depuis un petit panneau, et votre application reçoit les données sous forme d'événement de navigateur.
Contenus associés
Découvrez des outils, des compétences et des articles liés à UserFeedChat.
Alternatives à UserFeedChat
ngram 2.0
ngram · Vidéo · Marketingngram 2.0 est un générateur de vidéo IA conçu pour les équipes. Il transforme un prompt, un enregistrement d'écran ou l'URL d'un produit en vidéo explicative, en démo ou en vidéo avec avatar IA, et chaque scène reste modifiable.
shippedit.me
Krawlup · Marketing · Entrepriseshippedit.me renvoie désormais vers Krawlup, une plateforme web qui audite le SEO, l'AEO et la vitesse chaque semaine, puis transmet les correctifs aux agents de code via MCP.
MePersona
MePersona, Inc. · Rédaction · Productivité · MarketingMePersona est une boîte de réception unifiée avec IA pensée pour les créateurs. Elle apprend votre style, rédige des réponses aux messages de vos fans sur 12 plateformes et n'envoie que ce que vous validez.