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

• Einen veröffentlichten Prostir-Agenten mit instructions, knowledge, tools und ausgewähltem Modell.
• 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.

   Öffne im Agenten Channels, wähle Web widget und lasse den Channel enabled. Für das website widget brauchst du keinen externen Token.

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 erstellt oder aktualisiert den Web widget Channel. Prostir hält allowed origins, design, channel model settings und conversation routing zusammen.

7. 07
   Kopiere das Embed Script.

   Kopiere das widget embed script aus Prostir. Es zeigt auf die typed public surface des veröffentlichten Agenten und kann eine channel id enthalten, wenn du mehrere Widgets hast.

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.