WordPress nie ma wbudowanego formularza kontaktowego. Najprościej dodać go za pomocą wtyczki, skonfigurować pola i wiadomości e-mail, a następnie wkleić wygenerowany shortcode na stronie kontaktowej.
Którą wtyczkę do formularza wybrać?
Do prostego formularza możesz użyć Contact Form 7 albo WPForms. Contact Form 7 daje dużą kontrolę nad konfiguracją, ale wymaga pracy z prostymi znacznikami pól. WPForms korzysta z edytora typu „przeciągnij i upuść”, dlatego zwykle łatwiej zacząć od niego osobom bez doświadczenia technicznego.
| Wtyczka | Łatwość obsługi | Metoda budowy | Przeznaczenie |
|---|---|---|---|
| Contact Form 7 | Średnia | Znaczniki pól i prosta konfiguracja tekstowa | Elastyczne formularze bez opłat za podstawowe funkcje |
| WPForms | Wysoka | Edytor drag and drop | Szybkie tworzenie formularzy przez początkujących użytkowników |
Jak stworzyć formularz kontaktowy w WordPressie?
Poniższa instrukcja pokazuje konfigurację Contact Form 7. Nazwy pozycji mogą się nieznacznie różnić zależnie od wersji WordPressa i języka panelu.
- Zaloguj się do panelu administracyjnego WordPressa.
- Przejdź do sekcji Wtyczki → Dodaj nową i wyszukaj „Contact Form 7”.
- Kliknij „Zainstaluj”, a następnie „Włącz”. Po aktywacji w menu panelu pojawi się sekcja „Formularze”.
- Otwórz „Formularze” i wybierz „Dodaj nowy” albo edytuj formularz utworzony automatycznie przez wtyczkę.
Konfiguracja pól formularza
W zakładce „Formularz” określisz, jakie pola zobaczy użytkownik. W większości przypadków wystarczą imię, adres e-mail, temat oraz treść wiadomości. Im mniej wymaganych pól, tym krótsza droga do wysłania zgłoszenia.
Contact Form 7 korzysta z prostych znaczników, ale nie musisz wpisywać ich ręcznie. Przyciski nad edytorem pozwalają wygenerować pole tekstowe, adres e-mail, temat, załącznik, menu wyboru lub pole zgody. Wstaw znacznik w miejscu, w którym ma pojawić się dane pole, a następnie dodaj opis zrozumiały dla odwiedzającego.
Przykładowy zestaw pól powinien obejmować:
- Imię – pozwala zwrócić się do nadawcy w odpowiedzi.
- Adres e-mail – potrzebny do dalszej korespondencji.
- Temat – ułatwia sortowanie wiadomości.
- Treść wiadomości – miejsce na opis sprawy.
- Zgodę na przetwarzanie danych – jeśli zakres i cel formularza tego wymagają.
Pole zgody powinno jasno wskazywać, kto przetwarza dane, w jakim celu i gdzie znajduje się polityka prywatności. Nie zaznaczaj zgody za użytkownika. Treść należy dopasować do rzeczywistego procesu przetwarzania danych, dlatego przy wątpliwościach skonsultuj ją z osobą odpowiedzialną za kwestie prawne.
Ustawienia wiadomości e-mail
W zakładce „Email” ustawisz sposób przekazywania zgłoszeń. Najważniejsze pola to odbiorca, nadawca, temat i treść wiadomości.
- W polu „Odbiorca” wpisz adres, na który mają trafiać zgłoszenia.
- W polu „Nadawca” użyj adresu w domenie swojej strony, jeśli dostawca poczty tego wymaga.
- W polu „Temat” ustaw stały opis albo wykorzystaj znacznik tematu wpisanego przez użytkownika.
- W sekcji „Treść wiadomości” umieść znaczniki odpowiadające polom formularza, aby otrzymać komplet danych.
- Zapisz formularz i sprawdź, czy wtyczka nie zgłasza błędów konfiguracji.
Zakładka „Komunikaty” służy do zmiany tekstów wyświetlanych po wysłaniu formularza, przy błędach walidacji albo braku wymaganych danych. Zakładkę „Ustawienia dodatkowe” zostaw bez zmian, chyba że korzystasz z konkretnej funkcji opisanej w dokumentacji wtyczki.
Jak wstawić formularz na stronę?
Po zapisaniu formularza Contact Form 7 wyświetli wygenerowany shortcode, czyli krótki kod wskazujący WordPressowi, który formularz ma wyrenderować w danym miejscu. Skopiuj go, a następnie wykonaj następujące czynności:
- Utwórz stronę „Kontakt” albo otwórz stronę, na której ma pojawić się formularz.
- Dodaj blok „Shortcode” w edytorze Gutenberg.
- Wklej skopiowany kod formularza do pola bloku.
- Opublikuj lub zaktualizuj stronę i otwórz ją w nowej karcie.
W niektórych konfiguracjach możesz skorzystać także z bloku Contact Form 7, który pozwala wybrać formularz z listy. Ten sam shortcode można umieścić w kilku miejscach, na przykład na stronie kontaktowej i pod opisem usługi.
Dlaczego wiadomości nie dochodzą?
Samo utworzenie formularza nie gwarantuje dostarczenia wiadomości. WordPress często korzysta z funkcji PHP do wysyłki poczty. Taki sposób może być blokowany przez serwer albo powodować trafianie wiadomości do spamu, zwłaszcza gdy adres nadawcy nie jest poprawnie powiązany z domeną.
Rozwiązaniem jest konfiguracja SMTP, czyli standardu komunikacji z serwerem pocztowym. Wtyczka taka jak WP Mail SMTP pozwala połączyć WordPressa z pocztą używaną przez Twoją domenę lub innym dostawcą. Po instalacji wybierz dostawcę, uzupełnij dane wymagane przez usługę i wyślij wiadomość testową. Dokładne pola zależą od wybranego operatora poczty.
Nie pomijaj testu wysyłki po konfiguracji SMTP. Formularz może wyświetlać się poprawnie, a mimo to nie przekazywać wiadomości do skrzynki odbiorczej.
Jak ograniczyć spam?
Jeśli przez formularz zaczynają przychodzić automatyczne zgłoszenia, skonfiguruj reCAPTCHA lub inne zabezpieczenie obsługiwane przez używaną wtyczkę. W Contact Form 7 integrację znajdziesz w sekcji „Formularze → Integracja”. Po utworzeniu kluczy dla domeny w usłudze reCAPTCHA wklej klucz witryny i klucz tajny w ustawieniach integracji.
Dobrym uzupełnieniem jest ograniczenie liczby pól wymaganych oraz aktualizacja WordPressa, motywu i wtyczek. Jeżeli formularz nie pojawia się po publikacji, sprawdź poprawność shortcode’u, wyczyść pamięć podręczną strony i przetestuj widok na urządzeniu mobilnym.
Co sprawdzić przed publikacją?
Przed udostępnieniem formularza przejdź przez krótką listę kontrolną:
- Formularz zawiera tylko pola potrzebne do obsługi zapytania.
- Treść zgody i odnośnik do polityki prywatności odpowiadają rzeczywistemu sposobowi przetwarzania danych.
- Wiadomość testowa dociera do właściwej skrzynki odbiorczej, a nie do spamu.
- SMTP działa poprawnie i używa prawidłowego adresu nadawcy.
- Formularz jest czytelny na telefonie, tablecie i komputerze.
- Zabezpieczenie antyspamowe działa bez utrudniania wysyłki prawdziwym użytkownikom.
Do podstawowego formularza kontaktowego nie potrzebujesz własnego kodu PHP ani rozbudowanych modyfikacji CSS. Wtyczka, poprawna konfiguracja poczty, zgoda dopasowana do przetwarzania danych i test wysyłki wystarczą, aby uruchomić działający formularz w WordPressie.
Informacje dotyczące RODO mają charakter ogólny i nie zastępują porady prawnej. Treść zgód oraz sposób przetwarzania danych dopasuj do swojej działalności i skonsultuj ze specjalistą, jeśli sytuacja tego wymaga.
