Маска телефона на Elementor со страной

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

Плагин маски телефона Elementor

Плагин достаточно свежий и не столь популярный, поэтому если вы наткнулись на эту статью - считайте, что вам сильно повезло и вы сэкономите кучу времени!

1. Tweaks for Elementor.

По ссылочке выше, вы сможете скачать его или найти в общем репозитории по названию.

Настройка плагина Tweaks for Elementor

После того как вы выполнили его успешную установку - необходимо потратить пару минут на его несложную настройку.

Для того, чтобы маска телефона на форме elementor работала как нужно, необходимо выполнить следующие шаги:

1. Перейти в настройки элементора в административной панели сайта - "Elementor" -> "Settings" или с русским переводом - "Elementor" -> "Найстройки"
2. Сверху, во вкладках, вы увидите 2 новые: "Tweaks for Elementor" и "Intl Tel for Elementor" - открываем вторую.
3. В поле "Custom country ID" - вписываем ID той страны, которую хотим видеть по умолчанию. Для России это "RU" - полный список ID для всех стран смотрите здесь.

Что мы получаем

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