👋 Всем привет!
Написал для вас небольшой обзор своего плагина подсказок от Dadata.ru
Вопросы/предложения по функционалу можно направлять мне на почтовый ящик(info@shafeev.net) или в телеграм @swebplanBot.
Если ваш сайт работает на базе системы управления WordPress, то вам повезло, для интеграции подсказок уже существует готовый плагин.
Его можно скачать по ссылке https://wordpress.org/plugins/dadata-ru/ или установить прямо из вашей панели управления сайтом.
По умолчанию плагин поддерживает подсказки в стандартных полях WooCommerce, которые находятся на странице оформления заказа(checkout). Дополнительно что-то настраивать не нужно.
К таким полям относятся:
- Имя
- Фамилия
- Адрес (При вводе адреса автоматически заполняются поля: город, регион, почтовый индекс)
- Email
- Название компании (При вводе названия автоматически заполняются поля: адрес компании, ИНН, КПП, ОГРН)
Добавление подсказок для нестандартных полей
Чтобы добавить поддержку подсказок у конкретного поля формы необходимо прописать соответствующий атрибут id из списка доступных. (Смотреть полный список)
Для наглядности, рассмотрим такой пример:
Допустим, мы хотим создать отдельную обратную форму связи для поставщиков/подрядчиков. Составим примерный список полей которые хотели бы видеть:
- Название компании
- ИНН
- город
- ФИО
- E-mail
- Номер телефона.
Саму форму можно создать любым удобным способом, например через популярный плагин Contact Form 7.
Теперь нужно подключить подсказки для полей. Из списка доступных подсказок в документации, выбираем нужные нам и копируем их ID.
Далее у себя в форме у нужных полей просто указываем эти id. (процесс на видео ниже 👇)
Как добавить маску ввода телефона на свой сайт
После выхода плагина «подсказки от DaData.ru» версии 1.0.5 у пользователей появилась возможность воспользоваться функцией ввода маски телефона в своих формах.
Выглядит это так:
Все поля, id у которых равен billing_phone или dadata_custom_phone, будут применять маску ввода телефонного номера.