Кнопка «Позвонить» на мобильном: где разместить

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

01Почему звонок с мобильного важен

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

Часть посетителей не звонят, потому что просто не видят, как это сделать. Они листают страницу, ищут номер, перепечатывают его в набор — и где-то на этом пути отваливаются. Хорошо размещённая кнопка устраняет лишние шаги.

02Главные места размещения

На мобильной версии должно быть несколько точек входа в звонок — не одна. Каждая отвечает за свой сценарий.

Шапка с кликабельным номером

Номер телефона в верхней части страницы — это «классика», но он должен быть оформлен как ссылка tel:, а не как просто текст. На мобильном номер становится зелёной плашкой с иконкой трубки или отдельной кнопкой рядом с телефоном.

Закреплённая (sticky) кнопка

Самый эффективный паттерн — закреплённая снизу или сверху панель с кнопкой «Позвонить». Она следует за пользователем при прокрутке и доступна с любой точки страницы. Обычно её делают высотой 48–56 px, чтобы попадать пальцем без промаха.

Плавающая кнопка (FAB)

Круглая иконка телефона в правом нижнем углу — подходит для сайтов, где уже занята нижняя панель (корзина, меню). Важно, чтобы она не перекрывала важный контент и кнопки в карточках товаров.

Кнопки внутри блоков

В блоках «Контакты», «Тарифы», «Услуги» рядом с описанием продукта тоже должна быть кнопка звонка. Человек принял решение — не заставляйте его искать, куда нажать.

03Как оформить, чтобы по ней нажимали

Дело не только в месте, но и в том, как кнопка выглядит и подписана.

• Иконка трубки рядом с текстом — мозг считывает её мгновенно, без чтения подписи.
• Контрастный фон — кнопка должна быть заметна на любой подложке. Серая полупрозрачная панель часто сливается с контентом.
• Понятная подпись — «Позвонить», «Заказать звонок», «Связаться». Слово «Контакты» работает хуже, потому что не обещает результата.
• Размер по пальцу — минимум 44×44 px согласно рекомендациям по интерфейсам, лучше 48–56 px.
• Безопасная зона — не вплотную к краю экрана и не поверх системных жестов iOS.

Хорошо помогают микрокопии вроде «Ответим за 1 минуту» или «Без ожидания» — они снимают барьер «вдруг не возьмут трубку». Подробнее о таких подписях мы написали в материале про микрокопии.

04Технические нюансы tel:-ссылок

Ссылка должна быть в формате tel:+74950000000 — без пробелов, скобок и тире внутри атрибута. Текст рядом можно отформатировать как угодно, но машинно-читаемая часть — строго цифры с плюсом и кодом страны.

Если телефонов несколько (отдельные для городов, отделов), на мобильном лучше показывать один основной номер кнопкой, а остальные — в раскрывающемся списке. Иначе пользователь зависает на выборе.

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

05Как замерять, что кнопка работает

Без аналитики невозможно понять, добавила ли новая кнопка звонков. Минимум, что нужно настроить:

• События в Яндекс.Метрике на клик по каждой кнопке (шапка, sticky, FAB) — чтобы видеть, где звонят чаще.
• Коллтрекинг, если бюджет позволяет: подменные номера покажут, какой канал приносит звонки.
• Отчёт «Карта кликов» в Метрике — показывает, куда вообще тапают на странице.

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

06Частые ошибки

Что чаще всего ломает мобильную конверсию звонков:

• Номер выведен картинкой — пальцем не нажмёшь, надо переписывать.
• Кнопка sticky перекрывает кнопки «Купить» или «В корзину» — пользователь раздражается и закрывает сайт.
• Плавающая иконка слишком маленькая и без подписи — её не замечают.
• На странице услуги вообще нет кнопки звонка — только форма заявки.
• Кнопка ведёт на tel: с неправильным форматом и звонок не инициируется.

07Что менять прямо сейчас

Если открыть сайт со смартфона и за 2 секунды не найти, как позвонить, — кнопку нужно дорабатывать. Минимальный набор: кликабельный номер в шапке, sticky-кнопка внизу, дублирующая кнопка в каждом ключевом блоке. После этого — проверить события в Метрике и сравнить количество звонков за две недели до и после.

Официальная документация по теме — Справка Яндекс.Вебмастера.