Как добавить список стран в плагин Contact Form 7

Contact Form 7, без сомнения, один из самых популярных плагинов в репозитории WordPress. На момент написания этой статьи этот плагин прошел более 5 миллионов активных установок. Одна из причин такой огромной популярности – надстройки надстройки. Автор этого плагина разработал несколько поддерживаемых дополнений для плагина Contact Form 7. Используя эти надстройки, можно легко добавлять новые функции в существующую контактную форму.

Допустим, вы хотите добавить поле страны в свою контактную форму. В мире около 200 стран, и статистически добавить эти страны – непростая задача.

Чтобы решить эту проблему, автор плагина Contact Form 7 создал плагин Listo. Используя плагин Listo, вы можете добавить поле Country в свою контактную форму за считанные минуты.

Сказав это, давайте посмотрим, как добавить список стран в плагин Contact Form 7.

Зачем нужен плагин Listo?

Иногда владельцы веб-сайтов хотят получить местоположение пользователя вместе с другими данными из контактной формы. Чтобы узнать местонахождение пользователя, в вашей контактной форме должно быть поле Страна. Это поле представляет собой раскрывающийся список, в котором пользователи могут выбрать свою страну.

По умолчанию плагин Contact Form 7 предоставляет selectтег формы для добавления опций. Но этот selectтег подходит, когда у вас ограниченные возможности. Когда дело доходит до добавления списка стран, эту опцию сложно использовать из-за длинного списка.

Плагин Listo упрощает эту задачу. Просто добавьте одно утверждение, и все готово.

Добавить список стран в плагин контактной формы 7

Установите и активируйте плагин Listo. У этого плагина нет отдельной страницы настроек. Просто подключите его, и вы сможете использовать его функции.

Затем, чтобы вставить список стран, вам нужно добавить атрибуты для selectтега формы. Перейдите на экран редактирования вашей контактной формы и добавьте selectтег следующим образом.

[select your-country data:countries]

Здесь data:countriesтворится волшебство. Он заполняет список стран в раскрывающемся списке. Теперь проверьте свою контактную форму. В нем должна быть выпадающая страна.

Как установить страну по умолчанию

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

Затем, используя класс wpcf7-select, можно установить страну по умолчанию, выбранную в контактной форме. Добавьте приведенный ниже код в свой JS-файл.

jQuery(function($) {
    $('.wpcf7-select').val("India"); // here we set India as a default country
});

Это оно! Теперь, если вы проверите свою контактную форму, вы должны увидеть «Индия» в качестве страны, выбранной по умолчанию в раскрывающемся списке страны.

Статьи по Теме

• Удалите CSS и JS контактной формы 7, когда они не нужны
• Перенаправить на страницу благодарности после отправки контактной формы 7
• Как сохранить отправку контактной формы 7 в базу данных WordPress