В наше время, когда мобильные устройства стали основным инструментом для интернет-серфинга - важно, чтобы веб-формы были оптимизированы для комфортного использования на смартфонах. Одной из важных деталей удобства является правильная клавиатура для ввода номера телефона. Никто не хочет переключать раскладку с букв на цифры, когда нужно быстро ввести свой номер. Сегодня мы с вами поговорим о том, как без больших знаний программирования можно это осуществить за 5 минут.
Допустим, что вы нашли лендинг, который вам нравится по всем параметрам и хотите сделать так, чтобы открывалась цифровая клавиатура, но по итогу имеет следующую ситуацию:
При вводе номера телефона появляется клавиатура и нужно делать лишние действия чтобы открыть числовую клаву. Чтобы исправить эту ситуацию делаем следующие действия:
1. Скачиваем свой лендинг и открываем скачанный зип файл, выглядит он примерно так:
2. Открываем файл index.html через любой текстовой редактор и ищем по поиску в файле словосочетание “input type”:
В поле вместо слово “text” - пишем слово “tel” и сохраняем файл в той же папке:
3. Все готово, теперь открываем наш лендинг с телефона и проверяем результат:
Избавляемся от треш-лидов с помощью этой статьи: Валидация номера телефона в форме заявки: что это, почему важна и как установить на сайте в HTML-коде самостоятельно
Добавление атрибута "type" с "tel" - это простой, но эффективный способ сделать форму лида более удобной для пользователей мобильных устройств. Это позволит им быстро и без лишних действий ввести свой номер телефона, повысив конверсию вашего трафика.
![55 примеров продающих лендингов с высокой конверсией [2025]](/uploads/webp/articles/0fd41649881c8a4c8a9cb851.webp)
