Где разместить кнопку "Позвонить" на мобильном, чтобы на неё действительно нажимали

Если у вас автосервис, салон или кабинет, большинство людей открывают ваш сайт с телефона, стоя, с занятой одной рукой. Они не читают, а сканируют взглядом. И если кнопка "Позвонить" спрятана внизу или сливается с остальной страницей, человек уходит, так и не набрав номер.

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

Правило большого пальца: кнопка должна попадать туда, куда достаёт рука

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

Что работает на практике:

• Кнопка звонка видна сразу, без прокрутки (в первой секции).
• Фиксированная панель внизу, присутствующая всё время, пока человек читает.
• Большая зона нажатия: кнопка высотой с подушечку пальца, а не тонкая строка текста.

Подумайте просто: если кто-то хочет позвонить вам в 8 вечера, как быстро он найдёт номер без поисков? Если ответ - "нужно прокручивать", вы теряете звонок.

Липкая панель внизу: самое надёжное место для звонков

Липкая панель (закреплённая внизу, остающаяся на экране при прокрутке) - самое надёжное решение для бизнеса, который живёт на телефонных звонках. Причина проста: где бы человек ни был на странице, контакт всегда в одном движении пальца, прямо в удобной для нажатия зоне.

Как сделать её правильно:

• Показывайте на мобильном; на компьютере её можно скрыть, там номер и так в шапке.
• В идеале два действия рядом: "Позвонить" и WhatsApp. Одни предпочитают писать, другие говорить.
• Сделайте кнопку звонка настоящей ссылкой <code>tel:</code>, чтобы нажатие сразу запускало вызов.
• Оставьте немного места внизу страницы, чтобы панель не перекрывала текст или подвал.

Это та самая мелочь, которая меняет число ваших звонков, а не внешний вид сайта.

Цвет, текст и размер: как выглядит кнопка, на которую нажимают

Хорошую кнопку видно сразу, её не приходится угадывать. Выберите цвет, сильно контрастирующий с остальной страницей - если весь сайт синий, синяя кнопка теряется. Держите текст ясным и конкретным: "Позвонить" лучше простого "Контакты", потому что говорит, что именно произойдёт при нажатии.

Несколько конкретных правил:

• Кнопка высокая и широкая, легко попасть на ходу.
• Добавьте иконку телефона рядом с текстом - её узнают мгновенно.
• Не ставьте три-четыре одинаково ярких кнопки; выберите одну "главную", остальное сделайте тише.
• Если есть график, напишите рядом "Пн-Пт 9-18", чтобы человек знал, ответите ли вы сейчас.

Цель - чтобы спешащий человек нашёл и нажал не задумываясь.

Ошибки, которые тихо крадут звонки на мобильном

У многих сайтов есть кнопка звонка, а звонков всё равно нет. Обычно из-за мелочей, которые чинятся быстро:

• Номер - просто текст, а не кликабельная ссылка: его надо копировать вручную, и человек бросает.
• Кнопка есть только вверху и исчезает при прокрутке, ровно когда человек решился.
• Липкая панель перекрывает кнопку отправки формы или важный текст.
• Всплывающие окна, которые прыгают поверх кнопки и которые надо сначала закрыть.
• Кнопка слишком мелкая или слишком близко к другой ссылке, и человек промахивается.

Стоит открыть свой сайт на телефоне и притвориться клиентом: как быстро получится позвонить? Если вы, зная сайт, ищете несколько секунд, незнакомец сдастся раньше.

Как мы решаем это в MPO Web Studio

На сайтах, которые мы делаем, кнопка "Позвонить" и мобильная липкая панель - не добавка в последний момент: мы продумываем их с самого начала, потому что большинство ваших клиентов приходят с телефона. Работаем удалённо по всей стране, с прозрачной ценой и без сюрпризов.

Чтобы вы не покупали "на веру", мы бесплатно готовим демо вашего сайта заранее, чтобы вы увидели на своём телефоне, куда именно попадает кнопка и как ощущается липкая панель. И только после того, как вам понравится, идём дальше.

Если хотите, чтобы мы проверили ваш нынешний сайт или показали демо для вашего дела, напишите нам в WhatsApp - вместе посмотрим, где вы теряете звонки и что можно быстро починить, без обещаний "первое место в Google".