Тест плавающего виджета

Режим «Док-полоса»

На телефоне — полоса по нижнему краю, на компьютере — колонка у правого края. Кнопки не равны: калькулятор и онлайн-дизайн остались иконками, а «Смета по фото» стала цветной кнопкой в полтора раза шире, с зелёной точкой «на связи». Главное действие невозможно не заметить, и до мессенджеров одно нажатие.

Режим «Кнопка с веером»

Одна круглая кнопка в углу — как на detailing-services.ru. По нажатию три кнопки выезжают вверх лесенкой, кнопка превращается в крестик. В покое виджет занимает 60 пикселей в углу и не трогает контент.

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

Бейдж с подарком убрал — подарок теперь и так в ротации, а два подарка на одной кнопке читались бы как ошибка. Вернуть недолго.

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

Режим «Облако»

Та же полоса снизу, но над ней один раз за визит всплывает карточка с конкретным предложением — как на скриншоте с газом. Появляется после 40% прокрутки или через 25 секунд (что раньше), сама уходит через 12 секунд, закрывается крестиком. Нажатие раскрывает панель бота, а не уводит сразу в мессенджер: выбор между Telegram и MAX остаётся за человеком.

Это не возврат прежнего автораскрытия. Старая карточка занимала пол-экрана и лезла поверх контента; облако — четыре строки над доком, текст под ним читается, и оно исчезает само. Чтобы посмотреть его ещё раз, просто переключите режим — счётчик «уже показывали» сбрасывается.

Внутри облака стоит говорить о подарке или о сроке — о том, ради чего человек нажмёт. Сейчас там смета по фото плюс упоминание образца сметы и чек-листа; на других сайтах туда логично поставить сам подарок.

Панель стала короче

Было двенадцать строк текста, стало пять: кто отвечает, одно обещание, два мессенджера в строку и подарок довеском. Три пронумерованных шага убраны — они занимали треть высоты, а читало их меньшинство. Поле телефона свёрнуто в строку «Не пользуетесь мессенджерами? Оставить номер» и разворачивается по нажатию.

Подарок специально не отдельная кнопка, а строка внутри разговора. Отдельная кнопка собирает тех, кто забирает файл и уходит; строка «внутри ещё образец сметы» приводит тех же людей, но уже в переписку — а вам нужен диалог, в котором спрашивают телефон.

Что универсально, а что настраивается

Разметка одна на все сайты. Меняются: режим (полоса или кнопка), набор кнопок, тексты и акцентный цвет. Средняя кнопка так и становится «Онлайн-дизайном» на ремонте и «Подарком» на остальных сайтах, а на детейлинге акцент будет розовым вместо голубого.

Что нужно поправить перед боем

• Метка входа в ссылке бота. К адресу добавлен суффикс: …?start=new-proff-remont-ru--smeta и --files. Пока бот не научится его отбрасывать, город он определит неверно — это правка на стороне бота.
• Цель bot_click в Метрике. Клик по любой ссылке в бота уже шлёт цель с меткой места — и на боевых страницах тоже, чтобы было с чем сравнивать. Цель нужно завести руками: Настройка → Цели → JavaScript-событие, идентификатор bot_click.
• Кто на фото и что в подарке. Сейчас берётся сотрудник с флагом «Руководитель», а подарком названы образец сметы и чек-лист приёмки. Поставьте того, кто действительно отвечает в переписке, и сверьте список файлов с тем, что лежит в боте.
• Срок ответа. «Сегодня» и «8:00–20:00» взяты с сайта. Если отвечаете за 15 минут — так и напишем, точный срок работает лучше.

Дальше просто текст, чтобы было что прокручивать

Подсказка у кнопки появляется после 60% прокрутки, один раз за визит, поэтому странице нужна высота. Ниже — несколько абзацев про то, почему смета по фотографии вообще возможна.

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

Смета по фото нужна не вместо замера, а до него — чтобы человек понял порядок цифр и решил, стоит ли пускать в квартиру замерщика. Поэтому в панели и написано, что смета вернётся сегодня, а замер бесплатный.

Второй сценарий — материалы. Человек, который ещё выбирает подрядчика, редко готов к разговору, но готов забрать образец сметы и чек-лист приёмки. Это лёгкий вход: файл забирают чаще, чем начинают переписку, а номер телефона бот спросит на том же шаге.

Третий сценарий — телефон. Часть людей мессенджерами не пользуется вовсе, и для них любая кнопка в бот — тупик. Свёрнутая строка с номером ловит этих людей на сайте, а заявка приходит в CRM тем же путём, что и все остальные формы.

Что из этого сработает, покажет цель bot_click: по ней видно, сколько людей уходит в мессенджер и с какого именно входа. До неё сравнивать было нечего — переходы в бота не считались вообще.