🔥 АКЦИЯ в МАРТЕ от ENVATO!
Скидка 40% на некоторые премиум темы и плагины WordPress: TheGem, XStore, X|The Theme, Soledad, Martfury и др.
🔴 Темы WordPress по акции | 🔴 Плагины WordPress по акции

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

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

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

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

Скриншот

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

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

  • Скачиваем скрипт jquery.maskedinput.js и загружаем его на сайт (через FTP или с помощью файлового менеджера).
  • Подключаем скрипт на сайте с помощью специальной функции.
  • Наслаждаемся результатом ;)

Смотреть видео

Полезные ссылки

1.Скачать скрипт jquery.maskedinput.js

В скачанном архиве он находится в папке: /jquery.maskedinput-master/dist/

Если у вас возник вопрос, не стоит теряться в догадках. Задайте его в комментариях. Задать вопрос

2.Страница плагина Code Snippets

3.Функция подключения скрипта:

Примечание:

Если в вашем магазине покупатели будут указывать различные коды стран, то лучше в маске телефона указывать так: +9(999)999-99-99

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

Для Украины можно указать так: +38(999)999-99-99


Если твой бизнес связан с: онлайн-курсами, вебинарами, онлайн-тренингами и коучингом, то FONDY — лучший сервис приема платежей на твоем сайте.
 

Понравилась статья? Поделиться с друзьями:
ОБ АВТОРЕ
Николай Пекарский
Автор сайта. Фрилансер. Занимаюсь созданием сайтов на WordPress, локализацией шаблонов и плагинов WordPress.
Добавить комментарий

Используйте теги <code>Здесь ваш код</code>, чтобы вставить код в свой комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!:

Задать вопрос