Jak dodać widget agenta AI do swojej strony

• Opublikowanego agenta Prostir z instructions, knowledge, tools i wybranym modelem.
• Dokładnego publicznego originu strony, na której widget będzie działał, na przykład https://example.com. Użyj HTTPS, właściwego subdomain i nie wklejaj ścieżki typu /pricing.
• Dostępu do website buildera, CMS, tag managera albo HTML template, gdzie możesz wkleić mały script przed </body> albo w pole site-wide custom code.

Schemat jest prosty: publikujesz agenta, tworzysz kanał Web widget, klikasz Save, kopiujesz script, wklejasz go na stronę i testujesz z allowed origin.

1. 01
   Utwórz agenta AI w Prostir.

   Opisz, co website agent ma robić, dodaj strony, FAQ, docs, pricing notes, support rules i tools. Wybierz model, zanim pokażesz go odwiedzającym.

2. 02
   Opublikuj agenta.

   Website widget używa published agent runtime. Jeśli agent jest tylko draft, embed script nie da stabilnego publicznego website chatbot.

3. 03
   Otwórz Channels i wybierz Web widget.

   W agencie otwórz Channels, wybierz Web widget i zostaw kanał enabled. Website widget nie potrzebuje zewnętrznego tokenu.

4. 04
   Dodaj allowed origins.

   Dodaj każdy dokładny HTTPS origin, na którym widget może działać, np. https://example.com i https://www.example.com. Prostir blokuje niewpisane external origins, żeby inna strona nie użyła twojego widget script.

5. 05
   Ustaw chat widget.

   Ustaw position, width, height, colors, greeting text, intro text, input placeholder, launcher label i quick actions. Pierwsze suggested actions powinny odpowiadać realnym pytaniom: pricing, booking, support, order status albo product fit.

6. 06
   Kliknij Save.

   Save tworzy albo aktualizuje kanał Web widget. Prostir trzyma allowed origins, design, channel model settings i conversation routing razem.

7. 07
   Skopiuj embed script.

   Skopiuj widget embed script z Prostir. Wskazuje typed public surface opublikowanego agenta i może zawierać channel id, jeśli masz kilka widgetów.

8. 08
   Wklej script na stronę.

   Na ręcznie pisanej stronie wklej go przed </body>. W Webflow, WordPress, Shopify, Wix, Squarespace, Framer albo innym builderze użyj site-wide custom code, embed code albo custom HTML.

9. 09
   Przetestuj z live site.

   Otwórz prawdziwą dozwoloną domenę, nie przypadkowy preview URL. Zadaj realne pytanie, sprawdź odpowiedź i potwierdź, że rozmowa pojawiła się w Channels.

Dobry website AI agent to więcej niż dymek chatu.

Channels, Web widget, allowed origins, Save.

• Użyj prawdziwej domeny z allowed origins. Jeśli testujesz z innego preview origin, widget może fail closed zgodnie z projektem.
• Zadaj pytania, które zadałby lead: price, availability, next step, fit, support, refund albo implementation time.
• Jeśli odpowiedź jest słaba, zaktualizuj instructions albo knowledge w Prostir, opublikuj ponownie, a embedded widget użyje poprawionego agenta bez przebudowy strony.