Покупатель набирает телефон, а поле само расставляет скобки и пробелы — номер видно целиком, и опечатка заметна сразу, а не после того, как курьер не дозвонился.

Что делает

• Подсказывает формат по мере набора: по умолчанию формат вашей страны, но стоит начать с «+48» или «+49» — и поле переключится само, поэтому заказ оформит и покупатель из другой страны.
• Разбирает номер, вставленный из записной книжки или переписки, в любом виде: со скобками, пробелами, с кодом страны и без него.
• Объясняет ошибку до отправки: если введённое не похоже на телефон, покупатель видит пример правильного номера, а не отказ после нажатия «Оформить заказ». Проверка идёт тем же способом, что и при сохранении заказа, поэтому «всё в порядке» на форме означает, что заказ пройдёт.
• Работает во всех формах магазина, где спрашивают телефон: оформление заказа, вход и регистрация, личный кабинет, обратный звонок, сообщение о поступлении товара.

Что нужно для работы

Ничего настраивать не обязательно: страна берётся из основных настроек магазина, поля плагин находит сам, шаблоны темы править не надо. Вид поля остаётся вашим — добавляется только подсветка неверного номера и подсказка с примером.

Гибкая маска телефона

Поле телефона в магазине начинает подсказывать формат по мере набора: покупатель вводит цифры, а скобки и пробелы расставляются сами.

Что это даёт

• Номер видно целиком. Опечатка заметна сразу, а не после звонка курьера.
• Покупатель из другой страны оформит заказ. По умолчанию поле ждёт формат вашей страны, но стоит начать с +48 или +49 — и оно переключится само.
• Вставка из записной книжки не ломается. Номер со скобками, пробелами, через 8 или вовсе без кода страны разбирается одинаково.
• Видно, чего от покупателя ждут. В самом поле стоит образец номера, а под ним — подсказка «Например: +380 67 123 4567».
• Ошибка объясняется до отправки. Если введённое не похоже на телефон, подсказка становится красной, а не отказ приходит после нажатия «Оформить заказ»: проверка идёт тем же способом, что и при сохранении заказа.
• Ничего не пропадает. Готовый номер показывается с кодом страны — «+380 67 123 4567», ровно в том виде, в каком он уйдёт в заказ.

Где работает

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

Настройки

Настройки → Плагины → «Гибкая маска телефона».

• Страна по умолчанию — формат какой страны поле ждёт, пока покупатель не ввёл код другой. Обычно менять не нужно: берётся страна из основных настроек магазина.
• Показывать под полем пример номера — под полем видно, в каком виде магазин ждёт телефон; при ошибке подсказка становится красной. Можно выключить, если форма и без того длинная.
• Дополнительные поля телефона — нужно только если у вашей темы или другого дополнения своя разметка формы: перечислите CSS-селекторы через запятую.

Как это выглядит для покупателя

Вид поля остаётся вашим — плагин не подменяет оформление темы. Добавляется только подсветка неверного номера и подсказка с примером под полем.