Ответить в теме


Введение

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


Инструкция

Допустим, что вы нашли лендинг, который вам нравится по всем параметрам и хотите сделать так, чтобы открывалась цифровая клавиатура, но по итогу имеет следующую ситуацию:



При вводе номера телефона появляется клавиатура и нужно делать лишние действия чтобы открыть числовую клаву. Чтобы исправить эту ситуацию делаем следующие действия:


1. Скачиваем свой лендинг и открываем скачанный зип файл, выглядит он примерно так:



2.  Открываем файл index.html через любой текстовой редактор и ищем по поиску в файле словосочетание “input type”:



В поле вместо слово “text” - пишем слово “tel” и сохраняем файл в той же папке:



3. Все готово, теперь открываем наш лендинг с телефона и проверяем результат:




[ATTACH=full]30763[/ATTACH]


Избавляемся от треш-лидов с помощью этой статьи: Валидация номера телефона в форме заявки: что это, почему важна и как установить на сайте в HTML-коде самостоятельно


Заключение

Добавление атрибута "type" с "tel" - это простой, но эффективный способ сделать форму лида более удобной для пользователей мобильных устройств. Это позволит им быстро и без лишних действий ввести свой номер телефона, повысив конверсию вашего трафика.


С какой буквы начинается фамилия основателя Facebook? (на русском)
Назад
Верх
Главная Поиск Блог Обучение Партнёрки Инструменты