Feedback direkt auf der Website — dein KI-Agent setzt es um
Kunden und Reviewer klicken direkt auf der Live-Website und markieren genau, was geändert werden soll. Jede Anmerkung trägt Screenshot, exaktes Element und technischen Kontext — und geht per MCP an Claude Code oder als Jira-Ticket. Statt „der Button oben“ bekommt dein Agent genau das, was er zum Umsetzen braucht.
Live-Demo: Klick unten rechts auf das Icon und markier etwas auf dieser Seite — genau so geben deine Kunden Feedback.
ainotate in Zahlen
Echtes, laufendes Feedback — und die Zeit, die es Agenturen spart.
In drei Schritten zum zentralen Feedback
Kein Onboarding für deine Kunden nötig — sie klicken einfach auf der Seite, die sie ohnehin schon offen haben.
Widget einbinden
Ein einziges Script-Tag (oder das npm-Paket @ainotate/react) auf der Kundenseite platzieren — fertig. Kein Server, keine Konfiguration auf Kundenseite nötig.
Kunden annotieren live auf der Seite
Kunden und Reviewer klicken direkt auf der laufenden Website, markieren Elemente und schreiben ihr Feedback im Kontext.
Agent holt die Inbox per MCP
Alle Anmerkungen landen in einer Inbox und dein KI-Agent holt sie sich per MCP direkt ab — oder du legst mit einem Klick ein Jira-Ticket samt Screenshot an.
Alles, was Agenturen fürs Website-Feedback brauchen
Embed-Script
Ein Snippet pro Widget, sofort einsatzbereit auf beliebigen Domains deiner Kunden.
Zentrale Inbox
Alle Annotationen aller Widgets und Kunden an einem Ort filtern, sichten und bearbeiten.
Screenshots automatisch
Jede Anmerkung wird automatisch mit einem Screenshot der betroffenen Stelle dokumentiert.
Technische Session-Daten
Browser, Viewport, Sprache, Zeitzone und Plattform — automatisch mitgeliefert, kein Nachfragen nötig.
MCP für Agenten
Verbinde Claude Code oder deinen eigenen Agenten per MCP direkt mit deiner Ainotate-Inbox.
Jira-Integration
Anmerkungen mit einem Klick als Jira-Ticket samt Screenshot und Kontext anlegen.
Gebaut für das Agency-Modell
Betreibe beliebig viele Widgets für beliebig viele Kunden aus einem einzigen Konto — jedes Widget mit eigener Domain-Freigabe, eigenen Einstellungen und eigenem Embed-Code. Das Feedback all deiner Kunden fließt in eine zentrale Inbox.
Von Feedback zu Fix — in Minuten statt Tagen
Ainotate kürzt die Feedback-Schleife radikal ab: Kunden annotieren im Kontext, dein Agent bekommt alles was er braucht, und aus jeder Anmerkung wird direkt umsetzbare Arbeit.
Minuten statt Tage
Feedback einsammeln
Kunden klicken direkt auf der Live-Seite und schreiben im Kontext. Kein Screenshot-Anhang, kein „der Button oben“, keine Abstimmungsrunde.
0 Rückfragen
Voller Kontext
Screenshot, exakter CSS-Selektor, Seite und technische Session-Daten hängen automatisch an jeder Anmerkung — dein Agent muss nichts raten.
Ein Handgriff
Direkt umsetzen
Dein KI-Agent holt die Inbox per MCP und setzt um — oder du legst mit einem Klick ein Jira-Ticket samt Screenshot an.
Dein gebrandetes Kundenportal
Gib deinen Kunden ein eigenes Portal — mit deinem Logo, deinen Farben und deinem Text. Sie verfolgen den Status ihrer Rückmeldungen als Kanban und kommentieren direkt, ganz ohne technische Details.
- Eigenes Logo & Markenfarbe
- Kanban: Neu / In Arbeit / Erledigt
- Kommentar-Thread je Rückmeldung
- Passwortloser Login per Magic-Link
Einfache, transparente Preise
Jederzeit kündbar. Kein Setup-Aufwand.
Free
Zum Ausprobieren mit einem Kunden.
0 €für immer
- 1 Widget
- 1 Kunde
- Zentrale Inbox
- Screenshots automatisch
Starter
Für einzelne Projekte mit einem Kunden.
29 €/ Monat
- 1 Widget
- Unbegrenzte Annotationen
- Jira-Integration
- E-Mail-Support
Agency
Für Agenturen mit mehreren Kunden und Widgets.
99 €/ Monat
- Bis zu 10 Widgets
- Mehrere Kunden verwalten
- MCP-Zugriff für Agenten
- Jira-Integration
- Priorisierter Support
Agency+
Für Agenturen mit brandbarem Kundenportal.
149 €/ Monat
- Alles aus Agency
- Branded Kundenportal
- Kunden-Kanban & Kommentare
- Portal-Zugänge einladen
In Sekunden mit deinem KI-Agenten integriert
Sag deinem KI-Agenten einfach, er soll Ainotate in deine App einbauen — er installiert das Paket und bindet das Widget selbst ein. Kein manuelles Copy-Paste durch dich nötig.
1. Widget anlegen
Im Dashboard unter Widgets ein neues Widget erstellen und den Widget-Key kopieren.
2. Prompt an deinen Agenten
Den Prompt unten an Claude Code oder deinen Coding-Agenten schicken.
3. Agent bindet es ein
Er installiert @ainotate/react und fügt <Ainotate> in deine App ein — fertig.
Prompt für deinen Agenten
Integriere Ainotate in meine App: installiere `@ainotate/react` und binde `<Ainotate widgetKey="wk_DEIN_KEY" />` ein. Den Widget-Key finde ich im Ainotate-Dashboard unter Widgets.Oder von Hand
npm i @ainotate/reactimport { Ainotate } from "@ainotate/react";
export default function App() {
return (
<>
<YourApp />
<Ainotate widgetKey="wk_..." />
</>
);
}Sobald das Widget läuft, kann derselbe Agent die eingehenden Anmerkungen anschließend per MCP abholen und direkt umsetzen — genau wie im dritten Schritt oben gezeigt.
Häufig gestellte Fragen
Alles, was du vor dem Start wissen solltest.
Was ist Ainotate?
Ein visuelles Feedback-Tool für Websites: Kunden und Reviewer klicken direkt auf der Live-Seite, markieren ein Element und schreiben ihr Feedback im Kontext. Alle Anmerkungen landen zentral in einer Inbox statt verstreut in E-Mails oder Chats.
Wie binde ich das Widget ein?
Zwei Wege: entweder ein Script-Tag — <script src="https://api.ainotate.app/widget.js" data-widget-key="wk_..." defer> — oder das npm-Paket @ainotate/react mit der <Ainotate widgetKey="wk_..." />-Komponente. Beides ist in wenigen Minuten eingebunden.
Funktioniert es auf jeder Website oder App?
Ja. Ainotate läuft auf beliebigen Domains — du legst pro Widget eine Domain-Allowlist fest, damit es nur dort aktiv ist, wo du es erlaubst.
Funktioniert Ainotate auch auf Mobilgeräten?
Aktuell ist der Feedback-Flow auf Desktop ausgelegt. Mobile-Unterstützung ist in Arbeit und folgt in einer der nächsten Versionen.
Was ist der MCP-Zugriff und wie holt mein KI-Agent die Anmerkungen ab?
Dein Agent verbindet sich per MCP mit deiner Ainotate-Inbox und ruft Tools wie list_annotations und get_annotation auf, um offene Anmerkungen samt Screenshot und Kontext zu laden. Nach der Umsetzung setzt er den Status der Anmerkung direkt über MCP zurück.
Wie entstehen die Screenshots?
Automatisch und client-seitig: Beim Absenden einer Anmerkung erstellt das Widget im Browser des Reviewers einen Screenshot der betroffenen Stelle — ganz ohne zusätzlichen Schritt.
Was kostet Ainotate?
Es gibt einen kostenlosen Einstieg (Free) sowie die Pläne Starter und Agency für mehrere Kunden und Widgets. Details findest du oben im Abschnitt Preise.
Wie sicher sind meine Daten?
Alle Daten sind strikt pro Organisation getrennt. Screenshots und Anmerkungen sind privat und nur für dein Team sowie deinen autorisierten Agenten zugänglich.
Bereit für zentrales Website-Feedback?
Leg direkt los — Auth ist in dieser Version gemockt, du bist in wenigen Sekunden im Dashboard.