Як додати AI-агента з віджетом на свій сайт

• Опублікований AI-агент Prostir з instructions, knowledge, tools і вибраною моделлю.
• Точний public origin сайту, де працюватиме віджет, наприклад https://example.com. Використовуй HTTPS, правильний subdomain і не вставляй path на кшталт /pricing.
• Доступ до website builder, CMS, tag manager або HTML template, де можна вставити маленький script перед </body> або в site-wide custom-code поле.

Патерн простий: публікуєш агента, створюєш Web widget channel, тиснеш Save, копіюєш script, вставляєш на сайт і тестуєш із allowed origin.

1. 01
   Створи AI-агента в Prostir.

   Опиши, що website agent має робити, додай сторінки, FAQ, docs, pricing notes, support rules і tools, якими він може користуватись. Обери модель до того, як показувати його відвідувачам.

2. 02
   Опублікуй агента.

   Website widget використовує published agent runtime. Якщо агент лишається draft-only, embed script не може стабільно працювати як public website chatbot.

3. 03
   Відкрий Channels і обери Web widget.

   В агенті відкрий Channels, вибери Web widget і залиш канал enabled. Для website widget не потрібен сторонній token.

4. 04
   Додай allowed origins.

   Додай кожен точний HTTPS origin, де може працювати віджет, наприклад https://example.com і https://www.example.com. Prostir блокує не вказані external origins, щоб інший сайт не використав твій widget script.

5. 05
   Налаштуй chat widget.

   Задай position, width, height, colors, greeting text, intro text, input placeholder, launcher label і quick actions. Перші suggested actions мають бути близькі до реальних питань відвідувачів: pricing, booking, support, order status або product fit.

6. 06
   Натисни Save.

   Save створює або оновлює Web widget channel. Prostir зберігає allowed origins, design, channel model settings і conversation routing разом.

7. 07
   Скопіюй embed script.

   Скопіюй widget embed script із Prostir. Він веде на typed public surface опублікованого агента і може містити channel id, якщо в тебе кілька віджетів.

8. 08
   Встав script на сайт.

   Для hand-coded сайту встав його перед </body>. У Webflow, WordPress, Shopify, Wix, Squarespace, Framer або іншому builder використовуй site-wide custom code, embed code або custom HTML area.

9. 09
   Протестуй із live site.

   Відкрий реальний allowed domain, не випадковий preview URL. Постав реальне питання, перевір відповідь і переконайся, що діалог з'явився в Channels.

Хороший website AI agent - це не тільки launcher bubble.

Channels, Web widget, allowed origins, Save.

• Використовуй реальний domain зі списку allowed origins. Якщо тестуєш з іншого preview origin, widget може fail closed за дизайном.
• Постав ті самі питання, які поставить lead: price, availability, next step, fit, support, refund або implementation time.
• Якщо відповідь слабка, онови instructions або knowledge в Prostir, опублікуй ще раз, і embedded widget підхопить кращого агента без перебілду сайту.