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