Как добавить поле с подсказкой адреса в Contact Form 7

Сегодня разберёмся как добавить поле с автоматической подсказкой адреса в форму Contact Form 7 в WordPress.

Видеоверсия

Для работы нам потребуется установленный плагин Contact Form 7.

Устанавливаем плагин DCO Address Field, переходим в раздел Contact Form 7 и щёлкаем по ссылке «Изменить» под нужной формой.

В открывшемся окне редактирования формы жмём по кнопке «DCO Address», добавляем соответствующий тег и жмём кнопку «Сохранить».

Вставляем шорткод формы на страницу и проверяем результат. Для вывода подсказок плагин использует данные сервиса Яндекс Карты.

При необходимости, мы можем ограничить область поиска, указав после двоеточия город и страну в поле «Искать адрес только в».

Начиная с версии 1.1, в плагине появилась возможность выводить подсказки используя сервис Google Maps с помощью тега «DCO Address Google».

API-ключ для Google Maps можно указать в разделе «Настройки -> DCO Address Field for Contact Form 7».