Запись на курсы по Истории Беларуси в контексте всемирной истории на 2026/2027 учебный год. Очно (для жителей г. Гомеля) и онлайн!
Как сделать свой ИИ-чат-бот на базе Timeweb Cloud
Инструкция для сайта • Timeweb Cloud • AI-агент

Как сделать свой ИИ-чат-бот на базе сервиса Timeweb

Пошаговый материал для образовательного проекта, школы, сайта или методической платформы: от идеи и базы знаний до системного промпта, тестирования и вставки готового чат-виджета на страницу.

Что получится

На сайте появится чат-бот, который отвечает пользователям, опирается на вашу базу материалов и работает в заданном стиле.

Чат на сайте База знаний RAG Системный промпт

Почему Timeweb

Сервис позволяет создать AI-агента, подключить источники данных, протестировать ответы и встроить чат на сайт через готовый код.

Без сложной разработки API Виджет

Опыт внедрения

В образовательном проекте «Педагагічная скарбонка» чат-бот использует LLM, RAG, собственную базу учебных материалов и системные инструкции.

Образование Учебные материалы Поддержка учащихся

Как работает такой чат-бот

Пользователь задаёт вопрос, агент ищет подходящие фрагменты в базе знаний и формирует ответ через языковую модель.

1. ВопросПользователь пишет в чат на сайте, в приложении или мессенджере.
2. База знанийАгент извлекает релевантные фрагменты из ваших файлов и страниц.
3. ОтветLLM формирует понятный ответ по системной инструкции.
RAG вместо обычного «чат с моделью». База знаний позволяет не просто «спрашивать нейросеть», а привязать ответы к проверенным материалам: учебникам, конспектам, инструкциям, FAQ, документам сайта.

Пошаговая инструкция

Этот порядок подходит для первого запуска: сначала смысл и материалы, потом агент, тестирование и размещение на сайте.

1

Определите задачу чат-бота

Сначала решите, кому помогает бот и какие вопросы он должен закрывать.

  • для учащихся — объяснять темы, помогать с подготовкой, тренировать ответы;
  • для педагогов — готовить материалы, сокращать рутинные операции;
  • для посетителей сайта — отвечать на частые вопросы и направлять к нужным разделам.
Пример: «ИИ-помощник по истории Беларуси и обществоведению для учащихся 9–11 классов».
2

Подготовьте базу знаний

Соберите материалы, на которые бот должен опираться: учебные параграфы, конспекты, методички, FAQ, HTML-страницы сайта.

  • разбейте большие документы на понятные файлы по темам;
  • удалите дубли и устаревшие версии;
  • добавьте названия тем, классы, даты обновления;
  • отдельно подготовьте файл «Правила ответа» или «Инструкция для бота».
Важно: чем чище и понятнее база знаний, тем точнее ответы.
3

Создайте базу знаний в Timeweb Cloud

В панели Timeweb Cloud откройте раздел «AI-агенты» → «Базы знаний» и создайте новую базу.

  1. Нажмите «Создать» или «Добавить».
  2. Загрузите файлы или подключите источник по ссылке.
  3. Выберите тариф для хранения и индексации.
  4. Дайте базе понятное имя, например «Учебные материалы 9–11 классы».
  5. Дождитесь индексации.
Форматы: для базы знаний подходят PDF, DOC/DOCX, HTML, TXT, MD, XLS/XLSX, CSV и другие текстовые форматы.
4

Создайте AI-агента

В разделе «AI-агенты» создайте нового агента и задайте основные параметры.

  • выберите модель под задачу: быстрая — для FAQ, более сильная — для сложных объяснений;
  • установите лимит токенов, чтобы контролировать расход;
  • подключите базу знаний;
  • добавьте системный промпт;
  • при необходимости включите веб-поиск или генерацию изображений.
Для образования: лучше начинать с агента, который работает через базу знаний, а не только «из общих знаний модели».
5

Составьте системный промпт

Промпт задаёт роль, стиль и ограничения. Ниже пример, который можно адаптировать под школьный или образовательный проект.

prompt.txt
Тебя зовут Копилка. Ты — образовательный ИИ-помощник для учащихся и педагогов.
Отвечай на русском языке понятно, спокойно и последовательно.

Главная задача:
помогать учащимся разобраться в учебных темах, готовиться к проверочным работам и экзаменам,
а педагогам — быстрее готовить учебные и методические материалы.

Источники:
1. В первую очередь используй подключенную базу знаний: учебные материалы, конспекты,
   официальные документы и материалы проекта.
2. Если в базе знаний нет ответа, честно скажи, что данных недостаточно.
3. Не выдумывай факты, даты, цитаты и ссылки.

Стиль ответа:
- объясняй простым языком;
- структурируй ответ списками и короткими абзацами;
- при сложной теме давай пошаговое объяснение;
- при подготовке к экзамену добавляй ключевые даты, термины и личности;
- если запрос неясный, задай уточняющий вопрос.

Ограничения:
- не собирай персональные данные;
- не проси у пользователя пароли, документы, адреса и другую чувствительную информацию;
- не подменяй учителя, а помогай разобраться в материале.
6

Протестируйте агента в плейграунде

До публикации проверьте, как бот отвечает на реальные запросы.

Точность:
не придумывает ли факты?
Стиль:
понятен ли ответ школьнику?
Источники:
опирается ли на вашу базу?
Безопасность:
не просит ли личные данные?
Рекомендация: соберите 30–50 типовых вопросов и прогоните их перед запуском.
7

Встройте чат-бота на сайт

Самый простой вариант — готовый виджет Timeweb.

  1. Откройте нужного AI-агента.
  2. Перейдите во вкладку «Интеграции».
  3. В блоке «Чат для встраивания» нажмите «Настроить».
  4. Включите чат и настройте имя, приветствие, цвет, шрифт, иконку и положение виджета.
  5. Во вкладке «Домены» укажите сайты, где разрешён виджет.
  6. Во вкладке «Вставка» скопируйте готовый код и разместите его перед закрывающим тегом </body>.
8

Место для кода виджета Timeweb

Ниже оставлен блок-подсказка. Реальный код нужно брать из панели Timeweb Cloud, потому что он индивидуален для вашего агента.

Вставьте перед </body>
<!-- AI-чат-бот Timeweb Cloud -->
<!-- 1. Откройте AI-агента в Timeweb Cloud.
     2. Перейдите: Интеграции → Чат для встраивания → Вставка.
     3. Скопируйте персональный код виджета.
     4. Вставьте его здесь, перед закрывающим тегом body. -->

<!-- Пример структуры. Не используйте как готовый рабочий код: -->
<script src="ВАШ_СКРИПТ_ВИДЖЕТА_ИЗ_TIMEWEB" async></script>

Не вставляйте API-ключ в HTML

Если вы работаете через API, токен нельзя размещать в открытом коде сайта. Для API-интеграции нужен серверный обработчик: сайт отправляет вопрос на ваш сервер, а сервер уже обращается к Timeweb.

Вариант для разработчика: API

Используйте API, если нужен собственный интерфейс чата, авторизация, история пользователей или нестандартная логика.

Нативный API

Подходит для простого MVP: отправляете одно сообщение агенту и получаете ответ. История может продолжаться через parent_message_id.

server-example.js
const response = await fetch(
  "https://api.timeweb.cloud/api/v1/cloud-ai/agents/YOUR_AGENT_ID/call",
  {
    method: "POST",
    headers: {
      "authorization": `Bearer ${process.env.TIMEWEB_TOKEN}`,
      "content-type": "application/json"
    },
    body: JSON.stringify({
      message: "Объясни тему простыми словами"
    })
  }
);

const data = await response.json();
console.log(data.message);

OpenAI-совместимый API

Подходит, если уже есть готовый чат-интерфейс, SDK, LangChain, Open WebUI или похожая инфраструктура.

server-chat-completions.js
const response = await fetch(
  "https://agent.timeweb.cloud/api/v1/cloud-ai/agents/YOUR_AGENT_ID/v1/chat/completions",
  {
    method: "POST",
    headers: {
      "authorization": `Bearer ${process.env.TIMEWEB_TOKEN}`,
      "content-type": "application/json"
    },
    body: JSON.stringify({
      model: "model-from-agent-settings",
      messages: [
        { role: "system", content: "Ты образовательный помощник. Отвечай точно и понятно." },
        { role: "user", content: "Что такое RAG?" }
      ],
      stream: false
    })
  }
);

const data = await response.json();
console.log(data.choices?.[0]?.message?.content);

Что проверить перед публикацией

Короткий чек-лист, чтобы бот был полезным и безопасным для сайта.

ПунктЧто сделатьЗачем
База знанийЗагрузить актуальные файлы, убрать устаревшие материалы.Снизить риск неточных ответов.
ПромптПрописать роль, источники, стиль, ограничения и запрет на выдумывание.Сделать поведение бота предсказуемым.
ДоменыРазрешить виджет только на нужных доменах.Защитить виджет от размещения на чужих сайтах.
ТокеныПоставить дневной лимит потребления.Контролировать расходы.
Персональные данныеНе запрашивать ФИО, адреса, пароли и документы без необходимости.Соблюдать базовую цифровую безопасность.
ПилотСначала запустить для небольшой группы пользователей.Собрать обратную связь и улучшить базу знаний.

Как развивать чат-бота дальше

После первого запуска бота можно превратить в полноценного помощника проекта.

Расширить предметы

Добавить новые базы знаний по классам, курсам, направлениям или отдельным учебным ситуациям.

Подключить Telegram

Один и тот же AI-агент можно использовать не только на сайте, но и в мессенджере.

Сделать роли

Создать отдельных агентов: «учитель истории», «тренажёр к экзамену», «исторический персонаж», «помощник классного руководителя».

Добавить голос

Для уроков и мобильного использования можно развивать голосовой сценарий: устный опрос, аудирование, тренировка терминов.

Анализировать вопросы

Регулярно смотреть, что спрашивают пользователи, и добавлять недостающие материалы в базу знаний.

Улучшать ответы

Корректировать промпт, уточнять структуру файлов, обновлять инструкции и тестировать сложные темы.

Использованные материалы

  1. Загруженная статья о внедрении ИИ в проект «Педагагічная скарбонка»: архитектура LLM + RAG, база знаний, чат-бот и голосовой помощник.
  2. Загруженная презентация «Внедрение ИИ в проект “Педагагічная скарбонка”»: Timeweb API, системный промпт, сценарии применения, опыт запуска.
  3. Документация Timeweb Cloud: AI-агенты, базы знаний, системные промпты, нативный API, OpenAI-совместимый API и встраивание чат-ботов.
Made on
Tilda