Phone input mask for Elementor Pro, Contact Form 7 or any form (Russian)

[@DigitalAlex]

Библиотека маска ввода (masked input library): github.com/digitalBush/jquery.maskedinput function wpl_scripts() { $uploads = wp_upload_dir(); $upload_path = $uploads['baseurl']; wp_enqueue_script('masked-input', $upload_path . '/FOLDER_NAME/jquery.maskedinput.min.js', array('jquery'), '1.1', true); } add_action( 'wp_enqueue_scripts', 'wpl_scripts' ); jQuery(document).ready(function($) { $('input[type="tel"]').mask("[phone]",{placeholder:" "}); }); Нравятся видео о WordPress? Поддержите канал! wplovers.pw/donate/ Друзья, я очень стараюсь делать хорошие, понятные уроки и это занимает целую прорву времени. В то время, пока я записываю и монтирую видео, я мог бы заниматься другой работой, но так я помогаю очень малому количеству людей. Записывая уроки для массовой аудитории, я получаю возможность помочь сразу большому количеству людей и это здорово! Поддержать WPlovers wplovers.pw/donate/ Более того, хочется делать больше обзоров на платные плагины и темы. К сожалению, но не все разработчики соглашаются предоставить их для теста бесплатно и приходится выделять деньги из собственного кармана. Я буду очень признателен, если вы поддержите проект WPlovers. Поможет любая, даже малая сумма. Спасибо! wplovers.pw/donate/

[@ddulawyer3178]

Какие у вас доходчивые видео и правильный текст!

[@clubskynet]

Устал уже платить фрилансерам. сам сел, за вечер накидал страницу, а теперь еще и с маской! Спасибо, бро!

[@remaster995]

Спасибо, долго мучался с корявыми клиентами, которые ошибались при вводе.

[@НиколайГончаров-ж4д]

Дружище, спасибо за видео. Респект! Все доходчиво и понятно! Лайк и подписка.

[@80Zhanar]

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

[@hostingukraine-3215]

элементор отправляет обязательное поле, даже если там заполнено только пару цифр, как отменить отправку пока полностью номер не заполнят ?

[@toninlosin]

Если чё, то Code Snippet Extended в мае 2022 г. удалён из репозитория Wordpress. Я использовал вместо него Header Foter Code Manager (aka HFCM), полёт нормальный

[@denis_gaas]

Спасибо огромнейшее за этот совет. И миллиард лайков Вам за это

[@ДмитрийДорохин-ю5д]

Вставил шорткод в поп-ап и теперь и там все работает)

[@pnzden]

Спасибо, с шорткодом заработало! Единственное курсор почему-то встаёт в конец поля и чтобы заполнить нужно бекспейсом возвращать его в начало, у вас также? как победили?

[@ДмитрийДорохин-ю5д]

@@pnzden у меня встаёт в начало

[@diterbolen9301]

В хроме не работает

[@khrrmn]

какой шорткод? контакт форм 7?

[@PostMoral]

СПАСИБО!! Очень помог с уроком!

[@IgorShkarin]

Спасибо из 2020! Работает. Для попапов - нужно в html виджет добавить тот скрипт, что в закрепленном комментарии.

[@borislihachev8325]

гениально !!!

[@Orukusaki-San]

Ты спас мне жизнь с попапом, спасибо из 2023)

[@eVil31337]

Огромное спасибо!! Объясняешь, супер-понятно!:)) Все сразу заработало!

[@venkovmax]

Супер! Как раз это мне сейчас и нужно было)

[@DigitalAlex]

Вот и отлично. Тем более, что я давно собирался и обещал сделать это видео.

[@mikhaileroshevich965]

побольше подобных видео! спасибо)

[@DigitalAlex]

Услышал вас =)

[@szar2254]

Здравствуйте, не могу найти плагин Code snippets extended, можно его заменить каким-либо другим?

[@decartsystem]

Ставьте этот - Woody code snippets.

[@СергейГаланин-д5я]

Не работает маска расположенная в новых поап-окнах от элементор. То есть на самом сайте в формах маска работает. Но например если форма вызывается по клику на кнопку в сплывающем окне (в поп-ап от elementor) то маска не работает...

[@DigitalAlex]

Я посмотрю позже. Последнее время много запросов.

[@СергейГаланин-д5я]

@@DigitalAlex И еще, похоже не срабатывают цели метрики при отправке форм из этих поп-апов (настраивал по вашей инструкции, код метрики обновлен) из форм на самой странице цели нормально отрабатывают.

[@DigitalAlex]

@@СергейГаланин-д5я Да, не работают. Тоже получил сообщения по этому поводу, но пока некогда заняться выяснением и написанием в Elementor.

[@al.fedorov]

В комментариях несколько раз поднимался вопрос о том, что при клике по полю ввода номера телефона, курсор устанавливается в конце. У меня в самом Contact Form 7 в шаблоне формы в коде строки ввода телефона был вписан placeholder: Ваш телефон (обязательно) [tel* tel-385 placeholder "[phone]"] . Такой placeholder можно установить во вкладке телефон в поле "Значение по умолчанию" (когда стоит галочка "Используйте этот текст в качестве заполнителя поля"). Я его установил до просмотра этого видео. После удаления этого placeholder в Contact Form 7 курсор устанавливается в начало строки. Сам теперь ищу вариант проверки префикса номера телефона на наличие первым символом цифры 9, люди часто начинают вбивать номер с цифры восемь и приходит заявка с номером вида "[phone], то есть последняя цифра теряется.

[@Andrey_Serikov]

Contact Form 7 - Phone mask field.

[@МаксимКнязев-д8г]

В элементор про, если делаю поп-ап форму, там не работает скрипт

[@ИванХмелевских-х7и]

Попробуйте добавить код со через вставку html-виджета в самом шаблоне попапа.

[@ceirj1879]

@@ИванХмелевских-х7и Отличная идея, работает, спасибо

[@grachevjon]

@@ИванХмелевских-х7и Как это сделать?

[@andrey3091]

@@ИванХмелевских-х7и красавчик просто! я замучился искать проблему. Теперь всё работает на 100%

[@Стас-ч5у7ц]

Здравствуйте Автор. Помогите!!! Почему маска не работает в попапе элементора?

[@ИванХмелевских-х7и]

Попробуйте добавить код со через вставку html-виджета в самом шаблоне попапа.

[@grachevjon]

@@ИванХмелевских-х7и Как это сделать?

[@SlavaFu]

Спасибо, всё получилось, но в форме при клике на ввод номера телефона, курсор появляется в конце поля, а у Вас в видео после +7( ... Как это можно исправить?

[@АлександрДорофеев-ъ8ж]

У меня тоже так. На ПК версии курсор сразу встает в конце поля, надо передвигать. На мобильной встает куда нужно, но тоже может спрыгнуть, если еще раз в поле тыцнуть. Александр, как решить, подскажи, пожалуйста?

[@kuzmichov]

@@АлександрДорофеев-ъ8ж это как-то связано с автозаполнением форм в браузере. Потому как если очистить поле ввода телефона Shift+Del и перезапустить страницу Ctrl+F5, то курсор уже встанет как положено в начале строки ввода

[@kuzmichov]

Надо как-то заставить в элементоре запретить браузеру в форме использовать автозаполение

[@decartsystem]

@@kuzmichov просто в форме с телефоном добавьте autocomplete:off

[@قناةالعلاجفيروسيا]

Спасибо, очень интересный выпуск, скажите пожалуйста, а как сделать так чтобы Маска ввода телефона автоматически выстовляла код страны в зависимости от местоположение посетитела?

[@ЕвгенийКотов-л9н]

Спасибо большое. Очень помог!

[@ЮлияГригоращенко]

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

[@dengimira]

Спасибо за видео! Есть вопрос: Если например я работаю по всему миру, то просто оставляю формат: mask("[phone]"), тк есть разные международные номера и разной длины. Но возникает проблема: Если например заполнить не все 12 номерных знаков, то contact form 7 не отправляет. Ведь в одной стране может быть 10, а в другой 12 номерных знаков. Если в conact form 7 убрать обязательное поле номера, то пропускает, но тогда не приходит номер телефона (((( Сталкивались с аналогичной задачей?: Работа со всем миром с разной длиной номерных знаков...

[@naturaartura]

Благодарю, тема классная! Но у меня одного на всплывашках не сработало или ещё у кого?

[@StaLRix]

Всем привет, подскажите как измениться код, если привязать маску к id поля номера телефона. просто с типом "tel" не работает маска, но если тип поменять на "text" то маска срабатывает, но на всех полях с этим типом)

[@СергейШорин-п4р]

Как заставить работать маску ввода телефона, при заполнении формы, внутри popup окна? Спасибо

[@DigitalAlex]

Видимо нужен другой способ. Не ковырял ещё.

[@diterbolen9301]

решение простое вставить код инициализации в само popup окно (html виджет) сразу все прекрасно заработало

[@РоманЖеребцов-н4ю]

@@diterbolen9301 в какое именно , окно, можешь пжлст помочь? вот слева у вордпресса есть вкладка Шаблоны--далее мы переходим на Наш созданный шаблон для попапа и куда там вставлять код инициализации??

[@dmitriysmirnov4849]

Всем привет! Чтобы маска работала в попапе элементора, попробуйте вот это: jQuery(document).ready(function($) { $("body").on("click", "input", function() { $('input[type="tel"]').mask("[phone]",{placeholder:""}); }); });

[@РоманЖеребцов-н4ю]

всем внимание- Вставляем код выше который парень прописал @Dmitriy Smirnov - спасибо больщое, НО обязатльно и ВНИМАТЕЛЬНО смотрите что у вас в настройке самой формы Попап у элементора в настройках Form Fields-->Телефон-->Type обязательно должен быть значение Tel, сам не заметил и запоролся, у меня там по дефолту стояло Text )

[@алинашигапова-ы1о]

очень помогло, спасибо!

[@fuzzywuzzy6960]

Добрый вечер. Как сделать чтоб вся информация была на одной странице и несколько кнопок которые бы при нажатии просто перелистывали страницу вниз до нужной информации. Ну допусти кнопка "Контакты" при её нажатии опускает страницу вниз где и находятся контакты, просто сейчас на Astra по вашим роликам сделал сайт но там кнопки как бы отдельное окошко открывают, и можно ли в бесплатной версии астра залить шапку общим фоном сайта? Спасибо

[@DigitalAlex]

Приветствую. То, что вам нужно называется якорными ссылками kzbin.info/www/bejne/iJmykJ95m8pol9k В бесплатной Astra никак.

[@fuzzywuzzy6960]

Большое спасибо, когда будет продолжение по теме "Сайт для бизнеса без программиста и вебмастера" ?

[@DigitalAlex]

Есть затык небольшой кое с чем, пока не придумал как решить. Как решу, будет продолжение.

[@fuzzywuzzy6960]

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

[@DigitalAlex]

Лучше вот так сделайте kzbin.info/www/bejne/q2TMZKmceMd6itU а на этой странице поставьте иконки соцсетей.

[@antonu8467]

СПАСИБО за видео!!!! только одна проблема - НЕТ ПЛАГИНА code snippets extended , может есть аналог этого плагина? помогите пожалуйста!

[@antonu8467]

спасибо нашел в сети и поставил!

[@ГасанАлыгулуев]

подскажи пожалуйста какой аналог@@antonu8467

[@militer3675]

Видео о том как использовать плагин jQuery. Актуальненько 🤭🤭🤭

[@aleksey3229]

Как сделать например маску ввода суммы типа 1234.12 и ограничить в инпуте чтобы можно было вводить только цифры?

[@КириллЛавров-я6р]

А кто то делал ограничение на количество символов? Например мне надо что бы в поле text (в контактной форме elementor pro) было всего 15 знаков включая цифры и буквы?

[@Александр-у7ю2т]

Маскед Импут, потерял актуальность, так как, кориво работает на мобильных устройствах, можете рассмотреть другой плагин, чтобы работал на всех приложениях?

[@DigitalAlex]

Пример того, как должно работать на мобильных можете показать?

[@alexmars11]

Почему то в форме появляется [phone] и ничего нельзя сделать, не удалить цифры не ввести новые. Что может быть?

[@dmitori]

У меня такая же проблема. У Вас получилось её решить?

[@alexmars11]

@@dmitori Нет, так и висит проблема. Надо искать другое решение.

[@alekseib7462]

сделал как у вас,на почту приходят все заполненные поля кроме данных поля "ввод телефона" как поправить, где ошибка,на что обратить внимание?с ориентируйте

[@DigitalAlex]

Уточните какую форму используете.

[@alekseib7462]

@@DigitalAlex Contact Form 7на ней пробовал ,спасибо уже разобрался),не вписал в тело письма шорткод для телефона

[@DigitalAlex]

А, ну вот. Просто повнимательнее быть и всё получается.

[@ramatahat3581]

После нажатия сохранить во втором плагине пишет: "На сайте возникла критическая ошибка. Пожалуйста, проверьте входящие сообщения почты администратора для дальнейших инструкций." Не подскажите что делать? спасибо

[@ramatahat3581]

Помогло откатить PHP до 7.4, сам задал сам ответил ахзахза мало ли пригодится кому

[@Todjikiston]

Получается он заменяет код “tel” только для Contact Form7 ? Или у других плагинов обратной формы данный скрипт тоже заменяет код, просто у меня “Pirate Forms” стоит

[@DigitalAlex]

Если тип поля tel задан, то да. Но с этим же скриптом можно сделать и на ID и на class. Только код будет немного отличаться.

[@Todjikiston]

WPLovers - о Wordpress понятно и с любовью спасибо

[@MG231080]

Давно искал

[@anderlee]

Плагина code snippets от этого автора больше нет. Что теперь делать?

[@decartsystem]

Использовать 2 плагина: 1. Code Snippets (автор - Code Snippets Pro) 2. Woody code snippets (автор - Will Bontrager Software) На данный момент самые часто обновляемые плагины, которые отлично справляются с поставленной задачей!

[@Экс-щ2ш]

А можно ли с помощью элементора немного подредактировать визуально сайт, если делал до этого веб мастер, и вообще если плагин элементор установить, сайт будет нормально отображаться? Извиняюсь если глупый вопрос)

[@DigitalAlex]

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

[@Экс-щ2ш]

Спасибо за ответ, однозначно подписка)

[@DigitalAlex]

Пожалуйста и добро пожаловать!

[@dmitrydzhyrma7026]

Не могу изменить префикс с +7 на +38. Точнее, в самом сниппете меняю, сохраняю, но при обновлении страницы остается +7. Можете подсказать, как решить проблему?

[@decartsystem]

Если используете Contact Form 7 - проверьте, чтобы в самой форме было так - placeholder "+38 (___) ___-__-__". Проверил у себя, работает при любых масках! При изменении маски в сниппете - тоже все работает!

[@super-max]

Добрый день! 1. Как донастроить, чтобы маска работала во всплывающих popup окнах? 2. Как сделать, чтобы валидация пропускала знаки пробела? Чтобы можно было сделать маску типа +7 (ххх) ххх-хх-хх, а не +7-(ххх)-ххх-хх-хх.

[@DigitalAlex]

Здравствуйте. Есть в планах перезапись с учетом этих нюансов. Передвину в графике повыше.

[@super-max]

@@DigitalAlex спасибо, уже разобрался самостоятельно, но не без помощи ChatGPT ;)

[@Natt-y1s]

@@super-max Поделитесь, пожалуйста

[@maxm5416]

@@super-max поделись тоже пожалуйста.

[@super-max]

​@@Natt-y1s у меня установлен плагин Code Snippets в нём добавлены 2 снипета: Run snippet everywhere и Priority 10 у обоих 1. Подключение библиотек: function phone_mask_scripts() { $uploads = wp_upload_dir(); $upload_path = $uploads['baseurl']; wp_enqueue_script('masked-input', $upload_path . '/phone-mask/jquery.maskedinput.min.js', array('jquery'), '1.1', true); } add_action( 'wp_enqueue_scripts', 'phone_mask_scripts' ); 2. Валидация: add_action( 'elementor_pro/forms/validation/tel', function( $field, $record, $ajax_handler ) { // Remove native validation /** * @var \ElementorPro\Modules\Forms\Module $forms_module */ $forms_module = \ElementorPro\Plugin::instance()->modules_manager->get_modules( 'forms' ); remove_action( 'elementor_pro/forms/validation/tel', [ $forms_module->fields_registrar->get('tel') , 'validation' ] ); // Run your own validation if ( empty( $field['value'] ) ) { return; } if ( ! preg_match( '/^\+7 \([0-9]{3}\) [0-9]{3}-[0-9]{2}-[0-9]{2}$/', $field['value'] ) ) { $ajax_handler->add_error( $field['id'], __( 'Введите номер телефона в формате +7 (ХХХ) ХХХ-ХХ-ХХ', 'elementor-pro' )); } }, 9, 3 );

[@olgavikulova223]

Здравствуйте. Вроде сделал все как в видео. Но asked не находит в коде. Браузер хром. Хост на таймвеб.

[@DigitalAlex]

Здравствуйте. Кэш очищали? Результат верен, когда верны действия, не так ли?

[@antonantonich6847]

вроде сделал все по инструкции, но через формы elementor ничего не запустилось

[@bekzodkhujanazarov7468]

как поменять 9 на другую цифру?

[@ILexSuS]

Александр, просто класс! Больше Вам спасибо! Но у меня возник странный ситуэйшен - "Сниппеты" вставил код скрипта до подключения скриптов и jQuery, хоть и стоит "запускать после футера", пришлось руками прописать в нужном порядке.

[@DigitalAlex]

Кстати да, есть такое. Жаль автор Code Snippets Extended не выходит на связь. Кое-что я бы поправил. Тем не менее, маска и так нормально работает.

[@АнастасияМезенова]

как прописывали руками в нужном порядке?

[@IstominEvgeniy]

*_А есть возможность, для разных стран маску сделать, для многих а не только для одной?_*

[@DigitalAlex]

Где-то видел скрипты. Этот устарел уже, есть в планах обновлённое видео записать.

[@WasntMary]

будем ждать

[@alekseyprobusiness]

добрый день, а изза чего после этой настройки перестала работать контактная форма? Не отправляются письма на почту (

[@DigitalAlex]

Без понятия. Из-за чего угодно может быть. Смотреть нужно.

[@decartsystem]

У меня после обновления Wordpress письма из Contact Form 7 стали помечаться как спам и этот плагин просто не отправлял их. Достаточно добавить в файл functions.php Вашей текущей темы следующую строчку кода: add_filter('wpcf7_spam', '__return_false');

[@decartsystem]

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

[@100-media4]

Маска ввода не работает в PopUp elementor/ Помогите решить проблемку. Спасибо.

[@АлександрМакедонский-в5е]

Сам долго искал решение, поменяйте код на этот и всё заработает: jQuery(document).ready(function($) { $("body").on("click", "input", function() { $('input[type="tel"]').mask("[phone]",{placeholder:""}); }); });

[@priyankakhan4445]

а что это за плагины external links и gpt ui поделитесь плиз

[@DigitalAlex]

Без понятия о чём вы.

[@priyankakhan4445]

у вас на 8:44 мин вот a.radikal.ru/a16/1809/63/9f5aaadc47f0.jpg

[@DigitalAlex]

Вот теперь понятно. Я изредка пересматриваю видео и не особо помню, что в них было. Лишь в общих чертах. External Link ru.wordpress.org/plugins/wp-external-links/ для запрета индексации внешних ссылок, чтобы поисковики по ним не ходили. Только они давно клали на этот запрет. Второй ru.wordpress.org/plugins/custom-post-type-ui/ для создания произвольных записей. В видео про произвольные записи о нём рассказывал.

[@Lingvia]

Elementor не просто тупит.... вообще не открывает страницу...что делать?

[@andrey3091]

У кого не получилось вставить маску в поп-ап элементор, пишите, могу поделиться хорошим решением, без всяких доп. плагинов и снипетов

[@ГасанАлыгулуев]

у меня не получилось так как убрали плагин extended который в видео, поделитесь решением, буду благодарен

[@Serhii_Life]

Добрый день. Выдаёт ошибку Из-за чего может быть? Заблокирована загрузка смешанного активного содержимого «pr2.svs.dp.ua/wp-content/uploadspr2.svs.dp.ua/wp-content/uploads/maskatel/jquery.maskedinput.min.js?ver=1.1»[Подробнее] pr2.svs.dp.ua JQMIGRATE: Migrate is installed, version 1.4.1 jquery-migrate.min.js:2:542 Загрузка смешанного (небезопасного) отображаемого содержимого «pr2.svs.dp.ua/wp-content/uploads/2018/07/home.png» на защищённой странице[Подробнее] pr2.svs.dp.ua Загрузка смешанного (небезопасного) отображаемого содержимого «pr2.svs.dp.ua/wp-content/uploads/2018/07/home.png» на защищённой странице[Подробнее] pr2.svs.dp.ua Загрузка смешанного (небезопасного) отображаемого содержимого «pr2.svs.dp.ua/wp-content/uploads/2018/08/kiyv3.jpg» на защищённой странице[Подробнее] pr2.svs.dp.ua Загрузка смешанного (небезопасного) отображаемого содержимого «pr2.svs.dp.ua/wp-content/uploads/2018/08/kiyv3.jpg» на защищённой странице[Подробнее] pr2.svs.dp.ua Загрузка смешанного (небезопасного) отображаемого содержимого «pr2.svs.dp.ua/wp-content/uploads/2018/08/kiyv5.jpg» на защищённой странице[Подробнее] pr2.svs.dp.ua Загрузка смешанного (небезопасного) отображаемого содержимого «pr2.svs.dp.ua/wp-content/uploads/2018/08/555.png» на защищённой странице[Подробнее] pr2.svs.dp.ua Загрузка смешанного (небезопасного) отображаемого содержимого «pr2.svs.dp.ua/wp-content/uploads/2018/07/fon2-1.jpg» на защищённой странице[Подробнее] pr2.svs.dp.ua Заблокирована загрузка смешанного активного содержимого «pr2.svs.dp.ua/wp-content/uploadspr2.svs.dp.ua/wp-content/uploads/maskatel/jquery.maskedinput.min.js?ver=1.1»[Подробнее] pr2.svs.dp.ua Загрузка по адресу «pr2.svs.dp.ua/wp-content/uploadspr2.svs.dp.ua/wp-content/uploads/maskatel/jquery.maskedinput.min.js?ver=1.1» не удалась. pr2.svs.dp.ua:1687 [Показать/скрыть детали сообщения.] TypeError: $(...).mask is not a function[Подробнее] pr2.svs.dp.ua:1669:3

[@DigitalAlex]

Здравствуйте. Где выдаётся ошибка, уточните? Я уже вижу, что ссылка pr2.svs.dp.ua/wp-content/uploadspr2.svs.dp.ua/wp-content/uploads/maskatel/jquery.maskedinput.min.js?ver=1.1 неправильная Скорее всего, что-то напутали с подключением скрипта.

[@Blog-igorbelovRu]

А как добавить (Вход Для Международного Телефона) Вот скрипт github.com/jackocnr/intl-tel-input Подскажите пожалуйста

[@alexbelov8728]

Писец после таких манипуляций на сайте возникла критическая ошибка и все накрылось :( Как так то

[@ramatahat3581]

Крче все ставится одним плагином Contact from 7 маска ввода, гораздо проще и быстрее, маска сразу в меню плагина будет, не надо сто плагинов устанавливать, при которых еще и может слететь сайт

[@idiatulla]

не работает в андроидах и в попапах

[@DigitalAlex]

Читайте комментарии, там много раз предложили решение

[@ivanzhibul2469]

Можно ли сделать форму с выбором маски 2 варианта? например для белорусского номера +375(ХХ)ХХХ-ХХ-ХХ и Российского +7(ХХ)ХХХ-ХХ-ХХ?

[@DigitalAlex]

Не этим методом. Придётся вам поискать другие скрипты, которые так умеют. Хотя, именно метод подключения скриптов, показанный в этом видео, вам пригодится.

[@ekaterinakatsly2373]

не работает в попап окнах

[@АртемПарцыков]

У меня на сайте почему-то сам скрипт открывается по ссылке refence.ru/wp-content/uploads/refence-assets/jquery.maskedinput.min.js но не подключается, буд-то сниппет не работает

[@DigitalAlex]

Кэш кто будет сбрасывать?

[@АртемПарцыков]

Хм, чищу и Autoptimize и WP Fastest Cache все равно не появляется

[@DigitalAlex]

Отключите на время Autoptimize и WP Fastest Cache, я код посмотрю.

[@АртемПарцыков]

Отключил

[@АртемПарцыков]

Хмм, появился родимый. Видимо какой-то из плагинов его блочит? Сейчас определю какой

[@ДанилМаслов-ц5в]

Все ещё можно скидывать сайты на обзор? Сделанные на елементор

[@DigitalAlex]

Да, можно. Будет ещё видео, чуть позже.

[@ЯнаПавловская-л4г]

Спасибо!)

[@natali7804]

Видимо в 23 году это все не работает. Есть еще какие то идеи как добавить маску, особенно в попап?

[@DigitalAlex]

Почитать комменты например. Возможно позже я сделаю видео. В комментариях не готов 2 часа объяснять как это делается.

[@DanDiablo]

@@DigitalAlex Доброго времени суток, сделали видео?

[@MrLutor]

агонь) А подскажите какой формат маски использовать для телефонов в международном формате? (это я про то, когда пользователи сайта не из одной страны, например укр и рф)

[@DigitalAlex]

С этим сложнее. Придётся поискать другую библиотеку и подключить по тому же принципу. Эта совсем простая и так не может.

[@RezvanAbdunov]

а что нельзя показать людям что лучше использовать GTM вместо 2х плагинов? И маска бро как то ну очень простовата для того чтобы ее использовать на боевом сайте\

[@ИльяИльич-й5й]

почему после того как нажимаю сохранить с первым кодом он мне выдает такую дичь? Без паники Спиппет РєРѕРґР°, который РІС‹ пытались сохранить вызвал фатальную ошибку РІ строке 1: syntax error, unexpected '4' (T_LNUMBER), expecting '(' Предыдущая версия этого сниппета РЅРµ изменилась, Рё остальная часть этого сайта должна функционировать нормально, как Рё прежде. Пожалуйста, воспользуйтесь РєРЅРѕРїРєРѕР№ назад РІ вашем браузере, чтобы вернуться РЅР° предыдущую страницу Рё попытаться исправить ошибку РІ РєРѕРґРµ. Если РІС‹ хотите, РІС‹ можете закрыть эту страницу Рё отказаться РѕС‚ внесенных изменений. Никаких изменений РЅРµ будет сделано РЅР° этом сайте.

[@DigitalAlex]

Налицо проблемы с кодировкой. Сохранить где нажимаете, плагине сниппетов?

[@ИльяИльич-й5й]

@@DigitalAlex я неправильно кеш сбросил, я вставил 1й код а потом сбросил и дальше уже ничего не получалось, удалил все коды сбросил кеш и все заработало. у меня еще вот такой вопрос - можно-ли и с помощью какого плагина сделать поля для заполнения Contact Form 7 прозрачными? у меня под формой картинка, фон формф я сделал прозрачным, но поля остались((( все портит. Подскажите пож. Если интересно вот ссылка 4brownn.ru

[@DigitalAlex]

@@ИльяИльич-й5й Если в Elementor делаете, то wordpress.org/plugins/elementor-contact-form-7/ достаточно увести ползунок увета Input Field Background в прозрачный. Если без Elementor, то руками правится.

[@DashaG182]

не работает почему-то(

[@ВладСветов-ъ6б]

в новом элементор - появился custom code

[@kateryna_vysh]

Скопировано "первое сообщение" с кодом. Библиотека маска ввода (masked input library): github.com/digitalBush/jquery.maskedinput function wpl_scripts() { $uploads = wp_upload_dir(); $upload_path = $uploads['baseurl']; wp_enqueue_script('masked-input', $upload_path . '/FOLDER_NAME/jquery.maskedinput.min.js', array('jquery'), '1.1', true); } add_action( 'wp_enqueue_scripts', 'wpl_scripts' ); jQuery(document).ready(function($) { $('input[type="tel"]').mask("[phone]",{placeholder:" "}); }); Нравятся видео о WordPress? Поддержите канал! wplovers.pw/donate/ Друзья, я очень стараюсь делать хорошие, понятные уроки и это занимает целую прорву времени. В то время, пока я записываю и монтирую видео, я мог бы заниматься другой работой, но так я помогаю очень малому количеству людей. Записывая уроки для массовой аудитории, я получаю возможность помочь сразу большому количеству людей и это здорово! Поддержать WPlovers wplovers.pw/donate/ Более того, хочется делать больше обзоров на платные плагины и темы. К сожалению, но не все разработчики соглашаются предоставить их для теста бесплатно и приходится выделять деньги из собственного кармана. Я буду очень признателен, если вы поддержите проект WPlovers. Поможет любая, даже малая сумма. Спасибо! wplovers.pw/donate/

[@Покупальник]

Вопрос автору, как сделать эту маску с нижним подчёркиванием вместо пустых мест? Вот так +7(___)___-__-__

[@i5D5aX3LdqqP]

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

[@CraneVelssa]

Понимаю, что ответ уже не актуальный, но может еще у кого-нибудь тот же вопрос возникнет. Для этого надо {placeholder:" "} поменять на {placeholder:"_"}

[@roseroastro]

Такие советы всегда актуальны!)

[@MrFarichello]

@@CraneVelssa еще как актуальный, специально начал читать всю ветку комментариев, и наконец дошел до нужного решения - вашего)

[@SuperFirstvideo]

А возник вот такой вопрос. У нас интернет-магазин и есть поле ввода телефона, люди частенько пишут неправильно, хочу добавить маску [phone] для России, но у нас также заказывают из Казахстана и там маска должна отличаться +375 29 2XX XX XX. Как совместить все это дело в одном поле ввода?

[@DigitalAlex]

С данным решением никак. Придётся поискать другие.

[@diterbolen9301]

Код телефонов Казахстана начинается с +7

[@AAAABBBBCCCDDDDEEEE]

[strong]Like[/strong]

[@muhammadsidiqabdullahatov1411]

Like

[@lunevpro]

Что с Astra?

[@DigitalAlex]

Артём, конкретнее опишите пожалуйста, что у вас не так.

[@lunevpro]

доступа нет, по какой причине не пойму. Возможно из за блокировки ip адресов? у Вас так же или у меня одного так? priscree.ru/img/2d5b5e65bf601a.jpg (скриншот) и главный сайт не открывается

[@DigitalAlex]

Да, скорее всего из-за них. Попробуйте зарегистрироваться на этом хостинге kzbin.info/www/bejne/bZ_XlmyrfMqqbK8 установить WordPress хотя бы на тестовый технический домен и проверить.

[@БорисЖаренов-й2ы]

А если пользователь ткнёт не вначале маски а в середине, то ввод телефона превращается в квест. Скрипт сырой.

[@grinezs]

Все сделал по инструкции, но не работает, кэш чистил

[@DigitalAlex]

С какой формой не получилось? Elementor Pro, Contact Form 7 или другой?

[@mr.lunatik965]

Не работает

[@bibigulniyazova2958]

Где коды?

[@DigitalAlex]

Что-то непонятное с KZbin, у себя вижу, некоторые тоже видят, а некоторые нет. Добавил ссылку на свой сайт в описание к видео, забирайте оттуда.

[@askarniyazov3348]

Вы не могли бы подсказать, у меня плагин обратной связи VDZ Call Back, и вставляя данные коды, маска формы не меняется?

[@DigitalAlex]

Аскар, нужно посмотреть какой CSS класс у поля с номером телефона. Сможете? Если нет, то пришлите ссылку на страницу. Сам посмотрю и напишу вариант кода.

[@askarniyazov3348]

Заказать обратный звонок

[@DigitalAlex]

Вот так должно сработать: jQuery(document).ready(function($) { $("#vdz_cb_phone").mask("[phone]",{placeholder:" "}); });

[@АлексейФедунов-р1ы]

а я всё думал чё не работает форма телефона ))))))

[@DigitalAlex]

В смысле?

[@АлексейФедунов-р1ы]

да я в маске телефона убрал - терэ и форма не работала ещё и " All In One WP Security" у них косяк с контак формом, сейчас устраняют

[@banderivets87]

вводжу в масці пробіл і все пропускає і працює

[@dmitryivasechko6021]

Мой сайт сделанный на Elementor - archlabinterior.com, буду рад если сделаете обзор)

[@DigitalAlex]

Сохранил. Проверю и включу в ролик.

[@ab23_ru]

Минюшку, (шапку с боку) тоже элементом ? Или сторонняя тема стоит , а элементом наполнение

[@dmitryivasechko6021]

АБ-spb Александр Бриллиантов Это единственное что оставил от шаблона, все остальное чисто Elementor Pro + Jet Elements

[@ГерманМанн]

Отличный сайт! Вот мой artmann-interior.ru . Расскажи пожалуйста как ты сделал анимацию в менюшке и на кнопке?

[@КостяШевкин-з5х]

Сайт лежит ваш 502 Bad Gateway nginx/1.22.0