Jak dodać listę krajów w formularzu kontaktowym 7 Plugin

Contact Form 7 to bez wątpienia jedna z najpopularniejszych wtyczek w repozytorium WordPressa. W chwili pisania tego artykułu wtyczka ta przekroczyła ponad 5 milionów aktywnych instalacji. Jednym z powodów tej ogromnej popularności jest dodatek wtyczek. Autor tej wtyczki opracował kilka obsługiwanych dodatków do wtyczki Contact Form 7. Korzystając z tych dodatków, można łatwo dodać nowe funkcje do istniejącego formularza kontaktowego.

Załóżmy, że chcesz dodać pole Kraj w formularzu kontaktowym. Na świecie jest około 200 krajów i dodanie tych krajów statycznie nie jest łatwym zadaniem.

Aby rozwiązać ten problem, autor wtyczki Contact Form 7 stworzył wtyczkę Listo. Za pomocą wtyczki Listo możesz dodać pole Kraj do formularza kontaktowego w ciągu kilku minut.

Powiedziawszy to, zobaczmy, jak dodać listę krajów we wtyczce Contact Form 7.

Dlaczego potrzebujesz wtyczki Listo?

Czasami właściciele witryn chcą uzyskać lokalizację użytkownika wraz z innymi szczegółami z formularza kontaktowego. Aby uzyskać lokalizację użytkownika, formularz kontaktowy powinien zawierać pole Kraj. To pole będzie listą rozwijaną, z której użytkownicy mogą wybrać swój kraj.

Domyślnie wtyczka Contact Form 7 zawiera selectznacznik formularza do dodawania opcji. Ale ten selecttag jest w porządku, gdy masz ograniczone opcje. Jeśli chodzi o dodawanie listy krajów, nie można łatwo skorzystać z tej opcji ze względu na długą listę.

Wtyczka Listo bardzo ułatwia to zadanie. Wystarczy dodać jedno oświadczenie i gotowe.

Dodaj listę krajów do wtyczki formularza kontaktowego 7

Zainstaluj i aktywuj wtyczkę Listo. Ta wtyczka nie ma osobnej strony ustawień. Wystarczy go podłączyć i można korzystać z jego funkcji.

Następnie, aby wstawić listę krajów, musisz dodać atrybuty dla selecttagu formularza. Przejdź do ekranu edycji formularza kontaktowego i dodaj selecttag w następujący sposób.

[select your-country data:countries]

Oto data:countriesmagia. Wypełnia listę krajów w menu rozwijanym. Teraz sprawdź swój formularz kontaktowy. Powinien mieć listę rozwijaną kraju.

Jak ustawić domyślny kraj?

Załóżmy, że chcesz zachować domyślnie wybrany kraj. W takim przypadku musisz dodać kod jQuery do swojego pliku JS. Najpierw pobierz wartość opcji kraju, który musisz ustawić jako domyślną. Użytkownik może pobrać tę wartość z sprawdzenia listy rozwijanej i skopiować ją z wartości opcji.

Następnie za pomocą klasy ‘wpcf7-select’ można ustawić domyślny kraj wybrany w formularzu kontaktowym. Dodaj poniższy kod do swojego pliku JS.

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

Otóż ​​to! Teraz, jeśli sprawdzisz formularz kontaktowy, powinieneś zobaczyć „Indie" jako domyślny wybrany kraj w menu rozwijanym kraju.

Powiązane artykuły

• Usuń formularz kontaktowy 7 CSS i JS, gdy nie są potrzebne
• Przekieruj na stronę z podziękowaniami po przesłaniu formularza kontaktowego 7
• Jak zapisać formularz kontaktowy 7 zgłoszeń do bazy danych WordPress