Sie können einen Agentkit-Website-Chatbot erstellen, ohne eine Anwendung zu programmieren. Fügen Sie freigegebene Seiten oder Dateien hinzu, legen Sie fest, wie der Agent antworten soll, testen Sie ihn im Playground und kopieren Sie dann beide generierten Script-Tags in den Code-Bereich Ihrer Website. Der letzte Schritt ist ein Test auf der veröffentlichten Seite. Eine Chat-Blase, die im Editor erscheint, beweist nicht, dass Besucher sie nutzen können.
Sie benötigen ein Agentkit-Konto, Inhalte, die Sie verwenden dürfen, und die Berechtigung, benutzerdefinierten Code zu Ihrer Website hinzuzufügen. Wenn Ihr Website-Tarif oder Ihre Rolle keine Skripte veröffentlichen kann, kann ein Inline-Iframe eine Option sein, sofern Einbettungen erlaubt sind. Prüfen Sie die Regeln Ihrer Website, bevor Sie beginnen.
1. Beginnen Sie mit einer Frage und ihrer freigegebenen Antwort
Wählen Sie drei Fragen, die Besucher tatsächlich stellen. Nehmen Sie eine Routinefrage, eine Frage, deren Antwort von einer aktuellen Richtlinie abhängt, und eine Frage, die Ihre Quellen nicht beantworten. Notieren Sie für jede die freigegebene Antwort oder den Kontaktweg zu einem Menschen. Dieser kleine Antwortschlüssel gibt Ihnen etwas Konkretes, das Sie später prüfen können.
Ein Shop könnte zum Beispiel fragen: „Wann kann ich einen reduzierten Artikel zurückgeben?“ Verwenden Sie die aktuellen Rückgabebedingungen als Antwortquelle. Wenn die Richtlinie reduzierte Artikel nicht abdeckt, ist die akzeptable Antwort, dass der Agent die Regel nicht bestätigen kann und den Besucher an den Shop verweist. Das Beispiel ist ein Testmuster, keine Aussage über die Richtlinie eines bestimmten Shops.
2. Agent erstellen und Quellen hinzufügen
Erstellen Sie ein Konto, öffnen Sie das Dashboard und wählen Sie Add AI agent. Der Einrichtungsassistent führt Sie durch Link, Sources, Design und AI. Sie können Ihre Website-URL angeben oder Quellen manuell hinzufügen. Wählen Sie unter Sources die wenigen Seiten aus, die Ihre freigegebenen Antworten enthalten. Fügen Sie eine Datei, einen Textausschnitt oder ein Frage-Antwort-Paar nur hinzu, wenn es eine Antwort liefert, die diesen Seiten fehlt. Der Quellen-Leitfaden erklärt die verfügbaren Quellentypen.
Prüfen Sie, was der Crawler aufgenommen hat. Eine Website-URL garantiert nicht, dass jede Seite verwendbar, aktuell oder freigegeben ist. Vermeiden Sie doppelte oder widersprüchliche Richtlinienversionen. Aktualisieren Sie nach einer Richtlinienänderung die betroffene Quelle und testen Sie die zugehörige Frage erneut. Das kostenpflichtige automatische Neutraining aktualisiert bereits indexierte Website-URLs; es entdeckt nicht jede neue Seite und ersetzt keine hochgeladenen Dateien für Sie. Der Leitfaden zu Website-Quellen erklärt diese Grenze.
3. Design und Antwortregeln festlegen
Legen Sie unter Design einen erkennbaren Namen, eine Farbe und eine Begrüßungsnachricht fest. Sagen Sie Besuchern, was der Agent beantworten kann. Wählen Sie unter AI aus den Modellen, die derzeit in Ihrem Konto angeboten werden, und schreiben Sie kurze Anweisungen zu Umfang und Unsicherheit. Modellnamen und Tarifzugang ändern sich, nutzen Sie daher die Auswahl in Ihrem Workspace statt einer statischen Liste in einem Artikel.
Eine nützliche Anweisung lautet: „Beantworte Fragen zu unseren veröffentlichten Rückgabebedingungen anhand der bereitgestellten Quellen. Wenn ein Detail fehlt oder die Quellen sich widersprechen, sage, dass du es nicht bestätigen kannst, und verweise den Besucher an [Support-Weg].“ Ersetzen Sie den Platzhalter durch einen Weg, den Ihr Team tatsächlich überwacht. Anweisungen steuern das Verhalten; sie können fehlendes oder widersprüchliches Quellenmaterial nicht wahr machen.
Schließen Sie den Assistenten ab und öffnen Sie den Playground. Stellen Sie Ihre drei Fragen und dann eine Folgefrage, die ein wichtiges Detail ändert. Vergleichen Sie jede Antwort mit Ihrem schriftlichen Antwortschlüssel. Korrigieren Sie die Quelle oder die Anweisungen und wiederholen Sie den Test, wenn eine Antwort falsch ist. Wenn der Agent Lead-Erfassung oder eine Aktion anbietet, testen Sie das tatsächliche Ziel, bevor Sie es für Besucher aktivieren; ein Versprechen im Gespräch allein ist keine abgeschlossene Übergabe.
4. Den generierten Widget-Code installieren
Öffnen Sie die Seite Channels → Website embed des Agenten, wählen Sie Chat widget und aktivieren Sie den Kanal. Kopieren Sie den vollständigen für Ihren Agenten generierten Code. Er enthält ein kurzes Bootstrap-Tag für die Befehlswarteschlange, gefolgt von einem asynchronen Loader-Tag mit Ihrer Agenten-ID und der konfigurierten Widget-URL. Fügen Sie beide Tags zusammen in das Footer-Code-Feld oder die gemeinsame HTML-Vorlage Ihrer Website ein, vor </body>. Veröffentlichen Sie die Website. Kopieren Sie keine ID oder Script-URL aus einem Beispielartikel.
Wenn Sie ein Chat-Panel innerhalb eines Seitenabschnitts statt einer schwebenden Blase möchten, aktivieren Sie Iframe auf derselben Website-embed-Seite und verwenden Sie den dort generierten Iframe-Code. Für die Platzierung auf Plattformen folgen Sie dem aktuellen Leitfaden für das JavaScript-Widget, React und Next.js, WordPress, Webflow oder Framer. Fügen Sie den Widget-Code einmal pro gerenderter Seite hinzu.
5. Die öffentliche Seite prüfen
Öffnen Sie die veröffentlichte URL in einem neuen Browserfenster, auch auf einem Smartphone. Führen Sie dieses kurze Abnahmeprotokoll:
| Prüfung | Erwartetes Ergebnis | Bei Fehlschlag |
|---|---|---|
| Seitenquelltext | Beide generierten Widget-Tags erscheinen einmal | Prüfen Sie die Berechtigung zur Code-Platzierung, den Veröffentlichungsschritt und den Cache. |
| Chat öffnet sich | Die Blase öffnet sich und nimmt eine Nachricht an | Prüfen Sie, ob Chat widget aktiviert ist und das Skript lädt. |
| Bekannte Frage | Die Antwort stimmt mit der freigegebenen Quelle überein | Korrigieren Sie Quelle oder Anweisungen und testen Sie erneut. |
| Unbekannte Frage | Der Agent erfindet keine Richtlinie und bietet den echten Kontaktweg an | Fügen Sie einen expliziten Eskalationsweg hinzu und testen Sie erneut. |
| Übergabe an Menschen | Der Kontaktlink, das Formular oder die Aktion erreicht das vorgesehene Ziel | Beheben Sie das Ziel vor dem Start. |
Wenn das Widget im Playground erscheint, aber nicht auf der öffentlichen Domain, prüfen Sie neben dem generierten Code auch die Domain-Beschränkungen. Wenn sich die Blase öffnet, aber nicht antworten kann, prüfen Sie die Quellenverarbeitung und Ihr Nachrichtenkontingent. Notieren Sie Test-URL, Frage, beobachtete Antwort und Datum, damit Sie dieselbe Prüfung nach einer Quellenaktualisierung wiederholen können.
Ein No-Code-Start braucht weiterhin Verantwortung für die Quellen und eine Prüfung der Antworten. Beginnen Sie mit einem engen Fragenkatalog, veröffentlichen Sie und untersuchen Sie echte Gespräche auf Lücken. Wenn Sie diesen Workflow ausprobieren möchten, erstellen Sie ein Agentkit-Konto und testen Sie das veröffentlichte Widget, bevor Sie Besucher darauf verweisen.
