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

• Опублікований AI-агент Prostir із явно вибраною моделлю виконання каналу, увімкненим перемикачем Channels на рівні агента та позитивним балансом Model Usage Credits для хостованої моделі або збереженим BYOK-ключем.
• Точний публічний origin сайту, де працюватиме віджет, наприклад https://example.com. Використовуй HTTPS, правильний піддомен і не додавай шлях на кшталт /pricing.
• Доступ до конструктора сайту, CMS, менеджера тегів або HTML-шаблону, де можна вставити невеликий скрипт перед </body> чи в глобальне поле власного коду.

Схема проста: опублікуй агента, створи канал Web widget, натисни Save, скопіюй скрипт, встав його на сайт і протестуй із дозволеного origin.

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

   Опиши, що агент на сайті має робити, додай сторінки, FAQ, документацію, примітки про ціни, правила підтримки й дозволені інструменти. Обери модель до того, як показувати агента відвідувачам.

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

   Віджет використовує середовище виконання опублікованого агента. Якщо агент існує лише як чернетка, скрипт вбудовування не може надійно обслуговувати публічний чатбот на сайті.

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

   Увімкни перемикач Channels на рівні агента й вибери Web widget. Сторонній токен не потрібен, але канал лишається вимкненим, доки перевірки середовища виконання не пройдені.

4. 04
   Додай allowed origins.

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

5. 05
   Налаштуй віджет чату.

   Задай позицію, ширину, висоту, кольори, привітання, вступ, підказку в полі вводу, підпис кнопки й швидкі дії. Перші запропоновані дії мають відповідати реальним питанням: ціна, бронювання, підтримка, статус замовлення або відповідність продукту.

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

   Save зберігає налаштування й вмикає Web widget лише після перевірок публікації, явно вибраної моделі, перемикача Channels, allowed origins, конфігурації та хостованих кредитів або BYOK. Інакше канал лишається вимкненим із видимою помилкою.

7. 07
   Скопіюй скрипт вбудовування.

   Скопіюй повернений widgetEmbedUrl. Він завжди містить опублікований slug і точний ідентифікатор каналу: https://{slug}.ai.prostir.build/widget/embed.js?channelId={id}.

8. 08
   Встав скрипт на сайт.

   Для сайту з власним HTML встав його перед </body>. У Webflow, WordPress, Shopify, Wix, Squarespace, Framer або іншому конструкторі використовуй глобальний власний код, код вбудовування чи поле власного HTML.

9. 09
   Протестуй із живого сайту.

   Відкрий справжній дозволений домен, а не випадкову preview-адресу. Постав реальне запитання, перевір відповідь і переконайся, що діалог з'явився в Channels.

Хороший AI-агент на сайті — це не лише кнопка запуску чату.

• linkallowed originsТочні HTTPS-origins на кшталт https://example.com і https://www.example.com.
• docінструкції агентаНа що віджет відповідає, що має відмовлятися робити й коли просити про допомогу людини.
• docзнання для сайтуЦіни, послуги, FAQ, документація, правила, умови бронювання, правила підтримки й сторінки-джерела.
• codeскрипт вбудовуванняОднорядковий скрипт із Prostir: <script src="https://{slug}.ai.prostir.build/widget/embed.js?channelId={id}" async></script>.

Відкрий Channels, обери Web widget, додай дозволені адреси й натисни Save.

• Використовуй реальний домен зі списку allowed origins. Якщо тестуєш з іншого preview-origin, віджет за задумом може відхилити запит.
• Постав ті самі запитання, які поставить потенційний клієнт: про ціну, наявність, наступний крок, відповідність, підтримку, повернення коштів або строк упровадження.
• Якщо відповідь слабка, онови інструкції чи знання в Prostir, опублікуй агента ще раз — і вбудований віджет підхопить покращення без перебудови сайту.