Jak dodać widget agenta AI do swojej strony

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łącz przełącznik Channels na poziomie agenta i wybierz Web widget. Zewnętrzny token nie jest potrzebny, ale kanał pozostaje wyłączony do przejścia kontroli runtime.

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 zapisuje ustawienia i włącza Web widget tylko po przejściu kontroli publikacji, jawnego runtime model, przełącznika Channels agenta, allowed origins, konfiguracji oraz kredytów hosted lub BYOK. W przeciwnym razie kanał pozostaje wyłączony z widocznym błędem.

7. 07
   Skopiuj embed script.

   Skopiuj zwrócony widgetEmbedUrl. Zawsze używa opublikowanego sluga i dokładnego channel id: https://{slug}.ai.prostir.build/widget/embed.js?channelId={id}.

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.

• linkallowed originsDokładne HTTPS origins, np. https://example.com i https://www.example.com.
• docagent instructionsNa co widget odpowiada, czego ma odmawiać i kiedy ma wołać człowieka.
• docwebsite knowledgePricing, services, FAQs, docs, policies, booking details, support rules i source pages.
• codeembed scriptJednoliniowy script skopiowany z Prostir: <script src="https://{slug}.ai.prostir.build/widget/embed.js?channelId={id}" async></script>.

Otwórz Channels, wybierz Web widget, dodaj dozwolone adresy i kliknij Save.