На одном из клиентских сайтов написали собственный виджет быстрой связи — плавающую кнопку (FAB), закреплённую поверх страницы на каждом экране сайта, вместо обычного блока контактов в подвале.
Где крутится иконка и зачем
Главная кнопка виджета периодически — раз в 5 секунд — делает полный оборот на 360°: ненавязчивая анимация, которая на некоторое время привлекает взгляд к кнопке, не мешая при этом читать страницу. Как только меню открыто, вращение останавливается — чтобы не отвлекать, пока посетитель уже выбирает способ связи.
Отдельно есть одноразовая демонстрация: при первом визите за сессию, если посетитель ещё не взаимодействовал с кнопкой, она сама коротко (меньше секунды) раскрывается веером и складывается обратно — своего рода намёк «я интерактивна, нажми на меня». Срабатывает только один раз за сессию и полностью отключается, как только пользователь хоть раз кликнул сам.
Что ещё делает виджет
Клик по главной кнопке раскрывает веер из трёх опций: телефон, чат и e-mail. Кнопка «чат» разворачивает второй уровень — Telegram, WhatsApp, MAX и онлайн-чат Odoo; иконка чата Odoo при этом показывается, только если оператор сейчас реально на связи (проверяется отдельным запросом к серверу).
Кнопка телефона ведёт себя по-разному в зависимости от устройства: на мобильном — обычная ссылка tel:, набор номера штатными средствами телефона; на десктопе, где звонить некуда, вместо этого открывается форма «Перезвоните мне» — посетитель оставляет номер, система создаёт заявку и запускает реальный дозвон через АТС компании, так что перезванивает уже живой менеджер.
Итог
Небольшая деталь интерфейса, которая берёт на себя всю коммуникацию с сайта: ненавязчиво напоминает о себе, не раздражает, и на каждом устройстве предлагает тот способ связи, который там реально работает.