Маска ввода телефона на странице оформления заказа WooCommerce

В этом видео я расскажу как для поля Телефон на странице Оформления заказа WooCommerce сделать Маску ввода телефона.

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

Советы в этом видео подойдут для Интернет-магазина, который работает под управлением WordPress и на плагине WooCommerce.

✅Алгоритм действий:

2.Подключаем скрипт на сайте с помощью специальной функции.
3.Наслаждаемся результатом.

✅Примечание:

Если в вашем магазине покупатели будут указывать различные коды стран, то лучше в маске телефона указывать так: [phone]

В этом случае, не будет конфликта между телефоном указанным сначала в «Мой профиль — Адреса» и телефоном, который отобразится на странице «Оформление». Ведь, пользователь может сначала завести Аккаунт, а потом заказать товар и его оформить.

Для Украины можно указать так: [phone]

--------------------

→ Мой сайт, статьи по веб-разработке и WordPress:

→ Новости WordPress в TG-канале (на украинском):

[doskerprovokator]

великолепный мануал, благодарю за качественный подход к делу!

[ИринаИващенко-ев]

Спасибо! Сразу применила на сайте, все работает!

[muzontv]

Спасибо друган наконец то я разобрался во всем. Да классное видео реально все работает только у меня в woodmart маска телефона ничинает работать через сутки после ее установки но это не беда

[qasemrahman]

Спасибо огромное Вам! Видео очень помогло, все работает.

[Natt-ys]

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

[inwebpress]

Приветствую Вас уважаемые зрители и подписчики моего канала! Надеюсь с помощью этого видео Вы без особых проблем сможете настроить поле Телефон на странице Оформления. Если возникли вопросы или есть предложения по темам, на которые необходимо снять видео - пишите в комментариях под этим видео. Удачи вашему проекту!👍

[vtec-man]

Попробовал добавить маску телефона, у меня не работает, тема у меня другая, называется Bigpoint покупал на themeforest, скачал ваш файл js вставил в папку темы, код вставил с помощью код сниппет, прописал свой путь. Отключал плагины кеша думал может и за них, но нет. Можете подсказать в чем может быть дело?

[TIMURVIDENKIN]

Спасибо за скрипт, все работает. Только остался один вопрос как применить этот скрипт на странице аккаунта в разделе адреса. Сейчас данный скрипт работает на странице корзины, но не работает на странице аккаунт. И еще была бы очень полезна маска для строк адреса(страна, город, улица) чтобы по первым буквам сайт предлагал выбирать из списка страну, город и улицы

[ДаниилХармушко]

Привет!)
Файл не рабочий теперь лежит по ссылке

[Мойканал-кх]

Николай, подскажите пожалуйста как в апсейлах поменять заголовок, вместо "возможно вас также заинтересует..." на "вместе с этим товаром покупают" ? Сколько не искал, не смог найти

[TIMURVIDENKIN]

обнаружил еще один странный глюк при использовании маски. Если изначально клиент заполнил свои данные непосредственно в аккаунте в том числе и телефон в форме 81234567890, то есть вместо +7 написал 8, то при оформлении заказа номер подтягиваемого телефона "плывет", в форму добавляется не [phone], а [phone]. Как исправить этот глюк? Или может есть возможность применить маску телефона и при вводе его в аккаунте клиента, а не только при оформлении заказа?

[АндрейШевченко-щж]

Если делать через плагин то тоже нужно этот файлик закидывать в дочернюю тему?

[АндрейШевченко-щж]

Дочернюю тему создавал через плагин, как теперь ее найти на хостинге?

[kelmuts]

если вы хотите также чтобы маска телефона работала ещё и в форме заполнения платёжной инфы, нуна заменить на эту строчку:
if (is_checkout() || ($_SERVER['REQUEST_URI'] == {
где адрес урл где нуна телефон вводить...