Дизайн и конверсия

Как сделать кнопку телефона на сайте?

Татьяна, Хабаровск 142 просмотров

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

Дмитрий Акиндинов разработчик лендингов, 15 лет практики

ответил

Кнопка звонка - это обычная ссылка, где вместо адреса страницы в атрибуте href стоит tel: и номер, например href="tel:+79219123578". Номер пишите без пробелов и скобок, с плюсом и кодом страны - иначе на части телефонов ссылка не сработает. На смартфоне такая ссылка сама открывает экран набора номера, никакой скрипт для этого не нужен.

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

Клики по кнопке стоит считать отдельной целью в Яндекс.Метрике - настраивается JS-событие на клик по ссылке с tel:. Без этого вы не увидите, сколько заявок реально приходит звонками, а не формой, и не поймёте, работает кнопка или просто висит для вида.

Если собираете сайт сами на конструкторе, кнопка звонка обычно уже есть в блоке "контакты" или добавляется html-виджетом с готовым кодом. В своих лендингах за 15 000 рублей я ставлю такую кнопку в комплекте вместе с прилипающей панелью для мобильных - отдельно её не считаю и не выношу в смету.

Подробный разбор Сначала телефон, потом компьютер: как это меняет макет лендинга
Не нашли свой вопрос

Задайте его напрямую

Отвечаю сам, на почту, обычно в тот же день. Разбор самых частых вопросов потом попадает в этот раздел.

Похожие вопросы

Все вопросы темы "Дизайн и конверсия"

Помогу выбрать

Сомневаетесь — напишите, разберёмся за 10 минут

Расскажете про ваш бизнес и задачу — подскажу, что нужно: лендинг, многостраничник или вообще не сайт. Без обязательств, бесплатно.

Отвечаю в течение 15 минут в рабочее время (будни 11:00–20:00 МСК). Если удобнее e-mail: 9123578@gmail.com

Telegram TG MAX MAX Звонок