Мини-чат для сайта: маленькое окно, которое не мешает покупать
Чем мешает большой чат, каким должен быть компактный: размер и место на экране, поведение на телефоне, первая фраза, переход к оператору. Что мини-чат успевает сделать в маленьком окне и как его поставить.
Чат на сайте нужен, чтобы человек мог быстро спросить и получить ответ. Но часто он сам становится помехой: всплывает без спроса, закрывает кнопку «В корзину», на телефоне занимает пол-экрана. Мини-чат для сайта решает эту проблему: окно маленькое, открывается только по просьбе посетителя и не перекрывает то, ради чего человек пришёл.
Разберём, каким должен быть такой чат, что он успевает сделать в небольшом окне и каких ошибок стоит избегать.
Что называют мини-чатом
Мини-чатом обычно называют компактный виджет: в свёрнутом виде это небольшая кнопка в углу экрана, в развёрнутом — окно, которое занимает часть страницы, а не всю. Страница под ним остаётся видна, и с ней можно продолжать работать.
Отличие не только в размере. Мини-чат ведёт себя сдержанно: не открывается сам, не мигает, не здоровается всплывающим сообщением через пять секунд после входа. Он ждёт, пока к нему обратятся.
Чем мешает большой чат
Большой навязчивый чат мешает несколькими способами.
Закрывает товар. Окно чата на десктопе часто перекрывает правую часть страницы — там, где у многих магазинов цена и кнопка покупки.
Открывается сам. Приветствие, которое всплывает раньше, чем человек успел осмотреться, воспринимается как реклама. Его закрывают, не читая, а заодно перестают замечать сам чат.
Съедает телефон. На мобильном экране развёрнутый чат часто занимает всё пространство. Чтобы вернуться к товару, его нужно найти, как закрыть, а крестик бывает крошечным.
Спорит с другими виджетами. Кнопка обратного звонка, баннер про скидку, уведомление о cookies и чат в одном углу — и человек уже не видит страницу.
Каким должен быть мини-чат
Размер и место на экране
В свёрнутом виде — кнопка, которая заметна, но не перетягивает внимание: обычно в правом нижнем углу, где её привыкли искать. В развёрнутом на десктопе — окно примерно на треть высоты экрана, которое не закрывает основной контент.
Если в том же углу уже есть другие кнопки, чат лучше сдвинуть или объединить с ними. Подробнее о выборе угла, размера и цвета — в статье «Виджет для сайта: как выбрать угол, размер и цвет».
Поведение на телефоне
На телефоне компактное окно сделать сложнее: экран маленький, и чат почти всегда займёт его заметную часть. Поэтому здесь важнее другое:
- кнопка не должна закрывать нижнюю панель магазина и кнопку покупки;
- закрыть чат должно быть так же просто, как открыть — крупный крестик или свайп вниз;
- клавиатура не должна перекрывать поле ввода.
Не открывается сам
Самое важное правило. Мини-чат открывается, только когда посетитель нажал на кнопку. Если очень хочется привлечь внимание, достаточно короткой подписи у кнопки — например, «Спросить о товаре». Она не перекрывает страницу и не требует действий.
Первая фраза и подсказки
Когда человек открыл чат, первая фраза должна сразу объяснить, о чём можно спросить. «Здравствуйте! Чем могу помочь?» ничего не объясняет. Лучше прямо: «Подскажу по товарам, доставке и оплате».
Под ней — две-три кнопки с частыми вопросами. В маленьком окне они экономят время: человеку не нужно формулировать вопрос, достаточно нажать.
Переход к оператору
Иногда без человека не обойтись: сложный заказ, претензия, нестандартная просьба. Мини-чат должен передавать разговор оператору прямо в том же окне, без перехода в другой мессенджер и без потери истории. Если оператора сейчас нет, — честно сказать об этом и предложить оставить контакт.
Что мини-чат успевает сделать в маленьком окне
Компактное окно не значит урезанные возможности. Если за чатом стоит ИИ, который знает сайт и каталог, в маленьком окне помещается многое.
Ответить на вопрос о товаре. Подходит ли размер, есть ли в наличии, чем отличаются две модели.
Ответить про условия. Доставка, оплата, возврат, гарантия — без поиска нужной страницы.
Подобрать товар. Человек описывает, что ему нужно, и получает несколько вариантов карточками прямо в окне.
Принять заявку. Если вопрос требует человека, чат собирает контакт и суть вопроса и передаёт менеджеру.
Ответ в маленьком окне должен быть коротким. Длинные абзацы в компактном чате читать неудобно, поэтому хороший чат отвечает по делу и даёт ссылку, если нужно подробнее.
Как поставить мини-чат
Подключение обычно занимает несколько минут и не требует программиста.
- Выбрать сервис с компактным режимом окна и настройками поведения: не открываться самостоятельно, место кнопки, цвет.
- Вставить код перед закрывающим тегом
</body>или установить модуль для своей CMS — для Битрикса, WordPress, Тильды и других платформ они обычно есть. - Проверить на телефоне. Открыть сайт с мобильного, убедиться, что кнопка ничего не закрывает, а окно легко свернуть.
Все способы установки — в статье «Как установить чат на сайт».
Ошибки, после которых чат закрывают
- Автоматическое открытие через несколько секунд после входа.
- Звук и мигание при каждом новом сообщении от бота.
- Пустое приветствие без подсказки, о чём можно спросить.
- Требование представиться до первого ответа: имя и телефон до того, как человек понял, будет ли польза.
- Длинные ответы, которые не помещаются в окно и требуют прокрутки.
- Нет пути к человеку, когда бот не справляется.
Каждая из этих ошибок учит посетителя, что чат — помеха. После этого его не открывают, даже когда он мог бы помочь.
Вывод и следующий шаг
Мини-чат для сайта — это не просто маленькое окно. Это чат, который не открывается без спроса, не закрывает товар, сразу объясняет, с чем может помочь, и умеет передать разговор человеку. При этом в компактном окне вполне помещаются ответы о товарах и условиях, подбор и приём заявки.
Ассистент AISSE работает как компактный чат: отвечает по материалам сайта и каталогу, подбирает товары и передаёт разговор оператору. Подробнее — на странице Ассистента для сайта.
Частые вопросы
Что такое мини-чат для сайта?
Компактный виджет чата: небольшая кнопка в углу и окно, которое занимает часть экрана и не перекрывает страницу. Открывается только по нажатию посетителя.
Чем мини-чат лучше обычного онлайн-чата?
Он не мешает покупать: не закрывает товар и кнопку покупки, не всплывает сам и легко сворачивается. Возможности при этом могут быть те же.
Где лучше разместить кнопку чата?
Обычно в правом нижнем углу — там её ищут по привычке. Главное, чтобы она не перекрывала кнопку покупки, корзину и нижнюю панель на телефоне.
Нужно ли, чтобы чат здоровался первым?
Нет. Всплывающее приветствие чаще раздражает, чем помогает. Достаточно короткой подписи у кнопки, которая объясняет, о чём можно спросить.
Можно ли поставить мини-чат без программиста?
Да. Обычно это одна строка кода или модуль для CMS. Программист нужен, только если требуется нестандартное оформление.
Может ли в мини-чате отвечать ИИ?
Может. ИИ, который знает каталог и условия магазина, отвечает на типовые вопросы сразу, а сложные передаёт оператору в том же окне.