Собственный проект · AI

Как я добавил ИИ-чат на свой сайт

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

Ибрагим Раджабов · Махачкала, работаю удалённо по России
Описание подготовлено

Интерфейс ИИ-чата с редактируемой заготовкой брифа на сайт
Заготовка заполняется до отправки. На снимке показан интерфейс, без ответа модели и данных посетителей.

Что я хотел сделать

На сайте уже есть описание моих услуг. Чат даёт посетителю возможность попробовать работу с AI: написать своими словами, получить ответ и уточнить его следующим сообщением. Для начала разговора не нужно создавать аккаунт.

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

Один из сценариев: бриф на сайт

Часто исходная задача звучит просто: «Нужен сайт». Для обсуждения нужны подробности. Кнопка «Бриф на сайт» открывает заготовку с вопросами о бизнесе, посетителях, функциях и готовых материалах.

  1. Посетитель заполняет то, что знает. Неопределённые бюджет и срок можно оставить открытыми.
  2. Отправляет сообщение и просит собрать цель, структуру сайта и вопросы для разработчика.
  3. Проверяет черновик. При желании открывает форму и описывает задачу для меня.

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

Как устроено приложение

01Посетитель пишет

Вопрос и доступная часть разговора отправляются с сайта.

02Сервер обращается к модели

Проверяет ограничения и передаёт ответ по мере получения.

03Ответ появляется в чате

Его можно остановить, скопировать или уточнить.

Ключ доступа к модели хранится на сервере. Браузер получает текст ответа, а не секрет подключения. История остаётся в текущей вкладке; посетитель может отдельно включить сохранение на устройстве.

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

Что попадает в заявку

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

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

Что проверено и какие ограничения остались

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

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

Чат работает с введённым текстом. Он не открывает сайты по ссылке, не подключён к вашей 1С и не выполняет действия в других системах. Технический ответ помогает наметить проверку; найденной и исправленной ошибкой его считать нельзя.

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

Как применить похожий чат в бизнесе

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

Публичный чат на этой странице работает с общими вопросами. Подключение каталога, базы знаний или 1С обсуждается отдельно. В Dag Sport я делал AI-консультанта по каталогу и интеграцию с 1С УТ; сам интернет-магазин разрабатывал другой исполнитель.