So bauen Sie in 7 Schritten einen KI-Agenten für Ihre Website

Ein KI-Agent auf Ihrer Website tut mehr, als nur Fragen zu beantworten. Er versteht Ihr Geschäft, führt Besucher zu den richtigen Informationen, erfasst Leads bei hoher Kaufabsicht und arbeitet rund um die Uhr ohne Pause. Anders als eine einfache FAQ-Seite oder ein statischer Chatbot mit vorgefertigten Antworten nutzt ein KI-Agent große Sprachmodelle, um natürliche Gespräche zu führen, die in Ihren tatsächlichen Inhalten verankert sind.

Dieser Leitfaden zeigt Ihnen Schritt für Schritt, wie Sie mit Agentkit einen KI-Agenten für Ihre Website von Grund auf aufbauen. Programmierkenntnisse sind nicht nötig. Am Ende haben Sie einen funktionierenden Agenten, der Ihr Geschäft kennt, zu Ihrer Marke passt und live auf Ihrer Website läuft.

Was ein KI-Agent für Ihre Website wirklich leistet

Bevor Sie loslegen, sollten Sie verstehen, was ein KI-Agent Ihrer Website bringt, das andere Tools nicht leisten.

Kernfunktionen

Ein KI-Agent steht an der Schnittstelle von Support, Vertrieb und Navigation. Er ist nicht nur ein Helpdesk. Er ist ein immer verfügbares Teammitglied, das alles über Ihr Geschäft weiß.

Voraussetzungen

Bevor Sie starten, stellen Sie sicher, dass Sie Folgendes haben:

• Eine Website, auf der Sie den Agenten einsetzen möchten (jede Website, die eigenes JavaScript erlaubt)
• Inhalte zum Trainieren (Ihre Website-URL ist das Minimum; Dokumente, FAQ und Produktbeschreibungen verbessern die Qualität)
• Einen klaren Zweck für den Agenten (Support, Vertrieb, Produktberatung oder eine Kombination)
• 15–45 Minuten für die vollständige Einrichtung

Was Sie nicht brauchen:

• Programmierkenntnisse
• Erfahrung mit KI oder maschinellem Lernen
• Server-Infrastruktur
• API-Schlüssel für KI-Modelle (Agentkit übernimmt das für Sie)

Schritt 1: Erstellen Sie Ihren Agenten

Registrieren Sie sich bei Agentkit und erstellen Sie Ihren ersten Chatbot. Der Free-Tarif gibt Ihnen 50 Nachrichten pro Monat mit einem Chatbot – genug, um einzurichten, zu testen und zu validieren, bevor Sie sich für einen kostenpflichtigen Tarif entscheiden.

In Ihrem Dashboard:

1. Klicken Sie auf Chatbot erstellen.
2. Geben Sie ihm einen Namen (das ist intern; Besucher sehen ihn nicht, es sei denn, Sie zeigen ihn an).
3. Wählen Sie Ihr primäres KI-Modell. Gute Startoptionen:
   • GPT-4o Mini für schnelle, kosteneffiziente Antworten zu den meisten Themen
   • GPT-4o für differenziertere Argumentation und komplexe Fragen
   • Claude Sonnet für natürlich klingende Konversationsantworten
   • Gemini Pro für längere Kontexte und mehrstufige Gespräche

Sie können das Modell später ohne erneutes Training wechseln – denken Sie also nicht zu lange über diesen Schritt nach.

Schritt 2: Fügen Sie Ihre Wissensquellen hinzu

Ihr Agent ist nur so gut wie die Informationen, auf die er zugreifen kann. Agentkit unterstützt vier Quellentypen, und die stärksten Agenten nutzen eine Kombination davon.

Website-Crawling (hier anfangen)

Geben Sie Ihre Website-URL ein und lassen Sie den Crawler Ihre Seiten indexieren. Das ist der schnellste Weg, Ihrem Agenten ein breites Wissen über Ihr Geschäft zu vermitteln.

1. Gehen Sie zum Tab Quellen Ihres Chatbots.
2. Klicken Sie auf Quelle hinzufügen und wählen Sie Website.
3. Geben Sie Ihre Start-URL ein (meist Ihre Startseite).
4. Wählen Sie den Crawling-Umfang:
   • Einzelne Seite: Nur diese URL
   • Unterverzeichnis: Alle Seiten unter einem Pfad (z. B. /docs/ oder /help/)
   • Gesamte Website: Jede Seite, die der Crawler erreichen kann

Für die meisten Unternehmen empfiehlt sich, mit einem Crawl der gesamten Website zu starten. Irrelevante Seiten können Sie danach entfernen.

Was gecrawlt werden sollte:

• Produkt- und Leistungsseiten
• Preisseite
• FAQ und Hilfe-Center
• Über-uns-Seite und Unternehmensinformationen
• Blogbeiträge mit zeitlosem Inhalt

Was übersprungen werden sollte:

• Login- und Admin-Seiten
• Checkout- und Warenkorbseiten
• Veraltete Blogbeiträge mit überholten Informationen
• Dünne Seiten (Tag-Archive, leere Kategorien)

Dokumente

Laden Sie PDFs, Word-Dokumente oder Textdateien hoch, die Informationen enthalten, die nicht auf Ihrer Website stehen.

Gute Kandidaten: Produktspezifikationen, Mitarbeiterhandbücher, Richtliniendokumente, Benutzerhandbücher, Datenblätter.

Q&A-Paare

Schreiben Sie konkrete Frage-Antwort-Paare für Themen, bei denen Sie die Antwort präzise steuern müssen. Preise, Rückerstattungsrichtlinien und häufig missverstandene Funktionen sind gute Kandidaten.

Q&A-Paare haben Vorrang vor gecrawlten Inhalten, nutzen Sie sie also für Ihre wichtigsten Fragen. Detaillierte Best Practices zum Schreiben effektiver Paare finden Sie unter So trainieren Sie einen Chatbot.

Textausschnitte

Fügen Sie reinen Text für schnelle Ergänzungen ein: aktuelle Aktionen, saisonale Ankündigungen, Markenbotschaften oder aktuelle Neuigkeiten.

Empfohlene Quellenstrategie

Schritt 3: Passen Sie das Erscheinungsbild des Agenten an

Ihr Agent sollte wirken, als gehöre er zu Ihrer Website, nicht wie ein aufgesetztes Drittanbieter-Tool.

Visuelle Einstellungen

Konfigurieren Sie diese im Tab Einstellungen Ihres Chatbots:

• Primärfarbe: Passend zur Primärfarbe Ihrer Marke
• Position: Unten rechts (Standard) oder unten links
• Begrüßungsnachricht: Das Erste, was Besucher sehen, wenn sie den Chat öffnen. Machen Sie sie konkret: „Hallo, ich helfe Ihnen gerne, den richtigen Tarif zu finden, beantworte Fragen zu unseren Funktionen oder führe Sie durch den Einstieg. Wonach suchen Sie?“
• Avatar: Laden Sie Ihr Logo oder ein individuelles Icon hoch
• Branding: In kostenpflichtigen Tarifen können Sie das Agentkit-Branding entfernen, sodass der Agent vollständig White-Label erscheint

Widget-Verhalten

• Automatisches Öffnen: Legen Sie fest, ob sich das Chat-Fenster automatisch öffnet oder auf einen Klick des Besuchers wartet
• Vorgeschlagene Nachrichten: Vorformulierte Prompts, die als anklickbare Schaltflächen erscheinen und Besucher zu häufigen Themen führen

Eine starke Begrüßungsnachricht und gut gewählte vorgeschlagene Nachrichten steigern das Engagement deutlich. Besucher, die „Fragen Sie mich alles“ sehen, wissen oft nicht, wo sie anfangen sollen. Besucher, die konkrete Prompts wie „Welche Tarife bieten Sie an?“ und „Wie fange ich an?“ sehen, klicken sofort.

Schritt 4: Richten Sie Aktionen ein

Aktionen legen fest, was Ihr Agent über das Beantworten von Fragen hinaus tun kann. Agentkit bietet fünf Aktionstypen:

Lead-Erfassung einrichten

Für die meisten Unternehmen ist die Lead-Erfassung die wertvollste Aktion. Konfigurieren Sie sie im Tab Aktionen:

1. Wählen Sie Leads erfassen.
2. Wählen Sie Ihre Felder: E-Mail (Pflichtfeld), Name, Unternehmen, Telefon oder individuelle Felder.
3. Schreiben Sie die System-Prompt-Anweisung, die dem Agenten sagt, wann er die Lead-Erfassung auslösen soll. Zum Beispiel: „Bieten Sie nach der Beantwortung der Frage des Besuchers zu Preisen oder Funktionen an, ihm einen Vergleichsleitfaden zu senden, und fragen Sie nach seiner E-Mail-Adresse.“

Halten Sie Pflichtfelder auf ein Minimum. Jedes zusätzliche Pflichtfeld senkt die Abschlussrate. Zu Beginn reicht die E-Mail-Adresse allein. Weitere Informationen können Sie über Folgegespräche oder E-Mail erfassen.

Für einen tieferen Einblick in Strategien zur Lead-Erfassung siehe So nutzen Sie Chatbots zur Lead-Generierung.

Vorgeschlagene Nachrichten einrichten

Fügen Sie 3–5 vorgeschlagene Nachrichten hinzu, die Ihre häufigsten Besucherfragen abdecken:

• „Was bieten Sie an?“
• „Was kostet das?“
• „Wie fange ich an?“
• „Kann ich eine Demo sehen?“
• „Was unterscheidet Sie von anderen?“

Diese erscheinen als anklickbare Schaltflächen, wenn der Besucher den Chat öffnet, und erleichtern den Gesprächseinstieg.

Schritt 5: Schreiben Sie die Anweisungen des Agenten

Der System-Prompt ist die wichtigste Konfiguration, die Sie schreiben werden. Er prägt jede Antwort Ihres Agenten. Investieren Sie hier Zeit.

Wesentliche Bestandteile

Ihr System-Prompt braucht fünf Elemente:

1. Identität: „Sie sind der KI-Assistent von [Unternehmensname]. Sie helfen Website-Besuchern, unsere Produkte zu verstehen, den richtigen Tarif zu finden und Antworten auf ihre Fragen zu erhalten.“

2. Ton: „Seien Sie freundlich, direkt und professionell. Verwenden Sie kurze Sätze. Vermeiden Sie Fachjargon. Beginnen Sie Antworten nicht mit Füllfloskeln wie ‚Gute Frage!‘ oder ‚Auf jeden Fall!‘“

3. Grenzen: „Beantworten Sie nur Fragen zu [Unternehmensname] und unseren Produkten. Werden Sie zu Themen außerhalb Ihres Wissens gefragt, sagen Sie: ‚Ich bin auf [Unternehmensname] spezialisiert. Für dieses Thema empfehle ich [alternative Ressource]. Wie kann ich Ihnen bei unseren Produkten helfen?‘ Erfinden Sie niemals Informationen.“

4. Format: „Halten Sie Antworten unter 120 Wörtern. Verwenden Sie Aufzählungspunkte für Listen. Fügen Sie relevante Links ein, wenn verfügbar.“

5. Eskalation: „Ist ein Besucher frustriert, entschuldigen Sie sich für die Unannehmlichkeiten und nennen Sie unsere Support-E-Mail: [E-Mail]. Bei Abrechnungs- oder Kontoproblemen leiten Sie immer an das Support-Team weiter.“

Detaillierte Vorlagen und fortgeschrittene Techniken finden Sie unter Chatbot-Prompt-Engineering.

Tonkalibrierung

Der Ton, den Sie im System-Prompt festlegen, sollte zu Ihrer Marke passen. Hier einige Anhaltspunkte:

Schritt 6: Testen Sie im Playground

Bevor Sie live gehen, testen Sie Ihren Agenten gründlich im Playground. Das ist Ihre Sandbox, um Probleme zu erkennen, bevor Besucher es tun.

Test-Checkliste

Was Sie während des Testens korrigieren sollten

Falsche Antworten: Fügen Sie für die betroffenen Fragen Q&A-Paare hinzu oder aktualisieren Sie sie. Q&A-Paare haben Vorrang vor gecrawlten Inhalten.

Fehlende Informationen: Fügen Sie die relevanten Inhalte per Website-Crawling, Dokument-Upload oder Textausschnitt hinzu.

Falscher Ton: Passen Sie den Ton-Abschnitt Ihres System-Prompts an. Fügen Sie Beispielantworten hinzu, wenn das Modell nicht die gewünschte Stimme trifft.

Zu ausführlich: Fügen Sie im Format-Abschnitt Ihres System-Prompts Wortlimits hinzu.

Lead-Erfassung wirkt aufdringlich: Passen Sie das Timing der Auslösung an. Verschieben Sie sie später ins Gespräch oder formulieren Sie sie stärker nutzenorientiert.

Schritt 7: Betten Sie ihn auf Ihrer Website ein

Sobald Ihr Agent die Tests besteht, bringen Sie ihn auf Ihre Website. Agentkit bietet vier Einbettungsmethoden:

JavaScript-Widget (empfohlen)

Fügen Sie Ihrer Website eine einzige Codezeile hinzu, direkt vor dem schließenden </body>-Tag:

<script
  src="https://cdn.agentkit.ai/widget.js"
  data-chatbot="YOUR_CHATBOT_ID"
  async>
</script>

Das ist die schnellste Methode und funktioniert auf jeder Website: statisches HTML, WordPress, Shopify, Squarespace, Wix, Webflow oder jedes andere CMS. Das Widget lädt asynchron und beeinträchtigt Ihre Seitengeschwindigkeit nicht.

React-Komponente

Ist Ihre Website mit React gebaut, nutzen Sie die Agentkit-React-Komponente für eine engere Integration:

import { AgentiChatbot } from '@agentkit/react';

function App() {
  return <AgentiChatbot chatbotId="YOUR_CHATBOT_ID" />;
}

WordPress-Plugin

Nutzen Sie WordPress, installieren Sie das Agentkit-Plugin aus dem WordPress-Plugin-Verzeichnis. Geben Sie Ihre Chatbot-ID in den Plugin-Einstellungen ein, und das Widget erscheint automatisch auf jeder Seite. Eine vollständige Anleitung finden Sie unter So fügen Sie WordPress einen Chatbot hinzu.

Iframe

Wenn JavaScript eingeschränkt ist, betten Sie den Chatbot als iframe ein:

<iframe src="https://cdn.agentkit.ai/embed/your-chatbot-id" width="400" height="600"></iframe>

Diese Methode gibt Ihnen weniger Kontrolle über die Positionierung, funktioniert aber in Umgebungen, die externe Skripte einschränken.

Nach dem Launch: Laufende Optimierung

Die Einführung Ihres Agenten ist nicht die Ziellinie. Die besten KI-Agenten verbessern sich fortlaufend anhand echter Gesprächsdaten.

Woche 1: Genau beobachten

• Prüfen Sie jedes Gespräch in Ihren Chat-Protokollen
• Notieren Sie Fragen, die der Agent schlecht oder gar nicht beantwortet
• Fügen Sie Q&A-Paare oder weitere Quellen hinzu, um Lücken zu schließen
• Prüfen Sie, ob die Lead-Erfassung zu den richtigen Momenten auslöst

Wochen 2–4: Trainingsdaten iterieren

• Fügen Sie die 10 häufigsten unbeantworteten Fragen als Q&A-Paare hinzu
• Erweitern Sie das Website-Crawling auf Seiten, die Sie anfangs übersprungen haben
• Laden Sie Dokumente hoch, die häufig gefragte Themen vertiefen
• Verfeinern Sie Ihren System-Prompt anhand Ihrer Beobachtungen zu Ton und Formatierung

Monatlich (laufend):

• Prüfen Sie die Analysen auf Trends beim Gesprächsvolumen
• Prüfen Sie Trainingsquellen auf veraltete Inhalte
• Aktualisieren Sie Q&A-Paare, wenn sich Produkte, Preise oder Richtlinien ändern
• Testen Sie mit neuen Fragen, während sich Ihr Geschäft weiterentwickelt

In den Tarifen Standard ($119.99/Monat) und Pro ($399.99/Monat) hält automatisches Retraining Ihre Website-Quellen automatisch aktuell.

Fortgeschritten: API-Integration und Webhooks

Sobald Ihr Agent gut läuft, erweitern Sie seine Fähigkeiten mit Integrationen.

Webhooks

Konfigurieren Sie Webhooks, um bei bestimmten Aktionen Ereignisdaten an Ihre Systeme zu senden:

• Neuer Lead erfasst: Kontaktdaten an Ihr CRM übertragen
• Gespräch abgeschlossen: Gesprächsdaten in Ihrer Analyseplattform protokollieren
• Individuelles Formular übermittelt: Formulardaten an Ihr Ticketing-System weiterleiten

Webhooks senden eine POST-Anfrage mit JSON-Daten an eine beliebige von Ihnen angegebene URL.

Zapier

Verbinden Sie Ihren Agenten ohne Programmieren mit über 5.000 Apps. Gängige Workflows:

• Lead in Agentkit erfasst, Kontakt in HubSpot erstellen
• Lead in Agentkit erfasst, Slack-Benachrichtigung an den Vertriebskanal senden
• Gespräch abgeschlossen, Zeile zur Nachverfolgung in Google Sheets hinzufügen

Zapier ist ab dem Hobby-Tarif ($29.99/Monat) verfügbar.

REST-API

Bauen Sie individuelle Integrationen mit der Agentkit-REST-API. Rufen Sie Gesprächsdaten ab, verwalten Sie Chatbots programmatisch und integrieren Sie sie in interne Tools. Die API ist ab dem Hobby-Tarif verfügbar.

Einen umfassenden Leitfaden zu Integrationsoptionen finden Sie unter Chatbot-API-Integrationen.

Häufige Fragen

Wie lange dauert die Einrichtung?

Die Grundeinrichtung (Agent erstellen, Website-Quelle hinzufügen, anpassen, einbetten) dauert 15–30 Minuten. Das Hinzufügen von Q&A-Paaren, Dokumenten und die Feinabstimmung des System-Prompts kommen mit weiteren 15–30 Minuten dazu. Die meisten Nutzer haben innerhalb einer Stunde einen funktionierenden Agenten live auf ihrer Website.

Wie viele Nachrichten verbraucht ein KI-Agent?

Das hängt vom Besucher-Traffic und dem Engagement ab. Die Website eines kleinen Unternehmens verbraucht vielleicht 200–500 Nachrichten pro Monat. Eine stark frequentierte Website mit einem gut konfigurierten Agenten kann 5.000–20.000 verbrauchen. Starten Sie mit dem Free-Tarif (50 Nachrichten), um das Volumen einzuschätzen, und upgraden Sie bei Bedarf.

Kann ich den Agenten für mehrere Zwecke nutzen?

Ja. Ein einzelner Agent kann Support-Fragen beantworten, Leads erfassen und Besucher zu den richtigen Inhalten führen. Der System-Prompt legt die Prioritäten fest. Steht Support im Vordergrund, betonen Sie präzise Antworten. Steht Lead-Generierung im Vordergrund, betonen Sie Qualifizierung und Erfassung.

Was passiert, wenn der Agent die Antwort nicht kennt?

Findet der Agent keine relevanten Informationen in seinen Trainingsdaten, folgt er den Fallback-Anweisungen in Ihrem System-Prompt. Ein gut geschriebener Fallback verweist den Besucher auf eine alternative Ressource (Support-E-Mail, Hilfe-Center, Telefonnummer), statt zu raten.

Kann ich das KI-Modell später wechseln?

Ja. Wechseln Sie über die Einstellungsseite zwischen allen 12 verfügbaren Modellen (GPT-, Claude- und Gemini-Familien). Kein erneutes Training nötig. Das ist nützlich, um zu testen, welches Modell für Ihre Inhalte die besten Antworten liefert.

Fazit

Einen KI-Agenten für Ihre Website zu bauen, ist längst kein monatelanges Engineering-Projekt mehr. Der Prozess ist unkompliziert: erstellen, trainieren, anpassen, Aktionen konfigurieren, Anweisungen schreiben, testen und live schalten. Die eigentliche Arbeit beginnt nach dem Launch, wenn Sie Gesprächsdaten nutzen, um Wissen und Verhalten des Agenten fortlaufend zu verbessern.

Fangen Sie einfach an. Eine Website-Quelle, ein klarer System-Prompt und ein paar vorgeschlagene Nachrichten. Bringen Sie den Agenten live, beobachten Sie die Gespräche und verbessern Sie von dort aus. Ein einfacher Agent, der sich wöchentlich verbessert, schlägt einen überentwickelten Agenten, der nie live geht.

Erstellen Sie Ihren KI-Agenten kostenlos →

Keine Kreditkarte erforderlich.