Як додати список країн у плагіні контактної форми 7
Контактна форма 7, без сумніву, є одним з найпопулярніших плагінів у сховищі WordPress. На момент написання цієї статті цей плагін перевищив понад 5 мільйонів активних установок. Однією з причин такої величезної популярності є доповнення до плагінів. Автор цього плагіна розробив кілька підтримуваних доповнень для плагіна Contact Form 7. Використовуючи ці доповнення, можна легко додати нові функції до існуючої контактної форми.
Скажімо, ви хочете додати поле Країна у контактну форму. У світі існує близько 200 країн, і статично додавати ці країни є непростим завданням.
Щоб вирішити цю проблему, автор плагіна Contact Form 7 створив плагін Listo. За допомогою плагіна Listo ви можете додати поле Country до вашої контактної форми за лічені хвилини.
Сказавши це, давайте подивимось, як додати список країн у плагіні Contact Form 7.
Іноді власники веб-сайтів хочуть дізнатись місцезнаходження користувача разом з іншими деталями з контактної форми. Щоб дізнатися місцезнаходження користувача, у вашій контактній формі має бути поле Країна. Це поле буде спадним меню, з якого користувачі можуть вибрати свою країну.
За замовчуванням плагін 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
});Це воно! Тепер, якщо ви перевірите свою контактну форму, ви побачите "Індія" як країну, вибрану за замовчуванням у спадному меню.
Пов’язані статті
- Видаліть контактну форму 7 CSS та JS, коли це не потрібно
- Сторінка переспрямування на подяку після подання контактної форми 7
- Як зберегти форму подання контактів 7 до бази даних WordPress