Гнучка маска телефону
Поле телефону підказує формат під час набору й приймає номер будь-якої країни.
Знімки екрана скоро з’являться.
Покупець набирає телефон, а поле саме розставляє дужки та пробіли — номер видно цілком, і помилка помітна одразу, а не після того, як курʼєр не додзвонився.
Що робить
- Підказує формат під час набору: за замовчуванням формат вашої країни, але варто почати з «+48» чи «+49» — і поле перемкнеться саме, тож замовлення оформить і покупець з іншої країни.
- Розбирає номер, вставлений із записника чи листування, у будь-якому вигляді: з дужками, пробілами, з кодом країни та без нього.
- Пояснює помилку до відправлення: якщо введене не схоже на телефон, покупець бачить приклад правильного номера, а не відмову після натискання «Оформити замовлення». Перевірка йде тим самим способом, що й під час збереження замовлення.
- Працює в усіх формах магазину, де запитують телефон: оформлення замовлення, вхід і реєстрація, особистий кабінет, зворотний дзвінок, повідомлення про надходження товару.
Що потрібно для роботи
Налаштовувати нічого не обовʼязково: країна береться з основних налаштувань магазину, поля плагін знаходить сам, шаблони теми правити не треба. Вигляд поля залишається вашим — додається лише підсвічування неправильного номера та підказка з прикладом.
Що з’явиться в магазині
Так це побачить покупець після встановлення.
- У кожній формі магазину, де запитують телефон, поле починає підказувати формат під час набору: оформлення замовлення, вхід і реєстрація, зворотний дзвінок, повідомлення про надходження товару. Поля маска знаходить сама, тому в шаблонах теми нічого правити не треба. Вигляд поля залишається вашим: додається лише підсвічування неправильного номера та підказка з прикладом. Якщо в теми власна розмітка форми — допишіть її селектор у налаштуваннях плагіна.
Гибкая маска телефона
Поле телефона в магазине начинает подсказывать формат по мере набора: покупатель вводит цифры, а скобки и пробелы расставляются сами.
Что это даёт
- Номер видно целиком. Опечатка заметна сразу, а не после звонка курьера.
- Покупатель из другой страны оформит заказ. По умолчанию поле ждёт формат
вашей страны, но стоит начать с
+48или+49— и оно переключится само. - Вставка из записной книжки не ломается. Номер со скобками, пробелами,
через
8или вовсе без кода страны разбирается одинаково. - Видно, чего от покупателя ждут. В самом поле стоит образец номера, а под ним — подсказка «Например: +380 67 123 4567».
- Ошибка объясняется до отправки. Если введённое не похоже на телефон, подсказка становится красной, а не отказ приходит после нажатия «Оформить заказ»: проверка идёт тем же способом, что и при сохранении заказа.
- Ничего не пропадает. Готовый номер показывается с кодом страны — «+380 67 123 4567», ровно в том виде, в каком он уйдёт в заказ.
Где работает
Во всех формах магазина, где спрашивают телефон: оформление заказа, вход и регистрация, личный кабинет, обратный звонок, сообщение о поступлении товара. Поля находятся сами — в шаблонах темы ничего править не надо.
Настройки
Настройки → Плагины → «Гибкая маска телефона».
- Страна по умолчанию — формат какой страны поле ждёт, пока покупатель не ввёл код другой. Обычно менять не нужно: берётся страна из основных настроек магазина.
- Показывать под полем пример номера — под полем видно, в каком виде магазин ждёт телефон; при ошибке подсказка становится красной. Можно выключить, если форма и без того длинная.
- Дополнительные поля телефона — нужно только если у вашей темы или другого дополнения своя разметка формы: перечислите CSS-селекторы через запятую.
Как это выглядит для покупателя
Вид поля остаётся вашим — плагин не подменяет оформление темы. Добавляется только подсветка неверного номера и подсказка с примером под полем.