Чат-бот с ИИ для сайта: продавец и техподдержка в одном виджете

Виджет Binom отвечает посетителям сайта круглосуточно: подбирает товары и показывает их прямо в чате, разговаривает голосом, понимает голосовые и скриншоты, а когда клиент просит человека, зовёт вашего менеджера.

  • Интернет-магазин
  • Услуги
  • Контент-сайт
  • Техподдержка
Подключить виджет
Виджет Binom на сайте магазина электроники: ИИ-консультант подбирает смарт-часы для бега и показывает их с фото и ценой в окне чата

Коротко

Виджет Binom - окно чата с ИИ-консультантом, которое ставится на любой сайт одним кодом. Он подбирает товары из вашего прайс-листа и показывает их с фото и ценой, отвечает на вопросы о доставке, оплате и возврате, говорит на языке посетителя, понимает голосовые сообщения и скриншоты, ведёт разговор голосом в реальном времени и по просьбе клиента передаёт диалог живому менеджеру с уведомлением в Telegram и в кабинете Binom. Цвета, иконка, подпись и размер окна настраиваются под бренд.

Зачем сайту ИИ-консультант, а не форма обратной связи

Посетитель, который задал вопрос, уже почти купил: ему не хватает одного ответа про вкус, размер, совместимость или доставку. Если ответ приходит через час по почте, человек уже ушёл к конкуренту. Обычный чат-бот с кнопками тоже не помогает: он знает пять сценариев и отправляет "читать каталог". Виджет Binom отвечает за несколько секунд, своими словами и по вашим данным: прайс-листу, сайту, документам и карточкам знаний. Один и тот же бином продаёт и решает вопросы поддержки, поэтому клиенту не нужно искать, куда написать.

Что умеет виджет Binom

Каждая возможность ниже работает из коробки после подключения бинома к сайту и прайс-листу. Настраивать сценарии и ветки диалогов не нужно.

Подбирает товары и показывает их прямо в чате

Бином ищет товары в вашем прайс-листе или товарном фиде и отвечает карточками с фото, ценой и коротким объяснением, почему этот товар подходит. Покупателю не нужно уходить в каталог и сравнивать самому, а вы получаете консультацию уровня лучшего продавца на каждой странице. Проще всего подключить товары через Google Merchant: в разделе "Прайс-листы" нажмите "Добавить Google Merchant" и вставьте ссылку на фид, который уже работает для вашей рекламы в Google. Бином сам читает из фида товары, цены, наличие, фото и ссылки и подтягивает изменения автоматически, загружать прайс вручную не нужно. Если фида нет, подойдёт RSS-лента или CSV-файл: как подключить каталог товаров.

Ответ ИИ-консультанта Binom в виджете магазина электроники: две модели смарт-часов для бега с фото, описанием и ценой

Знает, на какой странице находится посетитель

Виджет передаёт биному адрес страницы. На странице товара бином открывает разговор с отдельного приветствия про этот товар, а карточка-приветствие рядом с иконкой показывает его ещё до того, как посетитель открыл чат. Для магазинов товар определяется по Product ID из прайс-листа, для статей и инструкций по адресу страницы. Подробнее о двух режимах ниже.

Разговаривает голосом в реальном времени

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

Принимает голосовые сообщения

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

Голосовое сообщение покупателя с расшифровкой вопроса о доставке и возврате и ответ ИИ-консультанта Binom в виджете

Находит товар по фото или скриншоту

Покупатель видит товар в соцсетях или у знакомых и присылает скриншот с вопросом "есть у вас такой?". Бином распознаёт товар на картинке, ищет его в прайс-листе и предлагает его или ближайшую альтернативу из вашего ассортимента. Так вы не теряете покупателей, которые не знают точного названия товара.

Покупатель отправляет в виджет Binom скриншот наушников из соцсети, ИИ-консультант находит модель в прайс-листе и предлагает дополнение

Говорит на языке посетителя

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

Покупатель пишет в виджет Binom по-немецки, ИИ-консультант отвечает по-немецки и показывает подходящие наушники

Зовёт живого менеджера, когда клиент просит человека

ИИ не заменяет вас там, где нужен человек: оптовый заказ, жалоба, нестандартная просьба. Клиент пишет "позовите человека", бином передаёт диалог, а ваша команда получает уведомление в Telegram-бот для сотрудников и видит диалог в кабинете Binom со статусом "Клиент попросил человека". Менеджер отвечает в том же окне, и клиент видит, что с ним говорит оператор. Вне рабочих часов виджет сообщает, что оператор офлайн, и просит оставить имя, e-mail и вопрос, чтобы с клиентом связались.

Клиент просит в виджете Binom поговорить с человеком, ИИ передаёт диалог, менеджер по корпоративным продажам отвечает в том же окне

Выглядит как часть вашего бренда

В кабинете в разделе "Интеграции" на вкладке "Виджет" вы загружаете свой логотип для иконки, задаёте надпись рядом с иконкой и её цвет, размер окна, цвета фона, сообщений и кнопок, скругления и отступы. Цвета можно взять из общего брендирования бинома или настроить для виджета отдельно. Карточку-приветствие можно показывать на каждой странице или один раз за сессию, чтобы не навязываться.

Один и тот же виджет Binom в четырёх цветовых схемах: стандартная синяя, графитовая, фиолетовая и изумрудная

Разворачивается на весь экран и удобен на телефоне

Кнопкой "Развернуть" посетитель увеличивает окно, когда обсуждает несколько товаров и хочет видеть фото крупно. На телефоне чат сам открывается на весь экран, а кнопка "Назад" закрывает чат и не уводит со страницы, поэтому покупатель не теряет корзину и место в каталоге.

Виджет Binom, развёрнутый на большую часть экрана магазина: крупные фото товаров в ответе ИИ-консультанта

Как виджет выглядит на телефоне

Больше половины покупателей приходит с телефона, поэтому чат на телефоне занимает весь экран: крупный текст, фото товаров во всю ширину, кнопки микрофона и голосового разговора под пальцем.

Виджет Binom на телефоне: чат открыт на весь экран, ИИ-консультант показывает товары с фото

Два режима: Product ID для магазина и адрес страницы для контента

Виджет каждый раз передаёт биному адрес страницы, на которой находится посетитель, в том числе когда сайт меняет страницы без перезагрузки. Как бином использует этот адрес, зависит от того, чем вы занимаетесь.

Торговля: Product ID

У каждого товара в прайс-листе есть Product ID. Если он есть в адресе страницы товара, бином сразу понимает, какой товар смотрит покупатель, и начинает разговор с него: рассказывает, отвечает на вопросы, предлагает, что взять в комплект. Название параметра в адресе задаётся в настройках, по умолчанию это product_id, поэтому подойдёт и магазин, где параметр называется иначе. Этот режим точнее для магазинов: один товар может открываться по разным адресам, а Product ID у него один.

Контент: адрес страницы

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

Тот же Product ID использует чат в карточке товара (iFrame) и QR-коды на публичной странице бинома.

Как настроить всё по шагам

Весь путь от регистрации до работающего чата на сайте.

  1. Зарегистрируйтесь и создайте бинома. Выберите роль, например Binom Online & Retail Seller для магазина: поведение продавца и логика продаж в ней уже заложены. В "Бизнес-профиле" коротко опишите компанию.
  2. Подключите товары. В разделе "Прайс-листы" нажмите "Добавить Google Merchant" и вставьте ссылку на товарный фид. Бином сам читает товары, цены, наличие и фото и обновляет их, когда меняется фид. Нет фида: подключите RSS-ленту или загрузите CSV.
  3. Дайте биному знания о компании. Ссылка на сайт, документы с условиями доставки, оплаты и возврата, карточки с ответами на частые вопросы. Манеру общения опишите Binom Tutor обычными словами, он запомнит.
  4. Проверьте бинома. Задайте ему вопросы, которые задают ваши покупатели, в публичном чате или в диалоге с Binom Tutor и поправьте то, что не нравится.
  5. Настройте виджет. Откройте "Интеграции", на карточке "Виджет" нажмите "Настроить". Задайте размер окна, цвета (отметьте "Настроить оформление отдельно", если виджет должен отличаться от общего брендирования), загрузите логотип, впишите подпись у иконки и выберите, как часто показывать карточку-приветствие. Нажмите "Обновить".
  6. Вставьте код на сайт. Скопируйте код внизу той же страницы и вставьте перед закрывающим тегом </body> или в поле для кода в футере вашей CMS: WordPress, Shopify, Tilda, Wix и других. Пошагово: как установить виджет на сайт.
  7. Подключите уведомления. Подключите Telegram-бота для сотрудников, чтобы получать сообщения о заказах и просьбах позвать человека, и при необходимости CRM.
  8. Для магазина: включите Product ID. Если в адресах страниц товаров есть Product ID из фида или прайс-листа, бином будет начинать разговор с товара, который смотрит покупатель. Как это работает, описано выше.

Виджет, iFrame или публичная страница: что выбрать

Виджет iFrame Public Page
Где живёт чат Окно в углу сайта, поверх любой страницы Внутри страницы, в блоке вашего дизайна, например в карточке товара Отдельная страница бинома по ссылке
Когда выбирать Нужен консультант на всём сайте Нужен продавец рядом с конкретным товаром или разделом Сайта нет, нужна ссылка для соцсетей, рассылок и QR-кодов
Product ID и адрес страницы Да Да Да, через QR-коды
Подключение Один код на весь сайт Код в нужный блок страницы Только ссылка

Их можно совмещать: виджет на всём сайте и iFrame в карточках товара. Подробнее: чат в карточке товара (iFrame) и публичная страница ИИ-консультанта.

Виджет в работе

Кейс Dobrze Wiedzieć: сеть магазинов деликатесов в Варшаве поставила виджет на сайт вместе с iFrame в карточках товара и QR-кодами в магазинах. Покупатели говорят с биномом голосом, видят товары прямо в чате и оформляют заказ. 18% диалогов заканчиваются заказом, ответ приходит за 4 секунды круглосуточно.

Роль, на которой построен кейс: Binom Online & Retail Seller.

Частые вопросы о виджете

Что такое бином?

Бином – это ИИ-сотрудник Binom AI: цифровая копия профессионала с ролью, например продавца или специалиста поддержки. Вы выбираете роль, даёте биному знания о компании: сайт, товарный фид, документы и карточки, и он работает с клиентами в виджете на сайте, в мессенджерах, соцсетях и по телефону. Бином учится на новых вопросах, а то, что он не знает, превращает в карточку, на которую отвечаете вы.

Как подключить товары из Google Merchant?

В кабинете откройте "Прайс-листы", нажмите "Добавить Google Merchant" и вставьте ссылку на фид. Бином сам загрузит товары, цены, наличие и фото и будет обновлять их вслед за фидом. Подойдёт тот же фид, который вы используете для рекламы в Google, поэтому цены в чате и в рекламе совпадут.

Чем виджет Binom отличается от обычного чат-бота для сайта?

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

Нужен ли программист, чтобы установить виджет?

Нет. Виджет ставится одним кодом, который копируется в кабинете и вставляется на сайт, например в общий шаблон страниц. Программист понадобится только если вы хотите добавить Product ID в адреса страниц товаров.

Что происходит, когда клиент просит позвать человека?

Бином передаёт диалог менеджеру, команда получает уведомление в Telegram-бот для сотрудников и видит диалог в кабинете Binom. Менеджер отвечает в том же окне чата. Вне рабочих часов клиент оставляет имя, e-mail и вопрос.

На каких языках отвечает виджет?

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

Откуда бином знает товары, цены и наличие?

Из подключённого прайс-листа или товарного фида, а также с сайта и из документов. Карточки знаний важнее прайса и документов: если вы записали в карточку уточнение, бином ответит по ней.

Можно ли поставить виджет и iFrame на один сайт?

Да. Например, виджет работает на всех страницах, а iFrame встроен в карточки товаров. В кабинете видно, из какого окна пришёл каждый диалог.

Работает ли виджет на телефоне?

Да. На телефоне чат открывается на весь экран, а кнопка "Назад" закрывает чат и оставляет покупателя на той же странице.