Добавляем маску ввода для телефона в Contact Form 7 с помощью плагина Phone mask field

По умолчанию поле «телефон» в Contact Form 7 проверяет только набор символов, которые ввел пользователь(цифры, плюс, дефис, скобки), но не корректность введенного номера. Сегодня мы рассмотрим как исправить эту ситуацию с помощью плагина Phone mask field.

Для работы Phone mask field нам понадобится установленный и активированный Contact Form 7, т.к. данный плагин является его дополнением.

Установим плагин. Переходим в раздел Плагины -> Добавить новый, вводим название плагина в поле поиска, жмем «Установить» и «Активировать».

Затем открываем раздел Contact Form 7 и переходим на экран редактирования существующей или создания новой формы.

Выбираем место для вставки нового поля, находим в списке тегов — «mask field» и щелкаем по нему.

В открывшемся окне вводим имя поля, например, your-phone. В поле Mask вводим нужную маску, для России подойдет +7 (___) ___-__-__. При необходимости отмечаем поле как обязательное и жмем кнопку «Вставить тег».

Добавляем подпись аналогично другим полям и жмем кнопку «Сохранить».

Если форма ещё не выведена, то копируем её шорткод, вставляем на нужную страницу и проверяем результат.



← Вернуться в блог