Тарифы Войти Начать бесплатно

Быстрый старт

От регистрации до работающего AI-чата на сайте — за 5 шагов и менее 10 минут.

Для этого руководства потребуется API-ключ одного из AI-провайдеров (OpenAI, Claude, Gemini и т.д.) и любой сайт, куда вы можете добавить JS-скрипт.

Шаг 1. Регистрация

Перейдите на страницу регистрации и создайте аккаунт. Бесплатный тариф включает до 3 интеграций и 500 запросов в месяц.

Шаг 2. Добавление AI-интеграции

В личном кабинете откройте Интеграции → Добавить, выберите тип AI Chat (OpenAI) и заполните форму:

ПолеЗначение
НазваниеЛюбое, например «GPT-4o Production»
API ключ провайдераВаш ключ с platform.openai.com
Модельgpt-4o-mini (рекомендуется для старта)
Системный промтОписание роли ассистента (опционально)

После сохранения вы получите M-TEH Key интеграции — он понадобится в шаге 4.

Шаг 3. Создание виджета

Добавьте ещё одну интеграцию с типом Widget Chat. Настройте:

  • Позиция — bottom-right / bottom-left
  • Цвет — hex-код цвета кнопки
  • Текст кнопки — например, «Помощник»
  • Приветствие — первое сообщение от бота

На странице деталей виджета скопируйте его M-TEH Key.

Шаг 4. Создание пайплайна

Перейдите в раздел Пайплайны → Создать. Добавьте два шага:

Выберите Widget Chat (шаг 1)
Нажмите «Добавить шаг» и выберите созданный виджет — он станет источником сообщений.
Выберите AI-интеграцию (шаг 2)
Добавьте AI-интеграцию из шага 2. Теперь все сообщения из виджета пройдут через AI.

Сохраните пайплайн. Для продвинутой настройки — используйте Конструктор потоков.

Шаг 5. Встраивание виджета на сайт

На странице деталей виджета скопируйте код и вставьте перед закрывающим тегом </body>:

HTML<script
  src="https://your-domain.com/js/M-TEH-widget.js"
  data-key="ваш_widget_api_key"
  data-pipeline="id_пайплайна"
  data-color="#8b5cf6"
  data-label="Помощник"
  data-welcome="Привет! Чем могу помочь?"
></script>
Параметр data-pipeline — ID вашего пайплайна. Без него виджет найдёт первый доступный AI автоматически.

Готово! Откройте сайт — в правом нижнем углу появится кнопка чата, подключённая к вашему AI через M-TEH.

Что дальше?

Научите AI определять тему запроса и отправлять в разные ветки обработки.
Визуальный редактор для сложных пайплайнов с условиями и трансформациями.