So fügst du ein KI-Agenten-Widget zu deiner Website hinzu

• Einen veröffentlichten Prostir-Agenten mit explizitem Channel-Runtime-Modell, aktiviertem Channels-Schalter auf Agent-Ebene und positiven Model Usage Credits für ein Hosted-Modell oder einem gespeicherten BYOK-Key.
• Den exakten öffentlichen Origin, auf dem das Widget laufen soll, zum Beispiel https://example.com. Nutze HTTPS, die richtige Subdomain und keinen Pfad wie /pricing.
• Zugriff auf Website Builder, CMS, Tag Manager oder HTML Template, wo du ein kleines Script vor </body> oder in ein globales Custom-Code-Feld einfügst.

Das Muster ist einfach: Agent veröffentlichen, Web widget Channel erstellen, Save drücken, Script kopieren, auf der Website einfügen und vom erlaubten Origin testen.

1. 01
   Erstelle den KI-Agenten in Prostir.

   Beschreibe, was der website agent tun soll, und füge Seiten, FAQs, docs, pricing notes, support rules und tools hinzu. Wähle das Modell, bevor Besucher ihn sehen.

2. 02
   Veröffentliche den Agenten.

   Das website widget nutzt den published agent runtime. Wenn der Agent nur draft ist, kann das embed script keinen zuverlässigen öffentlichen website chatbot ausliefern.

3. 03
   Öffne Channels und wähle Web widget.

   Aktiviere den Channels-Schalter des Agenten und wähle Web widget. Ein externer Token ist nicht nötig, aber der Channel bleibt deaktiviert, bis die Runtime-Prüfungen bestehen.

4. 04
   Füge allowed origins hinzu.

   Füge jeden exakten HTTPS-Origin hinzu, auf dem das Widget laufen darf, etwa https://example.com und https://www.example.com. Prostir blockiert nicht gelistete externe Origins, damit keine andere Website dein Widget Script wiederverwendet.

5. 05
   Gestalte das Chat Widget.

   Setze position, width, height, colors, greeting text, intro text, input placeholder, launcher label und quick actions. Die ersten Vorschläge sollten zu echten Fragen passen: pricing, booking, support, order status oder product fit.

6. 06
   Drücke Save.

   Save speichert die Einstellungen und aktiviert das Web widget nur nach erfolgreichen Prüfungen von Veröffentlichung, explizitem Runtime-Modell, Channels-Schalter des Agenten, allowed origins, Konfiguration und Hosted-Credits oder BYOK. Sonst bleibt es mit sichtbarem Fehler deaktiviert.

7. 07
   Kopiere das Embed Script.

   Kopiere die zurückgegebene widgetEmbedUrl. Sie nutzt immer den veröffentlichten Slug und die exakte channel id: https://{slug}.ai.prostir.build/widget/embed.js?channelId={id}.

8. 08
   Füge das Script auf deiner Website ein.

   Bei einer handgeschriebenen Website fügst du es vor </body> ein. In Webflow, WordPress, Shopify, Wix, Squarespace, Framer oder einem anderen Builder nutzt du global custom code, embed code oder custom HTML.

9. 09
   Teste von der Live-Website.

   Öffne die echte erlaubte Domain, nicht irgendeine Preview URL. Stelle eine echte Frage, prüfe die Antwort und bestätige, dass das Gespräch in Channels erscheint.

Ein guter website AI agent ist mehr als eine Chat-Blase.

Channels, Web widget, allowed origins, Save.

• Nutze die echte Domain aus allowed origins. Wenn du von einem anderen Preview Origin testest, kann das Widget absichtlich fail closed gehen.
• Stelle Fragen, die ein Lead stellen würde: price, availability, next step, fit, support, refund oder implementation time.
• Wenn die Antwort schwach ist, aktualisiere instructions oder knowledge in Prostir, veröffentliche erneut, und das eingebettete Widget übernimmt den verbesserten Agenten ohne Website-Rebuild.