UserFeedChat
Feedchat · Marketing
UserFeedChat ist ein kostenloses Open-Source-Feedback-Widget, mit dem Websites Nutzerfeedback mit Stimmung und Screenshots sammeln.
Über UserFeedChat
Was ist UserFeedChat
UserFeedChat ist ein Feedback-Widget, das Sie in eine Website einbauen, damit Besucher Kommentare, eine Stimmung und Screenshots über ein kleines schwebendes Panel senden. Die Bibliothek wird als Web Component veröffentlicht, läuft also in React, Vue, Svelte oder reinem HTML ohne Umschreiben. Darunter steckt ein einzelnes Skript von rund 63 KB, und es gibt keinen Server einzurichten.
Interessant ist, was es nicht tut. Statt Feedback in einer Unternehmensdatenbank zu speichern, löst es ein Browser-Ereignis feedchat:submit aus und übergibt die Nutzlast an Sie. Sie entscheiden, wohin sie geht: Ihre eigene API, Analytics, ein E-Mail-Webhook, was auch immer Sie bereits betreiben. Als Nutzerfeedback-Tool endet es bei der Sammlung. So bleiben die Daten in Ihrer Infrastruktur, und es bedeutet zugleich, dass auf der anderen Seite keine Analysesicht auf Sie wartet.
Was passiert also nach einem Absenden? Nichts, bis Sie den Code schreiben.
Keine Datenbank, keine Konten und keine Monatsrechnung.
Der Kompromiss ist real. Es gibt kein Dashboard, keine KI-Analyse und kein eingebautes Postfach, jede Zusammenfassung oder Sortierung muss also nachgelagert passieren. Wenn Sie eine fertige Research-Suite mit gehosteten Erkenntnissen wollen, ist das hier nichts. Sie kaufen Einfachheit, und Einfachheit hat ihren Preis.
Erste Schritte
- Installieren Sie das Paket mit
npm install feedchatoderpnpm add feedchat. - Importieren Sie das Skript in Ihre App und fügen Sie ein Element
<feedchat-widget>auf der Seite ein, auf der Nutzer es sehen sollen. - Setzen Sie optionale Attribute wie
label,user-idundapp-version, damit die Einsendungen nützlichen Kontext tragen. - Hören Sie auf das Ereignis
feedchat:submitund leiten Sie jede Nutzlast an Ihre API, Ihre Analytics oder Ihren Webhook. - Überschreiben Sie die CSS-Variablen, damit Farben und Schriftarten zu Ihrer Marke passen.
Produktinformationen
Ein kurzer Überblick über Preise, unterstützte Plattformen und die Leistung von UserFeedChat.
Am besten für
Die Nutzer, Aufgaben und Szenarien, für die dieses Tool am besten passt.
Nutzer
- Front-End-Entwickler
- Unabhängige Gründer
- Produktteams
Aufgaben
- Feedback in der App erfassen
- Einsendungen verschlagworten
- Einen eigenen Prüfablauf bauen
Szenarien
- Eine neue Funktion starten
- Eine Beta fahren
- Einen Checkout-Ablauf prüfen
Wichtigste Funktionen
Framework-unabhängige Web Component
UserFeedChat kommt als Custom Element und läuft daher in React, Vue, Svelte oder einer einfachen HTML-Seite. Sie installieren es, importieren das Skript und setzen <feedchat-widget> dorthin, wo der Launcher sitzen soll. Es gibt keinen frameworkspezifischen Wrapper zu pflegen, eine einzige Integration deckt also das gesamte Frontend ab, das Ihr Team gerade betreibt.
Stimmung plus Screenshots
Jede Einsendung trägt eine Pflichtstimmung aus traurig, neutral oder fröhlich, dazu eine geschriebene Nachricht und die angehängten Bilder. Das gibt Ihnen ein schnelles Signal, wie sich ein Nutzer gefühlt hat, nicht nur was er gesagt hat. Absenden bleibt gesperrt, bis eine Stimmung gewählt ist und eine Nachricht oder mindestens ein Bild vorliegt. Solche einfachen Leitplanken verringern still leere oder versehentliche Meldungen, bevor sie Ihr Postfach erreichen.
Reichhaltiger Kontext bei jeder Einsendung
Jede Nutzlast enthält die Seiten-URL, den Titel, den User Agent, einen ISO-Zeitstempel und die Viewport-Größe. Sie können user-id, app-version und beliebige data-*-Attribute ergänzen, die in die Metadaten der Einsendung übernommen werden. Eine Meldung zu debuggen wird leichter, wenn Sie genau wissen, wo und wie sie gesendet wurde. Genau darum geht es. Kontext schlägt Vermutung, jedes Mal.
Kein Backend nötig
Das Widget speichert nichts von sich aus. Es löst das Ereignis feedchat:submit aus und hört dort auf, Sie entscheiden also, ob die Daten in einer API, einem Webhook oder einem Analysewerkzeug landen. Nichts liegt auf fremden Servern, außer Sie legen es dort ab, und genau diese Designentscheidung trennt es von fast jeder gehosteten Research-Plattform, mit der Sie es vergleichen werden. Ihre Daten, von Anfang bis Ende.
An Ihre Marke anpassbar
CSS-Variablen steuern Akzent, Fläche, Panel, Rahmen, Text und Schriftart sowie Hintergrund, Radius und Farbe des Launcher-Buttons. Sie können das Panel in ein Designsystem einfügen, ohne den Quellcode zu forken. Kein Neubau nötig. Sie richten die Variablen auf Ihre Palette, und es passt.
Kostenlos und Open Source
Das Projekt läuft unter der MIT-Lizenz, der vollständige Quellcode liegt auf GitHub. Sie können den Code lesen, selbst hosten und ändern. Keine Preisstufe, kein Nutzungslimit, kein Konto. Das ist selten. Die meisten Feedback-Tools verlangen ein Konto, bevor sie überhaupt etwas zeigen.
Winzige Laufzeit
Das Laufzeitpaket ist etwa 62,6 KB groß, klein genug, um das Laden einer Seite nicht spürbar zu bremsen. Für Teams, die sich ohnehin um Drittanbieter-Skripte sorgen, zählt das. Es ist winzig. Niemand bemerkt, dass es lädt.
Vor- und Nachteile
Vorteile
- Kostenlos, MIT-lizenziert und vollständig selbst hostbar, also keine Anbieterbindung und kein Abo, und Sie können jede Codezeile prüfen, bevor sie zu Nutzern geht.
- Framework-unabhängige Web Component, die in React, Vue, Svelte und reines HTML passt.
- Stimmung und Screenshots liefern Kontext, den reines Textfeedback vermissen lässt.
- Ohne Backend und Datenbank geht die Einrichtung schnell, und die Daten bleiben in Ihrer Infrastruktur.
Nachteile
- Kein eingebautes Dashboard, Postfach oder Analyse, Sie müssen also Ihren eigenen Prüfablauf bauen, bevor das gesammelte Feedback etwas nützt.
- Erfasst nur die Stimmung traurig/neutral/fröhlich neben Text und Bildern, ohne Bewertungsskalen oder mehrteilige Umfragen.
- Sie sind dafür verantwortlich, jede Einsendung nach dem Auslösen des Ereignisses zu speichern und abzusichern, was für kleine Teams echte Mehrarbeit bedeutet.
Häufige Fragen
Es sammelt Feedback direkt in einer Website. Denken Sie es sich als Nutzerfeedback-Tool, das in der Seite sitzt. Nutzer senden einen Kommentar, eine Stimmung und optionale Screenshots über ein kleines Panel, und Ihre App erhält die Daten als Browser-Ereignis.
Ähnliche Inhalte
Entdecke passende Tools, Skills und Artikel zu UserFeedChat.
Alternativen zu UserFeedChat
ngram 2.0
ngram · Video · Marketingngram 2.0 ist ein KI-Videogenerator für Teams. Aus einem Prompt, einer Bildschirmaufnahme oder einer Produkt-URL entsteht ein Erklärvideo, eine Demo oder ein KI-Avatar-Video, und jede Szene bleibt bearbeitbar.
shippedit.me
Krawlup · Marketing · Businessshippedit.me leitet inzwischen auf Krawlup um, eine Web-Plattform, die SEO, AEO und Ladezeit wöchentlich prüft und die Korrekturen per MCP an Coding-Agenten übergibt.
MePersona
MePersona, Inc. · Schreiben · Produktivität · MarketingMePersona ist ein einheitlicher KI-Posteingang für Creator. Das Tool lernt Ihre Stimme, entwirft Antworten auf Fan-Nachrichten von 12 Plattformen und sendet nur, was Sie freigeben.