Phone input mask for Elementor Pro, Contact Form 7 or any form (Russian)
HTML-код
- Опубликовано: 5 фев 2025
- Get Elementor Pro: goo.gl/upyZ5E
Buy coffee to autor: www.paypal.me/...
How many times has it been that you received contact form email, but the phone number was wrong digits count? The phone number entry mask helps to eliminate visitor errors when entering the number and increase the conversion of the site or landing page.
In this video, we'll look at the generic way to create an input mask in WordPress for any form: #Elementor Pro, Contact Form 7, and other plugins.
Write your ideas in comments about connecting other scripts, we will look at them.
See scripts in the first sticky comment or here wplovers.pw/ma...
Get Elementor free - goo.gl/KzmYJC
Buy Elementor PRO - goo.gl/upyZ5E
Join:
Website - wplovers.pw
VK - wplovers
Facebook - wplovers1
Telegram - t.me/wplovers
Twitter - / wplovers2 
Наука
![I.N "HALLUCINATION" | [Stray Kids : SKZ-PLAYER]](http://i.ytimg.com/vi/n5B5q1Hwt_U/mqdefault.jpg)
![Blox Fruits Dragon Rework Update [Full Stream]](http://i.ytimg.com/vi/EqDAp8udhm0/mqdefault.jpg)
Библиотека маска ввода (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("+7-(999)-999-9999",{placeholder:" "});
});
Нравятся видео о WordPress? Поддержите канал! wplovers.pw/donate/
Друзья, я очень стараюсь делать хорошие, понятные уроки и это занимает целую прорву времени. В то время, пока я записываю и монтирую видео, я мог бы заниматься другой работой, но так я помогаю очень малому количеству людей. Записывая уроки для массовой аудитории, я получаю возможность помочь сразу большому количеству людей и это здорово!
Поддержать WPlovers wplovers.pw/donate/
Более того, хочется делать больше обзоров на платные плагины и темы. К сожалению, но не все разработчики соглашаются предоставить их для теста бесплатно и приходится выделять деньги из собственного кармана.
Я буду очень признателен, если вы поддержите проект WPlovers. Поможет любая, даже малая сумма.
Спасибо! wplovers.pw/donate/
Какие у вас доходчивые видео и правильный текст!
Устал уже платить фрилансерам. сам сел, за вечер накидал страницу, а теперь еще и с маской! Спасибо, бро!
Спасибо, долго мучался с корявыми клиентами, которые ошибались при вводе.
Все сделала по инструкции, кэш в браузере почистила, плагины ускорения и кэширования не установлены, а маска все равно не работает... В чем может быть дело?
Дружище, спасибо за видео. Респект! Все доходчиво и понятно! Лайк и подписка.
элементор отправляет обязательное поле, даже если там заполнено только пару цифр, как отменить отправку пока полностью номер не заполнят ?
Вставил шорткод в поп-ап и теперь и там все работает)
Спасибо, с шорткодом заработало!
Единственное курсор почему-то встаёт в конец поля и чтобы заполнить нужно бекспейсом возвращать его в начало, у вас также? как победили?
@@pnzden у меня встаёт в начало
В хроме не работает
какой шорткод? контакт форм 7?
Если чё, то Code Snippet Extended в мае 2022 г. удалён из репозитория Wordpress. Я использовал вместо него Header Foter Code Manager (aka HFCM), полёт нормальный
Спасибо огромнейшее за этот совет. И миллиард лайков Вам за это
Спасибо, очень интересный выпуск, скажите пожалуйста, а как сделать так чтобы Маска ввода телефона автоматически выстовляла код страны в зависимости от местоположение посетитела?
В комментариях несколько раз поднимался вопрос о том, что при клике по полю ввода номера телефона, курсор устанавливается в конце. У меня в самом Contact Form 7 в шаблоне формы в коде строки ввода телефона был вписан placeholder: Ваш телефон (обязательно) [tel* tel-385 placeholder "(999) 999-9999"] . Такой placeholder можно установить во вкладке телефон в поле "Значение по умолчанию" (когда стоит галочка "Используйте этот текст в качестве заполнителя поля"). Я его установил до просмотра этого видео. После удаления этого placeholder в Contact Form 7 курсор устанавливается в начало строки.
Сам теперь ищу вариант проверки префикса номера телефона на наличие первым символом цифры 9, люди часто начинают вбивать номер с цифры восемь и приходит заявка с номером вида "+7 (892) 652-55-53, то есть последняя цифра теряется.
Огромное спасибо!! Объясняешь, супер-понятно!:)) Все сразу заработало!
Здравствуйте, не могу найти плагин Code snippets extended, можно его заменить каким-либо другим?
Ставьте этот - Woody code snippets.
побольше подобных видео! спасибо)
Услышал вас =)
Спасибо за видео! Есть вопрос: Если например я работаю по всему миру, то просто оставляю формат: mask("+9999999999999"), тк есть разные международные номера и разной длины. Но возникает проблема:
Если например заполнить не все 12 номерных знаков, то contact form 7 не отправляет. Ведь в одной стране может быть 10, а в другой 12 номерных знаков.
Если в conact form 7 убрать обязательное поле номера, то пропускает, но тогда не приходит номер телефона ((((
Сталкивались с аналогичной задачей?:
Работа со всем миром с разной длиной номерных знаков...
СПАСИБО!! Очень помог с уроком!
Супер! Как раз это мне сейчас и нужно было)
Вот и отлично. Тем более, что я давно собирался и обещал сделать это видео.
Здравствуйте Автор. Помогите!!! Почему маска не работает в попапе элементора?
Попробуйте добавить код со через вставку html-виджета в самом шаблоне попапа.
@@ИванХмелевских-х7и Как это сделать?
Спасибо из 2020! Работает.
Для попапов - нужно в html виджет добавить тот скрипт, что в закрепленном комментарии.
гениально !!!
Ты спас мне жизнь с попапом, спасибо из 2023)
Благодарю, тема классная! Но у меня одного на всплывашках не сработало или ещё у кого?
В элементор про, если делаю поп-ап форму, там не работает скрипт
Попробуйте добавить код со через вставку html-виджета в самом шаблоне попапа.
@@ИванХмелевских-х7и Отличная идея, работает, спасибо
@@ИванХмелевских-х7и Как это сделать?
@@ИванХмелевских-х7и красавчик просто! я замучился искать проблему. Теперь всё работает на 100%
Не работает маска расположенная в новых поап-окнах от элементор. То есть на самом сайте в формах маска работает. Но например если форма вызывается по клику на кнопку в сплывающем окне (в поп-ап от elementor) то маска не работает...
Я посмотрю позже. Последнее время много запросов.
@@DigitalAlex И еще, похоже не срабатывают цели метрики при отправке форм из этих поп-апов (настраивал по вашей инструкции, код метрики обновлен) из форм на самой странице цели нормально отрабатывают.
@@СергейГаланин-д5я Да, не работают. Тоже получил сообщения по этому поводу, но пока некогда заняться выяснением и написанием в Elementor.
Спасибо, всё получилось, но в форме при клике на ввод номера телефона, курсор появляется в конце поля, а у Вас в видео после +7( ... Как это можно исправить?
У меня тоже так. На ПК версии курсор сразу встает в конце поля, надо передвигать. На мобильной встает куда нужно, но тоже может спрыгнуть, если еще раз в поле тыцнуть. Александр, как решить, подскажи, пожалуйста?
@@АлександрДорофеев-ъ8ж это как-то связано с автозаполнением форм в браузере. Потому как если очистить поле ввода телефона Shift+Del и перезапустить страницу Ctrl+F5, то курсор уже встанет как положено в начале строки ввода
Надо как-то заставить в элементоре запретить браузеру в форме использовать автозаполение
@@kuzmichov просто в форме с телефоном добавьте autocomplete:off
Спасибо огромное вам! Видео очень помогло
Спасибо большое. Очень помог!
Всем привет, подскажите как измениться код, если привязать маску к id поля номера телефона. просто с типом "tel" не работает маска, но если тип поменять на "text" то маска срабатывает, но на всех полях с этим типом)
Добрый вечер. Как сделать чтоб вся информация была на одной странице и несколько кнопок которые бы при нажатии просто перелистывали страницу вниз до нужной информации. Ну допусти кнопка "Контакты" при её нажатии опускает страницу вниз где и находятся контакты, просто сейчас на Astra по вашим роликам сделал сайт но там кнопки как бы отдельное окошко открывают, и можно ли в бесплатной версии астра залить шапку общим фоном сайта? Спасибо
Приветствую. То, что вам нужно называется якорными ссылками ruclips.net/video/RhO_lCfe5aw/видео.html
В бесплатной Astra никак.
Большое спасибо, когда будет продолжение по теме "Сайт для бизнеса без программиста и вебмастера" ?
Есть затык небольшой кое с чем, пока не придумал как решить. Как решу, будет продолжение.
Ждём новых видео. Ещё такой вопрос в голове вертится давно, как сделать чтоб с моего сайта была переадресация на группу вконтаке пока сайт не доделаю, везде в рекламе просто будет указан сайт а там пока ничего хорошего нет.
Лучше вот так сделайте ruclips.net/video/u3i3vfCbGTs/видео.html а на этой странице поставьте иконки соцсетей.
Как заставить работать маску ввода телефона, при заполнении формы, внутри popup окна? Спасибо
Видимо нужен другой способ. Не ковырял ещё.
решение простое вставить код инициализации в само popup окно (html виджет) сразу все прекрасно заработало
@@diterbolen9301 в какое именно , окно, можешь пжлст помочь? вот слева у вордпресса есть вкладка Шаблоны--далее мы переходим на Наш созданный шаблон для попапа и куда там вставлять код инициализации??
Давно искал
СПАСИБО за видео!!!! только одна проблема - НЕТ ПЛАГИНА code snippets extended , может есть аналог этого плагина? помогите пожалуйста!
спасибо нашел в сети и поставил!
подскажи пожалуйста какой аналог@@antonu8467
Получается он заменяет код “tel” только для Contact Form7 ? Или у других плагинов обратной формы данный скрипт тоже заменяет код, просто у меня “Pirate Forms” стоит
Если тип поля tel задан, то да. Но с этим же скриптом можно сделать и на ID и на class. Только код будет немного отличаться.
WPLovers - о Wordpress понятно и с любовью спасибо
А можно ли с помощью элементора немного подредактировать визуально сайт, если делал до этого веб мастер, и вообще если плагин элементор установить, сайт будет нормально отображаться? Извиняюсь если глупый вопрос)
Elementor не редактор тем. Он накладывает свои стили поверх существующей темы.
Вообще, плагин совместим с темами, но я не могу предугадать то, что с вашей темой он будет работать корректно. Плохо точно не сделает, так как удалив его можно удалить и возможные негативные последствия.
Спасибо за ответ, однозначно подписка)
Пожалуйста и добро пожаловать!
Всем привет! Чтобы маска работала в попапе элементора, попробуйте вот это:
jQuery(document).ready(function($) {
$("body").on("click", "input", function() {
$('input[type="tel"]').mask("+99(999)999-9999",{placeholder:""});
});
});
всем внимание- Вставляем код выше который парень прописал @Dmitriy Smirnov - спасибо больщое, НО обязатльно и ВНИМАТЕЛЬНО смотрите что у вас в настройке самой формы Попап у элементора в настройках Form Fields-->Телефон-->Type обязательно должен быть значение Tel, сам не заметил и запоролся, у меня там по дефолту стояло Text )
очень помогло, спасибо!
Александр, просто класс! Больше Вам спасибо!
Но у меня возник странный ситуэйшен - "Сниппеты" вставил код скрипта до подключения скриптов и jQuery, хоть и стоит "запускать после футера", пришлось руками прописать в нужном порядке.
Кстати да, есть такое. Жаль автор Code Snippets Extended не выходит на связь. Кое-что я бы поправил. Тем не менее, маска и так нормально работает.
как прописывали руками в нужном порядке?
Как сделать например маску ввода суммы типа 1234.12 и ограничить в инпуте чтобы можно было вводить только цифры?
Маскед Импут, потерял актуальность, так как, кориво работает на мобильных устройствах, можете рассмотреть другой плагин, чтобы работал на всех приложениях?
Пример того, как должно работать на мобильных можете показать?
А кто то делал ограничение на количество символов? Например мне надо что бы в поле text (в контактной форме elementor pro) было всего 15 знаков включая цифры и буквы?
агонь)
А подскажите какой формат маски использовать для телефонов в международном формате?
(это я про то, когда пользователи сайта не из одной страны, например укр и рф)
С этим сложнее. Придётся поискать другую библиотеку и подключить по тому же принципу. Эта совсем простая и так не может.
Спасибо!)
Видео о том как использовать плагин jQuery. Актуальненько 🤭🤭🤭
сделал как у вас,на почту приходят все заполненные поля кроме данных поля "ввод телефона" как поправить, где ошибка,на что обратить внимание?с ориентируйте
Уточните какую форму используете.
@@DigitalAlex Contact Form 7на ней пробовал ,спасибо уже разобрался),не вписал в тело письма шорткод для телефона
А, ну вот. Просто повнимательнее быть и всё получается.
Добрый день!
1. Как донастроить, чтобы маска работала во всплывающих popup окнах?
2. Как сделать, чтобы валидация пропускала знаки пробела? Чтобы можно было сделать маску типа +7 (ххх) ххх-хх-хх, а не +7-(ххх)-ххх-хх-хх.
Здравствуйте. Есть в планах перезапись с учетом этих нюансов. Передвину в графике повыше.
@@DigitalAlex спасибо, уже разобрался самостоятельно, но не без помощи ChatGPT ;)
@@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 );
Плагина code snippets от этого автора больше нет. Что теперь делать?
Использовать 2 плагина:
1. Code Snippets (автор - Code Snippets Pro)
2. Woody code snippets (автор - Will Bontrager Software)
На данный момент самые часто обновляемые плагины, которые отлично справляются с поставленной задачей!
Здравствуйте. Вроде сделал все как в видео. Но asked не находит в коде. Браузер хром. Хост на таймвеб.
Здравствуйте. Кэш очищали? Результат верен, когда верны действия, не так ли?
Contact Form 7 - Phone mask field.
*_А есть возможность, для разных стран маску сделать, для многих а не только для одной?_*
Где-то видел скрипты. Этот устарел уже, есть в планах обновлённое видео записать.
будем ждать
вроде сделал все по инструкции, но через формы elementor ничего не запустилось
а что это за плагины external links и gpt ui поделитесь плиз
Без понятия о чём вы.
у вас на 8:44 мин вот a.radikal.ru/a16/1809/63/9f5aaadc47f0.jpg
Вот теперь понятно. Я изредка пересматриваю видео и не особо помню, что в них было. Лишь в общих чертах.
External Link ru.wordpress.org/plugins/wp-external-links/ для запрета индексации внешних ссылок, чтобы поисковики по ним не ходили. Только они давно клали на этот запрет.
Второй ru.wordpress.org/plugins/custom-post-type-ui/ для создания произвольных записей. В видео про произвольные записи о нём рассказывал.
Можно ли сделать форму с выбором маски 2 варианта? например для белорусского номера +375(ХХ)ХХХ-ХХ-ХХ и Российского +7(ХХ)ХХХ-ХХ-ХХ?
Не этим методом. Придётся вам поискать другие скрипты, которые так умеют. Хотя, именно метод подключения скриптов, показанный в этом видео, вам пригодится.
После нажатия сохранить во втором плагине пишет: "На сайте возникла критическая ошибка. Пожалуйста, проверьте входящие сообщения почты администратора для дальнейших инструкций." Не подскажите что делать? спасибо
Помогло откатить PHP до 7.4, сам задал сам ответил ахзахза мало ли пригодится кому
Почему то в форме появляется +7-(999)-999-9999 и ничего нельзя сделать, не удалить цифры не ввести новые. Что может быть?
У меня такая же проблема. У Вас получилось её решить?
@@dmitori Нет, так и висит проблема. Надо искать другое решение.
Не могу изменить префикс с +7 на +38. Точнее, в самом сниппете меняю, сохраняю, но при обновлении страницы остается +7. Можете подсказать, как решить проблему?
Если используете Contact Form 7 - проверьте, чтобы в самой форме было так - placeholder "+38 (___) ___-__-__". Проверил у себя, работает при любых масках! При изменении маски в сниппете - тоже все работает!
добрый день, а изза чего после этой настройки перестала работать контактная форма? Не отправляются письма на почту (
Без понятия. Из-за чего угодно может быть. Смотреть нужно.
У меня после обновления Wordpress письма из Contact Form 7 стали помечаться как спам и этот плагин просто не отправлял их.
Достаточно добавить в файл functions.php Вашей текущей темы следующую строчку кода: add_filter('wpcf7_spam', '__return_false');
возможно появится больше спам-писем, т.к. этим кодом мы отучаем плагин определять спам
Маска ввода не работает в PopUp elementor/ Помогите решить проблемку. Спасибо.
Сам долго искал решение, поменяйте код на этот и всё заработает:
jQuery(document).ready(function($) {
$("body").on("click", "input", function() {
$('input[type="tel"]').mask("+7(999)999-9999",{placeholder:""});
});
});
Elementor не просто тупит.... вообще не открывает страницу...что делать?
А как добавить (Вход Для Международного Телефона)
Вот скрипт github.com/jackocnr/intl-tel-input
Подскажите пожалуйста
Крче все ставится одним плагином Contact from 7 маска ввода, гораздо проще и быстрее, маска сразу в меню плагина будет, не надо сто плагинов устанавливать, при которых еще и может слететь сайт
Добрый день.
Выдаёт ошибку
Из-за чего может быть?
Заблокирована загрузка смешанного активного содержимого «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
Здравствуйте. Где выдаётся ошибка, уточните?
Я уже вижу, что ссылка pr2.svs.dp.ua/wp-content/uploadspr2.svs.dp.ua/wp-content/uploads/maskatel/jquery.maskedinput.min.js?ver=1.1 неправильная Скорее всего, что-то напутали с подключением скрипта.
Все ещё можно скидывать сайты на обзор? Сделанные на елементор
Да, можно. Будет ещё видео, чуть позже.
как поменять 9 на другую цифру?
а что нельзя показать людям что лучше использовать GTM вместо 2х плагинов? И маска бро как то ну очень простовата для того чтобы ее использовать на боевом сайте\
У меня на сайте почему-то сам скрипт открывается по ссылке refence.ru/wp-content/uploads/refence-assets/jquery.maskedinput.min.js но не подключается, буд-то сниппет не работает
Кэш кто будет сбрасывать?
Хм, чищу и Autoptimize и WP Fastest Cache все равно не появляется
Отключите на время Autoptimize и WP Fastest Cache, я код посмотрю.
Отключил
Хмм, появился родимый. Видимо какой-то из плагинов его блочит? Сейчас определю какой
не работает в попап окнах
Писец после таких манипуляций на сайте возникла критическая ошибка и все накрылось :( Как так то
Что с Astra?
Артём, конкретнее опишите пожалуйста, что у вас не так.
доступа нет, по какой причине не пойму. Возможно из за блокировки ip адресов? у Вас так же или у меня одного так? priscree.ru/img/2d5b5e65bf601a.jpg (скриншот) и главный сайт не открывается
Да, скорее всего из-за них. Попробуйте зарегистрироваться на этом хостинге ruclips.net/video/7nte9uGew6M/видео.html установить WordPress хотя бы на тестовый технический домен и проверить.
Вопрос автору, как сделать эту маску с нижним подчёркиванием вместо пустых мест?
Вот так +7(___)___-__-__
Я показывал в видео как изменять паттерны. Попробуйте задать те, что вы написали. Если не пропустит, значит никак.
Понимаю, что ответ уже не актуальный, но может еще у кого-нибудь тот же вопрос возникнет. Для этого надо {placeholder:" "} поменять на {placeholder:"_"}
Такие советы всегда актуальны!)
@@CraneVelssa еще как актуальный, специально начал читать всю ветку комментариев, и наконец дошел до нужного решения - вашего)
не работает в андроидах и в попапах
Читайте комментарии, там много раз предложили решение
Видимо в 23 году это все не работает. Есть еще какие то идеи как добавить маску, особенно в попап?
Почитать комменты например. Возможно позже я сделаю видео. В комментариях не готов 2 часа объяснять как это делается.
@@DigitalAlex Доброго времени суток, сделали видео?
почему после того как нажимаю сохранить с первым кодом он мне выдает такую дичь?
Без паники
Спиппет кода, который вы пытались сохранить вызвал фатальную ошибку в строке 1:
syntax error, unexpected '4' (T_LNUMBER), expecting '('
Предыдущая версия этого сниппета не изменилась, и остальная часть этого сайта должна функционировать нормально, как и прежде.
Пожалуйста, воспользуйтесь кнопкой назад в вашем браузере, чтобы вернуться на предыдущую страницу и попытаться исправить ошибку в коде. Если вы хотите, вы можете закрыть эту страницу и отказаться от внесенных изменений. Никаких изменений не будет сделано на этом сайте.
Налицо проблемы с кодировкой. Сохранить где нажимаете, плагине сниппетов?
@@DigitalAlex я неправильно кеш сбросил, я вставил 1й код а потом сбросил и дальше уже ничего не получалось, удалил все коды сбросил кеш и все заработало.
у меня еще вот такой вопрос - можно-ли и с помощью какого плагина сделать поля для заполнения Contact Form 7 прозрачными? у меня под формой картинка, фон формф я сделал прозрачным, но поля остались((( все портит. Подскажите пож. Если интересно вот ссылка 4brownn.ru
@@ИльяИльич-й5й Если в Elementor делаете, то wordpress.org/plugins/elementor-contact-form-7/ достаточно увести ползунок увета Input Field Background в прозрачный.
Если без Elementor, то руками правится.
в новом элементор - появился custom code
не работает почему-то(
А если пользователь ткнёт не вначале маски а в середине, то ввод телефона превращается в квест. Скрипт сырой.
А возник вот такой вопрос. У нас интернет-магазин и есть поле ввода телефона, люди частенько пишут неправильно, хочу добавить маску +7 999 999 99 99 для России, но у нас также заказывают из Казахстана и там маска должна отличаться +375 29 2XX XX XX. Как совместить все это дело в одном поле ввода?
С данным решением никак. Придётся поискать другие.
Код телефонов Казахстана начинается с +7
У кого не получилось вставить маску в поп-ап элементор, пишите, могу поделиться хорошим решением, без всяких доп. плагинов и снипетов
у меня не получилось так как убрали плагин extended который в видео, поделитесь решением, буду благодарен
Скопировано "первое сообщение" с кодом.
Библиотека маска ввода (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("+7-(999)-999-9999",{placeholder:" "});
});
Нравятся видео о WordPress? Поддержите канал! wplovers.pw/donate/
Друзья, я очень стараюсь делать хорошие, понятные уроки и это занимает целую прорву времени. В то время, пока я записываю и монтирую видео, я мог бы заниматься другой работой, но так я помогаю очень малому количеству людей. Записывая уроки для массовой аудитории, я получаю возможность помочь сразу большому количеству людей и это здорово!
Поддержать WPlovers wplovers.pw/donate/
Более того, хочется делать больше обзоров на платные плагины и темы. К сожалению, но не все разработчики соглашаются предоставить их для теста бесплатно и приходится выделять деньги из собственного кармана.
Я буду очень признателен, если вы поддержите проект WPlovers. Поможет любая, даже малая сумма.
Спасибо! wplovers.pw/donate/
[strong]Like[/strong]
Like
Все сделал по инструкции, но не работает, кэш чистил
С какой формой не получилось? Elementor Pro, Contact Form 7 или другой?
Где коды?
Что-то непонятное с RUclips, у себя вижу, некоторые тоже видят, а некоторые нет. Добавил ссылку на свой сайт в описание к видео, забирайте оттуда.
Вы не могли бы подсказать, у меня плагин обратной связи VDZ Call Back, и вставляя данные коды, маска формы не меняется?
Аскар, нужно посмотреть какой CSS класс у поля с номером телефона. Сможете? Если нет, то пришлите ссылку на страницу. Сам посмотрю и напишу вариант кода.
Заказать обратный звонок
Вот так должно сработать:
jQuery(document).ready(function($) {
$("#vdz_cb_phone").mask("+7-(999)-999-9999",{placeholder:" "});
});
вводжу в масці пробіл і все пропускає і працює
Не работает
а я всё думал чё не работает форма телефона ))))))
В смысле?
да я в маске телефона убрал - терэ и форма не работала
ещё и " All In One WP Security" у них косяк с контак формом, сейчас устраняют
Мой сайт сделанный на Elementor - archlabinterior.com, буду рад если сделаете обзор)
Сохранил. Проверю и включу в ролик.
Минюшку, (шапку с боку) тоже элементом ? Или сторонняя тема стоит , а элементом наполнение
АБ-spb Александр Бриллиантов Это единственное что оставил от шаблона, все остальное чисто Elementor Pro + Jet Elements
Отличный сайт! Вот мой artmann-interior.ru . Расскажи пожалуйста как ты сделал анимацию в менюшке и на кнопке?
Сайт лежит ваш 502 Bad Gateway
nginx/1.22.0