Contact Form 7 to najlepsza wtyczka do tworzenia formularzy kontaktowych w WordPress. W tym artykule przedstawimy recenzj臋 wtyczki Contact Form 7 oraz spos贸b jej poprawnej konfiguracji.
Wtyczka Contact Form 7
O wtyczce Contact Form 7 pisali艣my ju偶 w jednym z naszych poradnik贸w聽Formularz kontaktowy WordPress [krok po kroku]. W skr贸cie m贸wi膮c jest to darmowy dodatek do WordPress, kt贸ry pozwala na proste i szybkie stworzenie formularza kontaktowego, kt贸ry mo偶na doda膰 na dowoln膮 stron臋 WP.
Wtyczka Contact Form 7 na wordpress.org.
Wtyczka Contact Form 7 to najpopularniejsza wtyczka do formularzy kontaktowych w WordPress. Rozwijana od bardzo wielu lat posiada miliony u偶ytkownik贸w na ca艂ym 艣wiecie i jest zgodna z najnowsz膮 wersj膮 WordPress. Wtyczk臋 Contact Form mo偶esz pobra膰 i zainstalowa膰 z repozytorium WordPress w zak艂adce Wtyczki lub pobieraj膮c i instaluj膮c j膮 r臋cznie zgodnie z naszym poradnikiem w tym miejscu.
Co istotne, korzystaj膮c z Contact Form 7 otrzymujesz mo偶liwo艣膰 nieograniczonej integracji tej wtyczki z innymi popularnymi modu艂ami do WordPress np. do newslettera, czy te偶 analityki.
Formularze w Contact Form 7
Dodawanie formularzy kontaktowych w Contact Form 7 jest niezwykle proste i intuicyjne. Ogranicza si臋 tylko do stworzenia formularza i wstawienia go za pomoc膮 prostego kodu shortcode.
W tym celu nale偶y po zainstalowaniu Contact Form 7 przej艣膰 do zak艂adki Formularze i klikn膮膰 Dodaj nowy.
Dodawanie nowego formularza Contact Form 7 w WordPress.
Nast臋pnie nale偶y wprowadzi膰 nazw臋 formularza i pola, kt贸re pojawi膮 si臋 do uzupe艂nienia po stronie u偶ytkownika. Domy艣lnie s膮 to:
- Imi臋 i nazwisko.
- Adres e-mail.
- Temat.
- Tre艣膰 wiadomo艣ci.
A na ko艅cu przycisk wysy艂ania. Oczywi艣cie do formularza Contact Form 7 mo偶esz doda膰 dowolne inne pola np. numer telefonu, czy te偶 pole akceptacji RODO. Wszystko to mo偶liwe jest za pomoc膮 przycisk贸w widocznych w g贸rnej cz臋艣ci formularza kontaktowego takich jak:
- Tekst,
- Email,
- Adres URL,
- Telefon,
- Liczba,
- Data,
- Pole tekstowe,
- Menu rozwijane,
- Pole wyboru,
- Pole jednokrotnego wyboru,
- Wyra偶aniego zgody,
- Quiz,
- Plik,
- Przycisk wys艂ania formularza.
Po poprawnym stworzeniu formularza w Contact Form 7 nale偶y przej艣膰 do ustawie艅 w zak艂adce Email, gdzie mo偶esz skonfigurowa膰 opcje wysy艂ki wiadomo艣ci np. z jakiego adresu e-mail i do kogo ma by膰 wysy艂any Contact Form 7.
Konfiguracja email w Contact Form 7.
Na sam koniec pozosta艂o tylko zmieni膰 komunikat pojawiaj膮ce si臋 np. po poprawnym wys艂aniu formularza na w艂asne. Mo偶esz zrobi膰 to za pomoc膮 zak艂adki Komunikaty.
Konfiguracja komunikat贸w w Contact Form 7.
Domy艣lnie wszystkie komunikaty s膮 przet艂umaczone na j臋zyk ustawiony w WordPress..
Na sam koniec pozostaje doda膰 tylko kr贸tki kod Contact Form 7 na stron臋 WordPress i gotowe.
Contact Form 7 na stronie kontaktowej i szablonie Twenty Seventeen.
Tak prezentuje si臋 w pe艂ni funkcjonalny formularz kontaktowy Contact Form 7 na szablonie Twenty Seventeen.
Contact Form 7 a Style CSS
Wygl膮d formularza Contact Form 7 mo偶na dowolnie skonfigurowa膰 i zmieni膰, jednak do tego celu niezb臋dna jest znajomo艣膰 styli CSS. Brakuje tutaj zdecydowanie gotowych sk贸rek, kt贸re pozwala艂yby na szybk膮 zmian臋 wygl膮du Contact Form 7.
Mo偶liwo艣ci customizacji Contact Form 7 s膮 jednak nieograniczone, a przyk艂ad ich zastosowania mo偶esz zobaczy膰 pod ka偶dym naszym wpisem.
Zmiana wygl膮du Contact Form 7 na przyk艂adzie naszego bloga siriuspro.pl.
Je偶eli chcesz dostosowa膰 formularz Contact Form 7 do swojej strony internetowej, skontaktuj si臋 z nami, aby om贸wi膰 t臋 kwesti臋.
Contact Form 7 a reCAPTCHA
Wtyczka Contact Form 7 niestety, ale jest bardzo podatna na SPAM. Bez podstawowych zabezpiecze艅 takich jak reCAPTCHA od Google Twoja skrzynka w kr贸tkim czasie zostanie wprost zalana SPAMem. W tym artykule przedstawili艣my Ci jak zablokowa膰 spam w komentarzach WordPress, dlatego je偶eli zale偶y Ci na czystej skrzynce e-mail koniecznie zapoznaj si臋 z naszym poradnikiem.
Na szcz臋艣cie Contact Form 7 mo偶esz chroni膰 przed SPAMem korzystaj膮c z modu艂u reCAPTCHA od Google, kt贸ry sprawdza, czy formularz wysy艂any jest przez cz艂owieka (w innym wypadku blokuje jego wysy艂k臋). Aby skonfigurowa膰 reCAPTCHA w Contact Form 7 musisz zalogowa膰 si臋 do swojego konta Google, a nast臋pnie skonfigurowa膰 Google reCAPTCHA na tej stronie.
Gdy dodasz swoj膮 stron臋, skopiuj klucz strony oraz sekretny klucz strony i wklej go w module integracji z reCAPTCHA w Contact Form 7.
Konfiguracja reCAPTCHA w Contact Form 7.
Modu艂 reCAPTCHA v3 dla Contact Form 7 gwarantuje bardzo wysok膮 skuteczno艣膰 ochrony przed SPAMem. Oczywi艣cie mo偶esz tak偶e skonfigurowa膰 reCAPTCHA np. za pomoc膮 zewn臋trznych plugin贸w w WordPress, wystarczy, 偶e wpiszesz w wyszukiwarce wtyczek:
contact form 7 recaptcha
Contact Form 7 a checkbox
Jak ju偶 wspomnieli艣my wcze艣niej, Contact Form 7 umo偶liwia dodanie checkbox贸w np. do zgody RODO. W tym celu wystarczy doda膰 do formularza wyra偶anie zgody w wolne miejsce np. po tre艣ci wiadomo艣ci.
Dodawanie checkbox贸w do Contact Form 7.
Po klikni臋ciu w przycisk wyra偶anie zgody zobaczysz okno gdzie mo偶esz skonfigurowa膰 unikaln膮 nazw臋 pola, tekst zgody oraz wybra膰, czy zgoda ma by膰 opcjonalna, czy obligatoryjna. Nast臋pnie kliknij Wstaw znacznik, a pole z checkboxem zostanie dodane zaznaczonego miejsca w formularzu Contact Form 7.
Nasza ocena Contact Form 7
Na tym ko艅cz膮 si臋 podstawowe funkcje Contact Corm 7, kt贸re mog膮 by膰 znacznie rozbudowane za pomoc膮 zewn臋trznych modu艂贸w oraz dodatkowych linijek kodu. W naszej ocenie Contact Form 7 to obecnie najlepsza, darmowa wtyczka do formularzy w WordPress, kt贸ra pozwala doda膰 szybk膮 opcj臋 kontaktu dla u偶ytkownika na dowolnej stronie lub wpisie WP.
Chocia偶 we wtyczce Contact Form 7 brakuje kilku opcji takich jak np. integracja z Google Analytics to sam modu艂 jest w 100% wystarczaj膮cy zar贸wno dla os贸b pocz膮tkuj膮cych jak i zaawansowanych administrator贸w WordPress. Mocno polecamy wtyczk臋 Contact Form 7 zar贸wno na bloga WordPress, stron臋 WordPress jak i聽sklep WooCommerce.