Онлайн-консультант для сайта: AI-чат, Telegram, MAX и карта

Посетитель пишет вопрос в 23:00 и уходит к тому, кто ответил сразу. Обычный онлайн-консультант на сайте ждёт менеджера, а тот увидит сообщение только утром. Интернет-магазин так теряет самых горячих вечерних покупателей.

Кнопка «Чат» открывает на сайте окно AI-чата — из всех кнопок виджета он приносит больше всего заявок. AI-чат — это онлайн-консультант, в котором круглосуточно отвечает бот по вашей инструкции (промпту): он собирает имя и телефон и сам создаёт лида в CRM. Лид — это карточка заявки с контактом и историей. Рядом — кнопки Telegram и MAX и карта с маршрутом.

Бот, виджет для сайта и CRM работают в одной системе. Кнопка «Чат» появляется в виджете сама, как только вы включите и сохраните бота. Отдельный онлайн-чат и перенос заявок из него не нужны: окно чата входит в виджет без доплаты, а ответы бота стоят в среднем 2–3 ₽ за диалог.

Посмотрите видео — оно идёт чуть больше двух минут, а ниже — пошаговая настройка.

Зачем это бизнесу

• Онлайн-школа: бот ночью и в выходные отвечает про программу, цену и рассрочку и записывает на бесплатный урок. Утром у менеджера уже готовые заявки.
• Интернет-магазин: чат отвечает про доставку, размеры и наличие и оформляет заявку. Менеджеры не тратят время на одни и те же вопросы.
• Школа или эксперт с прогревом: кнопка Telegram ведёт в бота, где разговор продолжается после сайта. Контакт остаётся, даже если человек закрыл вкладку.
• Салон, клиника, автосервис: окно с картой и кнопкой «Построить маршрут». Клиенту не нужно звонить и уточнять, как доехать.
• Маркетолог: виджет отправляет в Яндекс Метрику цели, когда человек пишет в чат и когда чат создал лида. Рекламу можно оптимизировать на диалоги и заявки, а не на клики.

Как работает AI-чат на сайте

Сам бот настраивается в разделе «AI чат-бот» с платформой «AI Чат на сайте» — о том, как создать AI чат-бота, есть отдельная статья. Там задаются инструкция, приветствие, сообщение по таймеру, быстрые ответы и создание лида. В виджете — только кнопка и внешний вид окна чата.

Кнопки синхронизируются сами при каждом сохранении бота:

• включили «AI Чат на сайте» — в виджете появилась кнопка «Чат», выключили — она убралась;
• у бота есть токен Telegram или MAX (ключ доступа к боту) — появилась кнопка мессенджера со ссылкой на бота;
• токена нет — кнопка мессенджера убралась.

Как подключить онлайн-консультант на сайт

1. 1
   Подключите бота

   В разделе «AI чат-бот» у бота этого проекта включите платформу «AI Чат на сайте». Настройте инструкцию и приветствие и сохраните бота. Кнопка «Чат» добавится в виджет сама.
2. 2
   Откройте кнопку «Чат»

   «Виджеты» → «Редактировать» → «Кнопки виджета» → «Чат». Если кнопки нет: «Добавить кнопку» → «Действие» → «Чат».
3. 3
   Оформите окно

   Задайте заголовок и подзаголовок шапки, цвета и иконку приветствия.
4. 4
   Добавьте мессенджеры

   Сохраните токен Telegram или MAX у бота в «AI чат-боте», и кнопка появится сама. Ещё можно выбрать у кнопки действие «Кнопка Телеграм-бота» или «Кнопка MAX-бота». Они видны, если у бота есть токен.
5. 5
   Проверьте

   Нажмите «Сохранить изменения» и напишите в чат в «Демо просмотре». Каждое открытие демо — новый диалог.

Внешний вид окна чата

• «Заголовок в шапке чата» и «Подзаголовок в шапке чата» — по умолчанию «Чат» и «Онлайн - Отвечаю быстро».
• Цвета: шапка окрашивается градиентом из двух цветов. Отдельно задаются пузырёк клиента, фон окна и поля ввода, стартовая кнопка и иконки. Подберите их под цвета сайта.
• «Иконка приветствия в чате» — 👋 по умолчанию или своя картинка, например логотип. Она видна над приветствием, пока в чате нет сообщений.

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

Кнопки Telegram и MAX на сайте

Это кнопки-ссылки на ваших ботов. Ссылку можно вписать в «URL ссылки» вручную — кабинет её не тронет. Или она подставится из «AI чат-бота» сама.

Ссылка на бота MAX дополняется меткой визита. Бот узнаёт страницу, с которой пришёл человек. Лид приходит в CRM с сайтом и страницей захвата.

Карта проезда на сайте

Кнопка «Карта с адресом» открывает окно с картой, адресом и кнопкой «Построить маршрут». Что заполнить:

• «Сервис карт» — «Яндекс Карты» или «Google Карты»;
• «Название компании» и «Адрес» — город, улица и дом или координаты;
• «Масштаб карты» — от 3 до 19: 10 — город, 14 — район, 16 — улица, 18 — дом;
• «Вид окна» — по центру или вертикально, светлая или тёмная тема.

Предпросмотр карты появляется сразу под адресом. Если в виджете есть и обратный звонок на сайт, в окне будут две вкладки: «Звонок» и «Адреса».

Цели в Яндекс Метрике

Виджет сам отправляет две цели во все счётчики Метрики на странице. Но в счётчике их нужно один раз создать вручную — сами они не появятся:

1. В настройках счётчика Метрики добавьте цель с условием «JavaScript-событие».
2. Впишите идентификатор lptracker-ai-dialog — посетитель написал в чат.
3. Так же создайте вторую цель с идентификатором lptracker-ai-lead — чат создал лида.

По этим целям Директ учится приводить тех, кто пишет и оставляет контакты, а не просто кликает.

Читайте также: Как создать AI чат-бота, Как подключить чат-бота к Telegram, Передача лидов в Яндекс Метрику