Статьи по теме: Контактные формы
Эта статья также доступна на:

Добавление маски для номера телефона

Если пользователи вводят телефонные номера в правильном формате, это улучшает согласованность данных и повышает удобство работы с ними. Маска для ввода телефона автоматически форматирует номера по мере их ввода, предотвращая неправильный ввод и делая формы более простыми в использовании.

В этой инструкции мы рассмотрим процесс добавления маски для номера телефона как к контактной форме, так и к полю телефона в корзине интернет-магазина.

В конце концов, пользователи будут видеть предварительно определенный формат (например, (123) 456-7890 или + 1 234 - 567 - 8901) при вводе своих телефонных номеров, что уменьшит количество ошибок и улучшит общий опыт оформления заказа и отправки ответа через контактную форму.

Содержание:
Добавление маски для номера телефона в контактной форме
Добавление маски для номера телефона в корзину

Добавление маски для номера телефона в контактной форме



Наведите курсором на контактную форму и нажмите на «шестеренку», чтобы открыть ее настройки:

Добавьте поле Телефон через кнопку Добавить поле во вкладке Пункты:

... или, если соответствующее поле уже присутствует, сразу перейдите к его настройкам:

В настройках поля активируйте переключатель Маска номера телефона и задайте необходимый шаблон:

Примечание: на данный момент нет возможности добавить выбор кода страны.

Готово! Не забудьте переопубликовать сайт, чтобы изменения применились.

Добавление маски для номера телефона в корзине



Откройте настройки своего сайта, где в разделе Настройки вашего магазина перейдите во вкладку Корзина:

Добавьте поле Телефон через кнопку Добавить поле:

... или, если соответствующее поле уже присутствует, сразу перейдите к его настройкам:

В настройках поля активируйте переключатель Маска номера телефона и задайте необходимый шаблон:

Примечание: на данный момент нет возможности добавить выбор кода страны.

Готово! Не забудьте переопубликовать сайт, чтобы изменения применились.

Последнее изменение: 17/03/2025

Была ли эта статья полезна?

Поделиться отзывом

Отменить

Спасибо!