Коментарии
Дата последнего обновления 06.03.2026г
Демонстрация чат-виджета: сценарий, настройка, логика работы
Вступление и демонстрация чат-виджета
Доброго времени суток. Давайте начнём утро.
Да, вот такая парадоксальная фраза. С демонстрацией: вот наш чат-виджет. Мы в него пишем какой-нибудь вопрос — вопрос может быть разный. Давайте воспользуемся быстрой подсказкой. Видим, что идёт печатание. Сюда больше ничего не записать, чтобы лишний раз никто не флудил в чат. Дожидаемся ответа. Давайте посмотрим, как у нас красиво приходит ответ.
История диалогов и быстрые подсказки
Пока он думает, заходим в настройки истории диалогов. Вот мы их видим. Сейчас он нам, наверное, ответит. Но, судя по тому, что печатает, ответ должен прийти.
Быстрые подсказки, конечно, мы ещё отредактируем. Вы отредактируете их так, как вам нужно: то, что вы хотите сюда поставить, вы впишете сами. Это ваш бизнес-процесс, и вы его указываете самостоятельно.
Скорость ответа и техническая часть фронта
Ждём, пока ответит. Долго ли он отвечает? Но, в сравнении с человеком, думаю, что точно недолго. Вот он сейчас сказал про сайты, потому что вопрос был такой.
Мы рассматриваем техническую составляющую, фронт. Я покажу, где это менять. Вот сюда мы можем, например… Я просто копирую текст, потому что так удобно, а не потому что нужно копировать именно отсюда. Нажимаю «Отправить ответ».
И вот мы видим, что ответ у нас приходит практически мгновенно. И подпись, и ИИ-оператор.
Где лежит промпт и что в него писать
Вот здесь у нас лежит промпт. Сюда вы пишете то, как он должен себя вести, как он должен отвечать с юридической точки зрения и так далее.
Смотрите, можно вообще его детерминировать так, чтобы он не давал юридические ответы, например если не подключаться к базе этих ответов. А можно просто указать ему консультации по компании: как работаем, какие вопросы решаем, по каким услугам консультируем.
Не по юридическим вопросам как таковым, а именно по услугам компании. Например, чтобы он консультировал по тому, какие есть отрасли права и так далее.
Ответственность за содержание и логику сайта
Сразу говорю: за вас я это не пропишу. Это ваш сайт. Потому что на «Юстиции» я беру тему, изучаю, прописываю и так далее. Почему? Потому что я за это отвечаю, когда прописываю, и, соответственно, потом смотрю и исправляю ошибки.
Это ваш сайт, сайт вашей компании. Естественно, я не могу отвечать за внутреннюю логику предоставления консультаций вами и за логику вашего внутреннего продукта. Ваш продукт — ваша услуга.
Установка на сайт и настройки внешнего вида
Сюда мы его сейчас установим. Вот он у нас стоит. Давайте обновим. Я его просто с демонстративного экрана перевёл. То есть он у нас уже не в демонстрации, а на сайте.
Скажете: криво, правильно, некриво? Для этого здесь есть настройки. Так, они куда-то делись. Сейчас я их верну обратно. Должны быть настройки ширины, высоты. По какой-то причине они у меня убежали, но ничего страшного, сейчас мы их вернём. Это несложно.
И можно будет из коробки настраивать его вот здесь: заходить, ставить высоту, ширину и так далее.
Хостинг и доступ к настройке через инструменты
Обязательно оплатите хостинг. Тут сто рублей — сейчас забанят, понимаете. Надо его оплачивать. Я почему-то должен вам об этом напоминать. Значит, не должен. Поэтому оплачивайте.
И мне это очень нужно, потому что нужно подключиться к нему через инструменты и настроить внешний вид чат-виджета, чтобы он был ещё красивее.
Голосовые сообщения: как должно работать
И голосовое — самое интересное. По идее, он сейчас должен записать голосовое. Может не записаться — я его сейчас не тестировал, потому что перенос с одного решения на другое занимает небольшое время.
Сегодня я накачу на него стили, чтобы можно было оформлять его стилями, чтобы появились кнопочки, было видно, что вот это — микрофончик, а вот здесь — камера, то есть загрузка фотографии.
А пока вот так: нажимаем — и голосовое как будто печатает. То есть по сути он его не печатает, а должен распознавать. Так как я ключи подсоединил, он должен его распознавать.
Ошибка обработки голосового и что именно сломалось
Сейчас и проверим, распознаёт он его или нет. Так, нет, не распознал. Payload пришёл, а обработчик не сработал. Но это уже вопрос ноды. Я её сейчас починю, это тоже делается на стороне ключей. И хорошо, что этот момент мы обозначили.
Нужно подключать свои ключики. Сейчас в рамках теста это работает от меня, но вам нужно подключать свои, чтобы вы сами за свои токены платили.
Смотрите: голосовое, по идее, он должен сейчас взять. Может не записаться, я его ещё не тестировал. Видите, голосовые тоже сохраняются. То есть они тоже сохраняются в истории диалогов.
А нет, кстати, он, скорее всего, может ответить. Голосовые тоже сохраняются в истории диалогов. Но вот так вот — нет, не ответит. Ошибка пошла. Голосовое он распознал, и, скорее всего, контекстное окно просто не отработало. Хотя нет, бинарник он не прочитал, не расшифровал. Но это поправимо. Сейчас это исправлю.
Что уже настроено в чате и как работает связка с n8n
С точки зрения моей работы это делается быстро. Поэтому чат — самая основная, сложная часть — здесь уже завернута и поставлена. Всё это настроено и дружит с n8n. И самое главное — у вас есть история переписки, и вы можете вмешиваться в процесс.
Алгоритмы, стоп-слова и сценарий эскалации на оператора
Теперь смотрите, что ещё тут надо. Я бы, например, мог записать сюда алгоритмы и стоп-слова. Например:
«Приветствуй пользователя, узнавай вопрос. Когда просят юридическую консультацию — ориентируй, что переводишь диалог на оператора, и не отвечай, если только человек снова не попросит ответ».
Вот так можно сделать. И в кнопочках, например, оформить: «Задать вопрос» и «Задать новый вопрос».
Бизнес-логика чата, лимиты ответов и платные действия
Всю эту бизнес-логику внутри своего процесса вы можете самостоятельно «протрогать». Если я её «протрогаю» и оформлю логическое заключение, я скажу: вот так, в принципе, можно делать, это хорошо, по моему мнению, и так далее.
Например, когда он отвечает на три-пять вопросов, а потом говорит: «Всё, тормози, надо, чтобы юрист проверил, а то я сейчас наговорю глупостей». Это, конечно, шутка, но тем не менее.
Либо можно сразу звать юриста и делать запись на консультацию. Или, например, на один вопрос давать ответ, а дальше ориентировать человека, что дальнейшее движение — уже за финансовое вознаграждение.
И вот сюда как раз подключается Яндекс Оплата. Ставятся соответствующие штуки, и в чате просто появляется что-то вроде: «Задать вопрос — 100 рублей, оплатить». И человек оплачивает.
Вот такие дела.
Продвижение, реклама и окупаемость
Теперь по поводу продвижения. Вы хотели продвижение. Я не знаю, у вас этим занимаются люди или будут заниматься. По-хорошему, мне настроить рекламу — это продвинуть инструмент.
Чтобы понять всю внутреннюю структуру с рекламной точки зрения, окупаемость посещений сайта можно увидеть по цифрам: тысячу рублей закинули, у вас пять человек на сайт пришло, один купил — всё видно в кабинете.
Соответственно, что нужно: подредактировать ставку, поставить ключевые слова и так далее. Но никаких гарантий я в рекламе не даю. Я просто делаю инструмент. Это могу сказать точно.
Почему в рекламе нет гарантий
Если здесь я решаю задачу, то в рекламе… честно говоря, я вообще не понимаю людей, которые дают в рекламе гарантию. Они могут это делать, но таких людей на рынке очень мало. И не факт, что работать нужно только с ними. И не факт, что они не сломают вам сайт наполовину и не скажут, что всё неправильно.
Короче, вопрос открытый. Я понимаю, что заказчики не любят открытые вопросы, хотя это странно, потому что это касается развития именно вашего продукта. И, возможно, вы не относитесь к той категории людей, которые не любят открытые вопросы.
Следующие шаги: визуальная правка и проверка голосового
Резюме я отправлю текстом вместе с видео. А следующее — сейчас внесу визуальную правку и проверю, почему он не ответил на голосовое.
И если хотите, можно двигаться дальше — например, по рекламе. Но там гарантий, повторюсь, нет вообще никаких. Я только настраиваю трафик, и всё.
Работа с рекламщиками и правки сайта
Поэтому, если будете работать с другими рекламщиками, лучше, чтобы они побеседовали с разработчиком сайта. Потому что у них зачастую довольно странная модель поведения. Обычно у них есть свои подрядчики по сайтам, и многие на этом зарабатывают.
Поэтому держите этот фактор во внимании — он очень важен. Просто чтобы вы не выкидывали деньги на ветер.
Можно договориться даже с рекламщиками, у которых есть свои подрядчики, и внести, если необходимо, правку — либо за оплату, либо дать возможность людям внести эту правку. Главное, чтобы она была логичная, обоснованная и уместная. Потому что бывают правки просто ради видимости работы.
Видимость работы и реальная эксплуатация системы
Я вам сейчас тоже, по сути, создал видимость работы: вот, работает, как использовать — понятно, ошибку исправляю, пользуетесь.
Почему нельзя просто вставить сложный промпт
Промпт нужно вам составить. Я могу вставить сюда промпт «Православы», но вы его не вывезете. В смысле — вы не сможете подхватить диалог оператором и сидеть, мониторить его.
Когда я ставлю промпт «Православы», я понимаю, что люди будут писать, я понимаю контекст общения, понимаю, где и когда мне нужно следить, смотреть и подключаться, чтобы корректировать это. Я сам себе задаю планку, на что он отвечает и каким образом.
Почему не стоит просто брать и вставлять? Потому что вы не знаете, как он отвечает, что нужно узнавать и что учитывать.
Рекомендуемый формат промпта для компании
Поэтому я бы рекомендовал сделать сжатую форму промпта, где он чисто ориентирует по услугам компании и по сайту, никуда влево-вправо не уходит, а если происходит что-то непредвиденное — зовёт юриста.
Сюда можно добавить кнопочку, например: «Сгенерировать ответ только через ИИ и без юриста» и «Отправить на модерацию». Как я и говорил, это можно сделать.
Почему без участия компании инструмент не настроить
Но в любом случае в этом процессе нужно включать вас в диалог и обсуждение. Потому что настроить цепочку без элементов этой цепочки невозможно. А вы — элемент этой цепочки. Вы ещё и компания, которая планирует осуществлять работу на этом сайте.
Без вас, без понимания того, как вы хотите его трогать, использовать и как он должен работать, инструмент для вас не создать. Иначе он будет просто номинальным: условно, для галочки — существует, как-то отвечает, но по-настоящему не работает.
Здесь нужно включаться не только финансово, но и содержательно. Повторюсь: вопросы уже были обозначены.
Пример формулировки промпта под юридический бизнес
Вот как вы видите консультации конкретно? Давайте так: у вас идёт сопровождение юридического бизнеса. Значит, мы пишем в промпте: «Ты отвечаешь на вопросы по сопровождению юридического бизнеса, но строго в таких-то рамках. А именно: консультируешь по услуге, не раскрывая полностью её суть; говоришь, что вопросы юридического бизнеса в агропромышленности требуют индивидуального изучения; разработку договоров делаем, документы делаем» — то есть консультируешь именно по услугам компании.
Чтобы он не делал так, как сейчас, когда в чате начинает выдавать уже составление документа. Вот так можно. Это будет для вас безболезненно и ненапряжно: следить за тем, чтобы он отвечал корректно и потом не получать за него шишки.
Почему это нужно внимательно прописывать
Почему я так говорю? Потому что, когда я захожу в «Православу», я сразу понимаю, где нужно внимательно смотреть. Я и разработчик, и в этой сфере разбираюсь, и всё это учитываю. Вот поэтому это и надо выписывать в промпте.
Стоимость составления промпта
Тяжело, не получается? Тогда давайте так: составление промпта квалифицированно под вашу компанию требует, чтобы вы всё-таки ответили хотя бы на часть минимальных вопросов.
Я его составлю — это будет стоить две тысячи рублей. По услугам компании, не вдаваясь во внутреннюю суть, а просто отвечая, чем она занимается и когда нужно звать оператора. А остальное вы при желании можете сделать и сами.
Вот такие варианты.