CosinnChat
React 18 · Supabase Realtime · Radix UI
B2B real-time чат-система для e-commerce, встраиваемая через iframe в WordPress/WooCommerce-сайты. Telegram-подобный мобильный admin-интерфейс, поддержка markdown-форматирования, AI-помощник для операторов, автоответы, история переписок, уведомления. Полная локализация на русский язык.
CosinnChat — это мой ответ на вопрос: почему B2B-компании вынуждены использовать чаты, созданные для интернет-магазинов одежды? Jivosite, Carrot Quest, Tawk.to — все они заточены под B2C: быстрый ответ, скрипт, закрытие сделки. Но в B2B всё иначе — клиент спрашивает «Какое масло подойдёт для токарного станка 16К20?», и чат-бот предлагает оставить email. Я построил чат-систему, которая понимает контекст промышленных продаж, умеет искать продукты по базе знаний и помогает менеджерам закрывать сделки быстрее. Это не просто виджет — это умный посредник между экспертизой компании и потребностями клиента.
Проблема и контекст
Работая с промышленными B2B-компаниями, я видел один и тот же сценарий: клиент заходит на сайт завода, не находит нужный продукт в каталоге (потому что не знает точное название масла — он знает только свой станок), пишет в чат, а менеджер отвечает через 20 минут стандартным «Оставьте ваш номер, мы перезвоним». К этому моменту клиент уже ушёл к конкуренту. Каждый такой случай — это потерянная сделка, причём часто на десятки или сотни тысяч рублей.
Проблема глубже, чем кажется. Менеджеры промышленных предприятий — не колл-центр, они ведут сложные сделки и не могут сидеть в чате весь день. При этом клиентские запросы требуют экспертных знаний: подбор по оборудованию, технические характеристики, совместимость, интервалы замены, объёмы заправки. Обычный чат-бот с FAQ здесь абсолютно бесполезен — нужен умный ассистент, который разбирается в продукте не хуже самого менеджера. И при этом он должен работать мгновенно, 24 часа в сутки, без выходных и больничных.
Решение: что мы построили
CosinnChat — это real-time чат-система на базе Supabase Realtime, встраиваемая на любой сайт через iframe. На мобильных устройствах — плавающая кнопка в углу экрана, на десктопе — боковая панель. Встраивание занимает одну строку кода, не влияет на скорость загрузки основного сайта. Но основная ценность в ИИ-начинке: Claude анализирует намерение клиента в реальном времени, предлагает менеджеру варианты ответов, генерирует краткое резюме разговора для передачи другому менеджеру. Продуктовый ассистент ищет товары по базе данных и предлагает подходящие варианты прямо в окне чата — клиент получает экспертную консультацию за секунды.
Мы добавили видеозвонки через Jitsi — для сложных консультаций, когда текстового чата недостаточно и нужно показать деталь или оборудование. Голосовые сообщения — для клиентов, которым проще объяснить задачу устно, чем набирать текст. PWA с push-уведомлениями гарантирует, что менеджер получает оповещение на телефон, даже если не за компьютером — ни один запрос не останется без ответа.
Интеграции с CRM закрывают полный цикл продажи: новый диалог в чате автоматически создаёт контакт и сделку в AmoCRM или МойСклад. WooCommerce-интеграция подтягивает актуальный каталог товаров для ИИ-подборщика. Шаблоны быстрых ответов экономят время менеджера на типовых вопросах, а формы сбора данных позволяют получить от клиента всю необходимую информацию для формирования коммерческого предложения.
Ключевые технологии и инновации
- Supabase Realtime для мгновенной доставки сообщений без задержек — клиент видит ответ в ту же секунду
- ИИ-модуль на Claude: подсказки ответов менеджеру, резюме диалогов, определение намерений и тональности клиента
- Продуктовый ассистент: поиск и рекомендация товаров прямо в окне чата по описанию оборудования
- Видеозвонки (Jitsi) и голосовые сообщения для сложных технических консультаций
- PWA с push-уведомлениями — менеджер всегда на связи, независимо от устройства
- CRM-интеграции: AmoCRM, WooCommerce, МойСклад — полный цикл от чата до сделки
- Встраивание через iframe: одна строка кода, минимальная нагрузка на сайт клиента
- React 18 + Supabase Realtime + Express.js — надёжный стек для real-time коммуникаций
Результаты и влияние
CosinnChat работает в продакшене на maslachat.ru и обслуживает около 2000 посетителей в день. Система обрабатывает запросы клиентов в режиме реального времени, помогая менеджерам отвечать быстрее и точнее за счёт ИИ-подсказок. Время первого ответа сократилось в разы, а конверсия из чата в заявку выросла благодаря контекстному подбору продуктов. Менеджеры отмечают, что ИИ-подсказки особенно полезны при обработке нетипичных запросов.
Этот проект показал мне, что B2B-коммуникации — это не просто «поставить виджет чата на сайт». Это создание умного посредника между экспертизой компании и потребностями клиента. Когда чат понимает, что клиенту нужно, и сам подбирает подходящий продукт — это меняет правила игры в промышленных продажах. Не менеджер ищет товар в каталоге и перезванивает через час, а система подносит решение на блюдечке за секунды. Вот так должны работать B2B-продажи в современном мире, и я горжусь тем, что мне удалось это реализовать.
