Zaufane samouczki WordPress, kiedy ich najbardziej potrzebujesz.
Przewodnik dla początkujących po WordPressie
WPB Cup
25 milionów+
Witryny korzystające z naszych wtyczek
16+
Lata doświadczenia z WordPressem
3000+
Samouczki WordPress od ekspertów

Jak stworzyłem formularz kontaktowy WordPress, z którego ludzie faktycznie korzystają

Kiedy zaczynałem tworzyć strony internetowe w WordPressie, nie zdawałem sobie sprawy, jak przydatny może być formularz kontaktowy. To nie tylko sposób na kontakt z Tobą. Chroni również Twój adres e-mail, zmniejsza ilość spamu i ułatwia organizację.

Kiedy dodałem odpowiedni formularz kontaktowy, wszystko stało się płynniejsze. Odwiedzający mogli się ze mną skontaktować bez problemu, a ja mogłem zarządzać wiadomościami w jednym miejscu.

Dlatego używam WPForms. Jest prosty, niezawodny i zajmuje się szczegółami, dzięki czemu możesz skupić się na swojej stronie internetowej.

W tym przewodniku pokażę Ci, jak stworzyć profesjonalny formularz kontaktowy w WordPressie za pomocą WPForms. 🚀

Jak utworzyć formularz kontaktowy w WordPress (krok po kroku)

Dlaczego warto dodać formularz kontaktowy w WordPressie?

Dodanie formularza kontaktowego do Twojej witryny WordPress to prosty sposób, aby ułatwić ludziom kontakt z Tobą. Zamiast kopiować Twój adres e-mail i otwierać ich aplikację pocztową, odwiedzający mogą po prostu wysłać wiadomość bezpośrednio z Twojej witryny.

Widziałem, jak coś tak małego może zrobić wielką różnicę.

Kiedy ludzie mogą łatwo zadawać pytania, zamawiać wyceny lub dzielić się opiniami, Twoja witryna wydaje się bardziej przystępna. A Ty masz większą szansę na rozpoczęcie prawdziwych rozmów i nowych możliwości biznesowych.

Oto kilka kluczowych korzyści z dodania formularza kontaktowego do Twojej witryny WordPress:

  • Ogranicz spam i zachowaj porządek — Formularz kontaktowy pomaga blokować większość zautomatyzowanego spamu, który atakuje publiczne adresy e-mail, dzięki czemu otrzymujesz tylko prawdziwe wiadomości.
  • Poproś o odpowiednie dane z góry — Możesz wyświetlić pola dotyczące np. stanowiska i poziomu doświadczenia dla formularzy aplikacyjnych, lub typu produktu i ilości dla formularzy zamówień. Pomaga to zrozumieć, czego potrzebują odwiedzający i skuteczniej na to zareagować.
  • Zdobądź więcej potencjalnych klientów, nie tracąc odwiedzających — Ludzie znacznie chętniej wypełnią krótki formularz niż opuszczą Twoją stronę, aby wysłać e-mail, zwłaszcza na urządzeniach mobilnych.
  • Wyglądaj bardziej profesjonalnie — Prosty, dobrze zaprojektowany formularz kontaktowy budzi większe zaufanie niż samo podanie adresu e-mail.
  • Zobacz, co najbardziej interesuje ludzi — Formularze pomagają dostrzec wzorce, takie jak z których stron odwiedzający się z Tobą kontaktują lub o jakie tematy pytają. Może to pomóc w dostosowaniu treści i lepszym dopasowaniu strony do odbiorców.

Najlepsze jest to? WordPress ułatwia dodawanie profesjonalnych formularzy kontaktowych bez żadnej wiedzy programistycznej. Aby poznać bardziej zaawansowane strategie dotyczące formularzy, zapoznaj się z naszym ostatecznym przewodnikiem po korzystaniu z formularzy WordPress.

Mając to na uwadze, przeprowadzę Cię przez proces dodawania formularza kontaktowego w WordPressie.

Oto szybki przegląd tego, co omówię w tym przewodniku:

Krok 1: Zainstaluj i aktywuj wtyczkę WPForms

Do tworzenia formularzy kontaktowych w WordPress polecam WPForms, który jest najlepszą wtyczką formularzy kontaktowych dla WordPress. Jest łatwy w użyciu, a jednocześnie wystarczająco potężny, aby poradzić sobie z praktycznie wszystkim, czego potrzebujesz.

Używałem go osobiście na wielu stronach przez lata i zawsze był niezawodny. Ponadto, używamy go również do tworzenia naszego formularza kontaktowego tutaj na WPBeginner.

Zobacz naszą szczegółową recenzję WPForms, aby dowiedzieć się więcej o wtyczce.

💡 Uwaga: WPForms jest dostępny zarówno w wersji darmowej, jak i Pro. Wersja WPForms Pro zawiera ponad 2000 szablonów formularzy, logikę warunkową i priorytetowe wsparcie.

Ale jeśli potrzebujesz tylko podstawowego formularza kontaktowego, WPForms Lite działa doskonale, a później możesz zaktualizować, jeśli potrzebujesz więcej funkcji.

Aby rozpocząć, musisz przejść na stronę WPForms, aby zarejestrować konto.

Po prostu kliknij przycisk „Get WPForms Now”, wybierz plan i zakończ proces rejestracji. Spowoduje to przejście do pulpitu WPForms, gdzie będziesz mieć dostęp do plików zip WPForms Pro i klucza licencyjnego.

Strona główna WPForms

Stąd możesz przejść do swojego obszaru administracyjnego WordPress, aby zainstalować i aktywować wtyczkę WPForms.

Aby to zrobić, po prostu przejdź do Wtyczki » Dodaj nową wtyczkę.

Podmenu Dodaj nowy wtyczkę w obszarze administracyjnym WordPress

Na następnym ekranie polecam użyć paska wyszukiwania, aby szybko znaleźć wtyczkę WPForms.

Kliknij przycisk ‘Zainstaluj teraz’ w wynikach wyszukiwania, a następnie ‘Aktywuj’. Jeśli potrzebujesz bardziej szczegółowych instrukcji, zapoznaj się z naszym przewodnikiem na temat jak zainstalować wtyczkę WordPress.

Przycisk Zainstaluj teraz w wynikach wyszukiwania WPForms podczas dodawania nowej wtyczki w WordPress

Jeśli zakupiłeś WPForms Pro, będziesz musiał również aktywować swój klucz licencyjny.

Po zainstalowaniu wtyczki przejdź do WPForms » Ustawienia w swoim panelu administracyjnym i wprowadź swój klucz licencyjny. Odblokuje to funkcje Pro i zapewni regularne aktualizacje oraz wsparcie.

Jak dodać klucz licencyjny do wersji premium WPForms

Po aktywacji zobaczysz nowe menu WPForms w swoim panelu WordPress.

Krok 2: Wybierz szablon prostego formularza kontaktowego

Teraz, gdy aktywowałeś WPForms, jesteś gotowy do utworzenia formularza kontaktowego w WordPress.

Po pierwszym uruchomieniu WPForms kreator konfiguracji poprowadzi Cię przez proces tworzenia formularza.

Jeśli nie widzisz kreatora konfiguracji, możesz przejść do WPForms » Wszystkie formularze w swoim panelu administracyjnym WordPress, a następnie kliknąć przycisk ‘Dodaj nowy’.

Dodaj nowy formularz WPForms

Spowoduje to przejście do strony Konfiguracja, gdzie możesz zacząć od nadania formularzowi opisowej nazwy, takiej jak „Formularz kontaktowy” lub „Skontaktuj się ze mną”.

Jest to tylko do Twojej wiadomości, ale posiadanie jasnych nazw pomaga zachować porządek, jeśli później utworzysz wiele formularzy.

Nazewnictwo formularza WPForms

Następnie wybierzesz, w jaki sposób zbudujesz swój formularz kontaktowy:

  • Zacznij od zera – Zbuduj swój formularz na pustym płótnie, aby mieć pełną kontrolę nad układem i polami.
  • Użyj gotowego szablonu – Dzięki WPForms Pro masz dostęp do ponad 2000 gotowych szablonów, które możesz dostosować w kilka minut. WPForms Lite zawiera ponad 60 darmowych szablonów formularzy.
  • Wygeneruj formularz za pomocą AI – Pozwól Kreatorowi formularzy AI WPForms stworzyć dla Ciebie konfigurowalny formularz. Po prostu opisz, czego potrzebujesz, za pomocą prostego polecenia, a on automatycznie zajmie się konfiguracją.

Jeśli chcesz używać WPForms AI, możesz najechać kursorem na pole „Generuj za pomocą AI” i kliknąć przycisk „Generuj formularz”.

Generuj formularz za pomocą AI

Na następnym ekranie możesz wybrać jeden z dostępnych przykładów podpowiedzi lub dodać własną niestandardową podpowiedź dla AI.

Następnie wygeneruje formularz, który możesz zobaczyć w obszarze podglądu.

Formularze AI WPForms w akcji

🧑‍💻 Wskazówka od eksperta: Oprócz kreatora formularzy opartego na sztucznej inteligencji, WPForms oferuje również:

  • Opcje AI: Automatycznie generuj opcje dla pól takich jak wielokrotny wybór, przyciski radiowe, pola wyboru i menu rozwijane.
  • Obliczenia AI: Błyskawicznie generuj formuły obliczeniowe oparte na sztucznej inteligencji dla pól takich jak podatek od sprzedaży, eliminując potrzebę ręcznych obliczeń.

Pamiętaj, że są to funkcje Pro dostępne w płatnych planach WPForms.

W tym przewodniku pokażę Ci kroki, korzystając z szablonu „Prosty formularz kontaktowy”. Zawiera on wszystkie niezbędne pola, których potrzebuje większość stron internetowych.

Podczas przeglądania szablonów możesz zauważyć inne popularne opcje, które mogą być przydatne dla Twojej witryny:

  • Formularze rejestracji użytkowników — Idealne dla witryn członkowskich lub społecznościowych, które pozwalają użytkownikom na rejestrację i tworzenie kont.
  • Formularze zamówień online — Świetne dla restauracji, sklepów internetowych lub dostawców usług, którzy chcą przyjmować zamówienia na produkty lub niestandardowe zamówienia bezpośrednio na swojej stronie.
  • Formularze rezerwacji — Idealne dla konsultantów, salonów kosmetycznych lub firm wynajmujących, które potrzebują umawiać spotkania lub rezerwacje.
  • Formularze ankiet — Przydatne do zbierania opinii klientów lub przeprowadzania szybkich ankiet.
  • Formularze konwersacyjne — Oferują nowoczesne, przypominające czat doświadczenie, które zwiększa zaangażowanie i wskaźniki ukończenia.

Gdy znajdziesz szablon, nad którym chcesz pracować, możesz najechać na niego kursorem i kliknąć „Użyj szablonu”.

Użyj szablonu Prosty formularz kontaktowy

Spowoduje to przejście do edytora przeciągnij i upuść WPForms.

Krok 3: Dostosuj swój formularz kontaktowy

Teraz nadchodzi najprzyjemniejsza część: sprawienie, aby Twój formularz kontaktowy działał dokładnie tak, jak chcesz.

Kreator przeciągnij i upuść WPForms sprawia, że jest to niezwykle łatwe, nawet jeśli nigdy wcześniej nie tworzyłeś formularza. Tutaj możesz zobaczyć opcje dostosowywania po lewej stronie i podgląd formularza po prawej.

Edycja formularza kontaktowego

Teraz możesz zauważyć, że szablon prostego formularza kontaktowego zawiera pola Nazwa, E-mail oraz Komentarz lub Wiadomość.

Możesz zmieniać kolejność pól, przeciągając je w górę lub w dół. Ta elastyczność oznacza, że możesz zebrać dokładnie te informacje, których potrzebujesz, nie przytłaczając odwiedzających.

Zmień kolejność pól formularza

Następnie, dla każdego z tych pól, możesz kliknąć je, aby zmodyfikować jego ustawienia, zmienić tekst etykiety lub oznaczyć je jako wymagane.

Tutaj zmieniłem etykietę pola E-mail na Adres e-mail i włączyłem funkcję potwierdzenia adresu e-mail. Pozwala to użytkownikom sprawdzić, czy wprowadzili poprawny adres e-mail.

Dostosowywanie pola e-mail w WPForms

Aby dodać nowe pola, po prostu przeciągnij je z lewego panelu do swojego formularza. Oto kilka popularnych dodatków do pól, które polecam rozważyć:

  • Pole numeru telefonu — Przydatne, jeśli wolisz oddzwaniać bezpośrednio do potencjalnych klientów
  • Menu rozwijane — Świetne do kategoryzowania zapytań (np. „Sprzedaż”, „Wsparcie” lub „Ogólne pytanie”)
  • Pole wyboru — Idealne do zapisów na newsletter lub potwierdzeń zgody

Dodanie pola wyboru z etykietą typu „Zapisz się na nasz newsletter” lub „Wysyłaj mi okazjonalne wiadomości i aktualizacje” to dobry ruch. Pomaga to rozwijać listę e-mailową, gdy odwiedzający są już zaangażowani w Twój formularz kontaktowy.

Pamiętaj, że będziesz musiał również połączyć swój formularz z usługą marketingową e-mail. Szczegółowe informacje znajdziesz w naszym poradniku jak używać formularza kontaktowego do budowania listy e-mailowej.

🧑‍💻 Wskazówka Pro: Jeśli używasz formularza kontaktowego do zbierania subskrybentów, ten krok jest kluczowy. Pomaga uzyskać wyraźną zgodę od użytkowników przed wysyłaniem im regularnych aktualizacji, co również zapewnia zgodność Twojej witryny z przepisami o ochronie danych, takimi jak RODO.

Aby to dodać, po prostu przeciągnij pole wyboru i upuść je w podglądzie formularza.

Dodawanie pola wyboru w WPForms

W panelu dostosowywania możesz usunąć dwie pozostałe domyślne opcje, klikając przycisk „–”.

Następnie dodaj swoją wiadomość do pozostałego pola wyboru.

Edycja opcji pola wyboru

Następnie będziesz chciał ukryć etykietę „Pole wyboru”.

Ukrywając ją, obok pola wyboru pojawia się tylko zamierzony tekst „Wysyłaj mi okazjonalne wiadomości i aktualizacje”, dzięki czemu formularz jest przejrzysty i łatwy do odczytania.

Aby to zrobić, możesz przełączyć się na zakładkę „Zaawansowane” i włączyć opcję „Ukryj etykietę”.

Ukrywanie etykiety pola wyboru

Dla użytkowników Pro, WPForms oferuje inne potężne zaawansowane opcje, które mogą sprawić, że Twoje formularze będą jeszcze skuteczniejsze:

Gdy będziesz zadowolony z pól i układu formularza, kliknij przycisk „Zapisz”.

🧑‍💻 Wskazówka Pro: Podczas dostosowywania pamiętaj, że mniej znaczy więcej. Krótszy formularz jest mniej onieśmielający i może prowadzić do większej liczby zgłoszeń. Zalecam proszenie tylko o informacje, których absolutnie potrzebujesz.

Krok 4: Skonfiguruj powiadomienia i potwierdzenia formularza kontaktowego

Teraz, gdy utworzyłeś formularz kontaktowy, kluczowe jest prawidłowe skonfigurowanie opcji powiadomień i potwierdzeń formularza.

Oto szybkie omówienie każdego ustawienia:

  • Powiadomienie formularza to e-mail, który otrzymujesz po tym, jak ktoś prześle formularz kontaktowy na Twoim blogu WordPress.
  • Potwierdzenie formularza to to, co widzi odwiedzający Twoją witrynę po przesłaniu formularza. Może to być prosta wiadomość z podziękowaniem, strona z dalszymi informacjami, na której przesłałeś pliki PDF do pobrania, lub cokolwiek innego, co chcesz.

Dobra wiadomość jest taka, że WPForms automatycznie konfiguruje powiadomienia formularza od razu po wyjęciu z pudełka. Oznacza to, że zaczniesz otrzymywać alerty e-mail, gdy tylko ktoś prześle Twój formularz kontaktowy, bez żadnej dodatkowej konfiguracji.

Niemniej jednak, nadal możesz skonfigurować te ustawienia, aby dopasować je do swoich potrzeb.

Przejdźmy więc do Ustawienia » Powiadomienia. Domyślnie zobaczysz, że WPForms wysyła powiadomienia na adres e-mail administratora WordPress.

Domyślne powiadomienie WPForms

Możesz również wysyłać powiadomienia na wiele adresów e-mail, dzięki czemu różni członkowie zespołu otrzymują odpowiednie zapytania. Na przykład, wiadomości sprzedażowe mogą trafiać do Twojego zespołu sprzedaży, podczas gdy prośby o wsparcie trafiają do obsługi klienta.

Podczas dodawania adresów e-mail, upewnij się, że oddzielasz każdy z nich przecinkiem.

Powiadomienia formularza kontaktowego dla wielu odbiorców

Dowiedz się więcej na ten temat w naszym przewodniku jak utworzyć formularz kontaktowy z wieloma odbiorcami.

Na tej stronie możesz również zobaczyć inne pola dostosowywania. Na przykład pole „Temat wiadomości e-mail” jest wstępnie wypełnione nazwą Twojego formularza. Natomiast pole „Nazwa nadawcy” jest automatycznie wypełniane nazwą Twojej witryny.

Nie zapomnij kliknąć przycisku „Zapisz”, jeśli wprowadzisz tutaj zmiany.

🧑‍💻 Wskazówka Pro: Jeśli masz problemy z odbieraniem zgłoszeń z formularza, zapoznaj się z naszym przewodnikiem jak naprawić problemy z wysyłaniem wiadomości e-mail przez WordPress. Pokazuje on, jak używać WP Mail SMTP, najlepszej wtyczki SMTP dla WordPress, aby zapewnić niezawodne dostarczanie Twoich wiadomości e-mail za każdym razem.

Następnie przejdźmy do zakładki „Potwierdzenie”, aby wybrać, w jaki sposób odwiedzający będą wiedzieć, że otrzymałeś ich wiadomość.

WPForms oferuje trzy główne opcje:

  • Wyświetl wiadomość — Wyświetl wiadomość z podziękowaniem bezpośrednio na tej samej stronie.
  • Wyświetl stronę — Przekieruj użytkowników z powrotem na poprzednią stronę lub dowolną istniejącą stronę w Twojej witrynie, taką jak niestandardowa strona z podziękowaniem.
  • Przejdź do adresu URL (Przekierowanie)Przekieruj odwiedzających na dowolny adres URL, w Twojej witrynie lub poza nią.

Zalecam używanie niestandardowej wiadomości dla większości prostych formularzy kontaktowych, ponieważ jest ona natychmiastowa i nie wymaga od odwiedzających ładowania nowej strony.

Jeśli to brzmi dla Ciebie dobrze, możesz wybrać „Wiadomość” z listy rozwijanej typu potwierdzenia i wpisać swoją niestandardową wiadomość w dostępnym polu.

Niestandardowa wiadomość jako potwierdzenie formularza kontaktowego

Teraz, świetna wiadomość z potwierdzeniem nie mówi tylko „dziękuję” – ustala oczekiwania. Możesz spróbować czegoś w stylu: „Dziękujemy za kontakt! Otrzymaliśmy Twoją wiadomość i skontaktujemy się z Tobą w ciągu 1-2 dni roboczych”.

To uspokaja użytkownika, że jego zgłoszenie zakończyło się sukcesem i informuje go, kiedy może spodziewać się odpowiedzi. Ponadto pomaga to sprawić, że Twoja firma wydaje się bardziej responsywna i godna zaufania.

Jednak przekierowanie użytkowników na specjalną stronę działa dobrze, jeśli chcesz pokazać powiązane treści, zaoferować darmowy zasób lub śledzić konwersje w Google Analytics.

A w przypadku firm świadczących usługi, możesz wysłać użytkowników na stronę, która wyjaśnia Twój typowy czas odpowiedzi i kolejne kroki.

Sklepy internetowe z kolei mogą przekierowywać na strony produktów lub specjalne oferty, aby utrzymać zaangażowanie.

Wyświetlanie strony jako potwierdzenie formularza kontaktowego

Jeśli tutaj wprowadzisz jakiekolwiek zmiany, upewnij się, że klikniesz przycisk „Zapisz”.

Krok 5: Przetestuj swój nowy formularz kontaktowy

Po skonfigurowaniu formularza kontaktowego czas na szybkie przetestowanie.

W górnej części kreatora WPForms możesz kliknąć przycisk „Podgląd”, aby zobaczyć, jak formularz będzie wyglądał dla odwiedzających.

Przycisk Podgląd w WPForms

Na ekranie podglądu sprawdźmy najpierw, czy wszystkie Twoje pola wyświetlają się poprawnie i są łatwe do zrozumienia.

Następnie wypełnij formularz, używając przykładowych danych. Możesz spróbować pominąć wymagane pole lub wpisać swój adres e-mail niepoprawnie, aby upewnić się, że walidacja formularza działa prawidłowo.

Testowanie walidacji formularza kontaktowego

Gdy wszystko będzie wyglądać dobrze, kliknij „Wyślij”, aby zobaczyć swoją wiadomość z podziękowaniem lub stronę potwierdzenia, która pojawi się zgodnie z oczekiwaniami.

Oto jak to wygląda na mojej stronie demonstracyjnej:

Komunikat potwierdzający po przesłaniu formularza

Krok 6: Osadź swój prosty formularz kontaktowy na stronie WordPress

Teraz, gdy wszystko jest skonfigurowane, czas umieścić swój formularz kontaktowy na żywo na swojej stronie internetowej WordPress. WPForms sprawia, że ten krok jest niezwykle prosty dzięki wbudowanej funkcji osadzania.

Aby rozpocząć, kliknij przycisk „Osadź” w górnej części kreatora formularzy.

Przycisk Osadź w WPForms

Spowoduje to wyświetlenie okna dialogowego „Osadź na stronie”.

Tutaj możesz wybrać między „Wybierz istniejącą stronę” a „Utwórz nową stronę”.

Okno podręczne Osadź na stronie

W przypadku zupełnie nowej strony kontaktowej możesz wybrać opcję „Utwórz nową stronę”.

Następnie wpisz nazwę strony, na przykład „Kontakt” lub „Skontaktuj się z nami”, a następnie kliknij „Zaczynajmy!”.

Osadzanie formularza kontaktowego na nowej stronie

WPForms utworzy następnie stronę i automatycznie osadzi Twój formularz w jednym płynnym kroku. Następnie możesz napisać całą treść, którą chcesz dodać, aby nadać kontekst, podglądnąć stronę i ją opublikować.

Jeśli masz już stronę kontaktową na swojej stronie, możesz po prostu wybrać „Wybierz istniejącą stronę”.

Następnie, w następnym podręcznym oknie, wybierzesz z listy rozwijanej, gdzie chcesz dodać formularz kontaktowy i klikniesz „Zaczynajmy!”.

Osadzanie formularza kontaktowego na istniejącej stronie

Otworzy to edytor treści strony.

Stąd możesz kliknąć „+”, aby dodać blok WPForms.

Dodaj blok WPForms

Następnie zobaczysz blok WPForms dodany do swojego edytora.

Po prostu kliknij listę rozwijaną i wybierz formularz, który chcesz dodać.

Wybieranie formularza kontaktowego z listy rozwijanej WPForms

WPForms załaduje następnie podgląd Twojego formularza kontaktowego w edytorze bloków.

Przed publikacją możesz podglądnąć stronę, aby zobaczyć, jak wygląda. Większość nowoczesnych motywów WordPress wyświetli formularz ładnie, bez potrzeby dodatkowego stylizowania.

Formularz kontaktowy załadowany w edytorze treści

Mimo to, możesz również zastosować motyw do swojego formularza. Więcej informacji na ten temat znajdziesz w naszym przewodniku jak stylizować i dostosowywać formularze WordPress.

Gdy wszystko będzie gotowe, możesz kliknąć przycisk „Opublikuj” lub „Zaktualizuj”, aby zapisać swój formularz. Następnie możesz odwiedzić swoją stronę internetową, aby zobaczyć go w akcji.

Oto jak formularz wyglądał na przykładowej stronie kontaktowej WordPress:

Formularz kontaktowy WPForms na żywej stronie

Więcej szczegółów znajdziesz w naszym przewodniku jak osadzać formularze w WordPress.

Pokaż formularz kontaktowy na całej swojej witrynie

Aby uzyskać jeszcze lepszą widoczność, rozważ dodanie formularza kontaktowego do paska bocznego swojej witryny lub dowolnego innego obszaru gotowego na widżety w Twoim motywie WordPress. Daje to odwiedzającym łatwy dostęp do kontaktu z Tobą z dowolnej strony Twojej witryny.

Aby to zrobić, musisz przejść do Wygląd » Widżety, a następnie kliknąć ikonę dodawania bloku „Plus” w obszarze widżetu, do którego chcesz dodać formularz.

Dodaj nowy blok widżetu

Następnie wyszukajmy „WPForms”.

Następnie możesz kliknąć na blok „WPForms”, aby dodać go do swojego paska bocznego.

Dodaj blok widżetu WPForms

Następnie musisz wybrać swój formularz kontaktowy z listy rozwijanej.

Spowoduje to automatyczne załadowanie podglądu Twojego formularza.

Wybierz formularz z listy rozwijanej

Następnie kliknij przycisk „Aktualizuj”, aby zapisać zmiany.

Teraz możesz odwiedzić swoją witrynę, aby zobaczyć swój formularz kontaktowy na żywo w swojej bocznym pasku lub innym obszarze widżetu.

Formularz kontaktowy WPForms na żywo na pasku bocznym

Aby dowiedzieć się więcej o widżetach, zapoznaj się z naszym przewodnikiem jak dodawać i używać widżetów w WordPress.

Dodaj swój formularz kontaktowy za pomocą krótkiego kodu

WPForms zawiera również krótki kod formularza kontaktowego WordPress.

Możesz go użyć, przechodząc do WPForms » Wszystkie Formularze, a następnie kopiując krótki kod obok swojego formularza.

Kopiowanie skrótu formularza

Następnie wystarczy otworzyć stronę, na której chcesz go dodać, kliknąć przycisk dodawania bloku „Plus” i wyszukać „Shortcode”.

Następnie kliknij blok ‘Krótki kod’.

Dodaj blok krótkiego kodu

W bloku wklej skopiowany powyżej krótki kod do pola.

Następnie możesz kliknąć „Zaktualizuj” lub „Opublikuj”, a Twój formularz kontaktowy będzie aktywny na Twojej stronie internetowej, tak jak powyżej.

Aby dowiedzieć się więcej o krótkich kodach, zapoznaj się z naszym ostatecznym przewodnikiem na temat dodawania krótkich kodów w WordPressie.

Wklej krótki kod formularza i zapisz

🔗 Alternatywa: Jeśli potrzebujesz bardziej zaawansowanych funkcji lub większej elastyczności, możesz sprawdzić Formidable Forms. Szczegółowe porównanie najlepszych rozwiązań znajdziesz w naszym przewodniku po najlepszych wtyczkach formularzy kontaktowych dla WordPressa.

Dodatkowa wskazówka: Skonfiguruj śledzenie formularzy WordPress, aby poprawić konwersje

Gdy Twój formularz kontaktowy będzie już działać, następnym krokiem jest zrozumienie jego wydajności, aby móc go jeszcze ulepszyć.

Śledząc swoje formularze, możesz zobaczyć na przykład, które z nich otrzymują najwięcej zgłoszeń, skąd pochodzą Twoi odwiedzający i które strony zachęcają ich do kontaktu.

Raporty wydajności formularzy MonsterInsights

Te informacje pomogą Ci ulepszyć formularze, które nie działają tak dobrze, zmniejszyć porzucanie formularzy i dopracować marketing, aby dotrzeć do właściwej grupy odbiorców.

Na przykład możesz odkryć, że odwiedzający z mediów społecznościowych częściej wypełniają Twój formularz kontaktowy niż ci z wyszukiwarek. Albo że osoby, które najpierw odwiedzają stronę „O nas”, częściej się kontaktują.

Takie spostrzeżenia pokazują Ci, gdzie skupić swój czas i wysiłek.

Śledzenie formularzy może również pomóc we wczesnym wykrywaniu problemów technicznych. Jeśli liczba zgłoszeń nagle spadnie, będziesz wiedzieć, że czas sprawdzić, czy Twój formularz lub strona internetowa nie mają problemów.

Opuścił formularz w WPForms

Dobra wiadomość jest taka, że skonfigurowanie śledzenia formularzy jest łatwiejsze, niż myślisz, zwłaszcza z odpowiednimi narzędziami i wskazówkami.

Aby zacząć, możesz skorzystać z naszego samouczka krok po kroku na temat jak skonfigurować śledzenie formularzy WordPress w Google Analytics.

FAQ: Tworzenie i dodawanie formularzy kontaktowych w WordPress

Jaka jest najlepsza wtyczka formularza kontaktowego dla WordPress?

WPForms to mój najlepszy wybór, jeśli chodzi o najlepszą wtyczkę do formularzy kontaktowych WordPress. Jest przyjazna dla początkujących, łatwa w użyciu i wyposażona w pomocne funkcje oraz dodatki. Możesz łatwo tworzyć dowolny typ formularza za pomocą jej narzędzi AI i kreatora przeciągnij i upuść.

Jeśli szukasz bardziej zaawansowanych opcji, Formidable Forms i Gravity Forms to świetne alternatywy dla takich rzeczy jak formularze wielostronicowe czy złożone obliczenia.

Jak mogę dodać formularz do wypełnienia na moją stronę internetową?

Najprostszym sposobem jest użycie wtyczki do tworzenia formularzy, takiej jak WPForms. Po zainstalowaniu i aktywacji możesz wybrać szablon, dostosować pola, a następnie osadzić formularz na dowolnej stronie lub wpisie za pomocą krótkiego kodu lub bloku.

Gdzie trafiają dane z mojego formularza kontaktowego WordPress?

To zależy od używanej wtyczki. W przypadku WPForms wszystkie wpisy z formularzy są zapisywane w panelu administracyjnym WordPress pod adresem WPForms » Entries, a także możesz je otrzymywać bezpośrednio na swój adres e-mail. W ten sposób nigdy nie przegapisz wiadomości od odwiedzającego.

Dlaczego mój formularz kontaktowy WordPress nie działa?

Powszechne przyczyny niedziałających formularzy kontaktowych to nieprawidłowe ustawienia poczty e-mail, konflikty wtyczek lub brak konfiguracji SMTP. Jeśli nie otrzymujesz wiadomości e-mail, polecam użyć WP Mail SMTP, aby upewnić się, że wiadomości z Twoich formularzy są dostarczane poprawnie.

Czy mogę dodać formularz kontaktowy w WordPressie bez używania wtyczki?

Tak, ale wymaga to dodania niestandardowego kodu HTML i PHP do plików motywu, co nie jest idealne dla początkujących. Musiałbyś również samodzielnie zarządzać takimi rzeczami, jak filtrowanie spamu, dostarczanie poczty e-mail i stylizacja formularzy – a to może szybko zająć dużo czasu.

Używanie wtyczki takiej jak WPForms jest znacznie bezpieczniejsze i bardziej niezawodne, ponieważ ona automatycznie zajmuje się tym wszystkim za Ciebie.

Samouczek wideo: Jak tworzyć formularze kontaktowe w WordPress

Jeśli uczysz się przez oglądanie, spodoba Ci się nasz samouczek wideo na temat tworzenia formularza kontaktowego w WordPress:

Subskrybuj WPBeginner

Dalsza lektura dotycząca korzystania z formularzy w WordPress

Mam nadzieję, że ten artykuł pomógł Ci stworzyć prosty formularz kontaktowy w WordPressie.

Aby pomóc Ci jeszcze lepiej wykorzystać formularze kontaktowe i stronę internetową WordPress, oto kilka powiązanych przewodników, które rozszerzają to, czego się właśnie nauczyłeś:

Jeśli podobał Ci się ten artykuł, zasubskrybuj nasz kanał YouTube po samouczki wideo WordPress. Możesz nas również znaleźć na Twitterze i Facebooku.

Ujawnienie: Nasze treści są wspierane przez czytelników. Oznacza to, że jeśli klikniesz w niektóre z naszych linków, możemy otrzymać prowizję. Zobacz jak finansowany jest WPBeginner, dlaczego to ważne i jak możesz nas wesprzeć. Oto nasz proces redakcyjny.

Ostateczny zestaw narzędzi WordPress

Uzyskaj BEZPŁATNY dostęp do naszego zestawu narzędzi – kolekcji produktów i zasobów związanych z WordPress, które powinien mieć każdy profesjonalista!

Interakcje czytelników

163 CommentsLeave a Reply

  1. Czy to zadziałałoby, gdybym używał lokalnie hostowanej strony internetowej dla mojego WordPressa, tak jak używam WAMP?

    • Yes, you can still set this up the contact form even when using local hosting :)

      Admin

  2. Używałem podstawowego formularza kontaktowego z WPForms na blogu i stronie internetowej mojej żony, ale dostajemy więcej spamu od ludzi próbujących coś sprzedać niż prawdziwych odpowiedzi.
    Czy możemy dodać więcej walidacji do podstawowego formularza, czy musimy przejść na wersję Pro?

    • Darmowa wersja WPForms ma kilka dostępnych opcji CAPTCHA. Mogą one być bardzo skuteczne w blokowaniu spamu.

  3. Używam WP Forms, odkąd wygrałem pełną licencję w Waszym konkursie. Nigdy wcześniej niczego nie wygrałem, a potem otrzymałem od Was pełną licencję na WP Forms za darmo. Muszę przyznać, że to świetny plugin.

  4. Witam, postępowałem zgodnie z instrukcjami, jednak strona kontaktowa nie pojawia się na stronie internetowej. Jak mam postąpić, ponieważ próbowałem już wielokrotnie.

  5. Witam, dziękuję za pomoc. Wspomniałeś, że adres e-mail można zmienić. Czy możesz proszę podać, jak to zrobić i gdzie?

    Dzięki

  6. Postępowałem zgodnie ze wszystkimi krokami, ale z jakiegoś powodu ten formularz nie działa. Odinstalowałem i zainstalowałem go kilka razy. Postępowałem dokładnie tak, jak na filmie, ale podczas wysyłania testowego formularza kontaktowego nie otrzymuję żadnych e-maili ani powiadomień.

  7. Skorzystałem z Twojego filmu, aby umieścić formularz kontaktowy na mojej stronie, a Ty sprawiłeś, że było to łatwe i przyjemne. Zauważyłem, że miałeś swój adres i dane kontaktowe po boku. Jak mogę tam umieścić moje dane kontaktowe? Z góry dziękuję.

    Eric

    • If you mean from the video, we placed another block on the page and manually added the text :)

      Admin

    • Zależałoby to od wtyczki formularza, którą zdecydujesz się użyć, a lokalizacje tej personalizacji są różne.

      Admin

  8. Znalazłem wszystko, ale kiedy próbowałem to przetestować, nie dostałem żadnego powiadomienia e-mailem z mojej strony internetowej. Co może być przyczyną?

    Dziękuję

  9. Dzięki! ta wtyczka jest świetna. Używam jej i jest bardzo prosta i łatwa do tworzenia formularzy w krótszym czasie.

  10. Wow! Na pewno nie może być łatwiej!

    Świetne instrukcje! Miłe, powolne mówienie, łatwe do zrozumienia.

    Kontynuuj wspaniałą pracę!

  11. Zainstalowałem WPForms Lite i aktywowałem go, ale nie pojawia się w bocznym menu w WordPressie. Widzę go w Plugins, ale nie mam opcji wyboru ustawień, tylko dezaktywację.
    Więc w ogóle nie mam dostępu do wtyczki. Jakieś sugestie?
    Pozdrawiam, Geoff

    • Możesz spróbować ponownie zainstalować wtyczkę, na wypadek gdyby wystąpił problem z pobieraniem. W przeciwnym razie skontaktuj się bezpośrednio z pomocą techniczną WPForms, a oni będą w stanie pomóc.

      Admin

  12. proszę, kiedy klikam na wyślij, idę do mojej poczty i nie widzę żadnej wiadomości

    próbowałem tego kilka razy

  13. Jestem bardzo sfrustrowany twoimi samouczkami. Wydają się być nieaktualne, ponieważ widok, który otrzymuję, różni się od tego, co pokazujesz. Proszę, zaktualizuj te samouczki.

  14. To już nie działa, ponieważ potrzebujesz planu biznesowego, aby mieć formularz kontaktowy.

  15. Właśnie zainstalowałem WPForms i utworzyłem formularz kontaktowy dla mojej strony internetowej.

    Kiedy odwiedzam stronę kontaktową, widzę dwa formularze kontaktowe; ten z WPForms i inny. Nie mam żadnej innej wtyczki do formularzy oprócz WPForm.

    Jak mogę to rozwiązać?

    • Domyślnie WordPress nie posiada narzędzia do tworzenia formularzy kontaktowych; warto ponownie sprawdzić wtyczki pod kątem tych, które dodają takie narzędzie.

      Admin

      • Później dowiedziałem się, że problem leżał po stronie mojego motywu. Skontaktowałem się z pomocą techniczną i dali mi kod, aby go wyłączyć.

        Dziękujemy za Twoją opinię.

  16. Mam skonfigurowany formularz, ale kiedy testuję go na mojej stronie i klikam przycisk wysyłania, nic się nie dzieje. Skonfigurowałem go za pomocą edytora bloków.

  17. Cześć. Nie mogę dodać formularza kontaktowego na stronach. Kiedy klikam na Strony w moim panelu, nie ma pola Dodaj formularze. Czy jest inny sposób? Jestem na localhost.

  18. Zainstalowałem wtyczkę WPforms. ale skąd mam sprawdzać wpisy z mojego formularza? Nie widzę wpisów, które podają moi widzowie. Proszę o pomoc.

    • W sekcji menu WPForms powinny pojawić się odpowiednie opcje. Jeśli ich nie widzisz, skontaktuj się z pomocą techniczną WPForms, a oni pomogą Ci w Twoim konkretnym problemie.

      Admin

    • You’re welcome, our guide should work for every WordPress.org site so it should work for you as well :)

      Admin

    • If you are editing a post/page with the block editor you would want to add the WPForms block instead of looking for a button :)

      Admin

  19. Potrzebuję pomocy, utworzyłem formularz i chciałbym wiedzieć, jak mogę otrzymać informacje po naciśnięciu przycisku wysyłania, dokąd trafiają moje informacje.

    • Zależałoby to od używanego formularza, ale domyślnie zgłoszenia są wysyłane e-mailem na adres e-mail podany w Ustawienia>Ogólne

      Admin

  20. Formularz kontaktowy tworzyłem już niezliczoną ilość razy. Próbowałem go też kilka razy przesłać. Będzie widoczny w podglądzie. NIE zostanie opublikowany.
    Za każdym razem postępowałem zgodnie z Twoimi wskazówkami. Poświęciłem ponad dziesięć godzin na tę jedną edycję.
    Co robię źle?

    • Zależałoby to od używanej wtyczki. Jeśli skontaktujesz się z pomocą techniczną wtyczki formularza kontaktowego, powinni być w stanie pomóc w ustaleniu, co może być problemem.

      Admin

  21. Formularz kontaktowy to jeden z niezbędnych elementów strony internetowej.
    Ten artykuł zawiera wszystko, czego potrzebujesz, aby nauczyć się tworzyć najlepsze i profesjonalne formularze kontaktowe.

    • That’s quite strange, you could start by disabling your other plugins to see if it is a plugin conflict. Otherwise, please reach out to WPForms’ support directly and they should be able to assist with the issue :)

      Admin

  22. Zainstalowałem WP forms Lite, ale nigdzie w ustawieniach nie widzę opcji konfiguracji – jest tam niewiele. Masz jakieś wskazówki?

    • It would depend on what specific option you’re looking for as some options are in the forms themselves. If you reach out to the plugin’s support they can help point you to what you’re looking for :)

      Admin

  23. Utworzyłem prosty formularz kontaktowy i mam problem, ponieważ wysłany e-mail trafia do folderu Spam. Próbowałem dodać domenę i nadawcę jako bezpiecznych, ale nadal trafia do Spamu. Jak mogę to zatrzymać?

  24. Świetny samouczek dla każdego, kto chce stworzyć formularz kontaktowy w łatwy do naśladowania sposób

  25. Cześć, dziękuję za Twoje wnikliwe artykuły, bardzo mi pomogły!
    Zastanawiam się, czy wiesz, jak wstawić kod, który pozwoli użytkownikowi usunąć plik przesłany za pomocą formularza Contact 7? Powiedzmy, że został przesłany przez pomyłkę i użytkownik chce go usunąć i spróbować ponownie. Obecnie mój formularz nie pozwala mi na usuwanie żadnych przesłanych plików… Doceniam Twoją pomoc.

    • W przypadku pytania dotyczącego wtyczki Contact Form 7, najlepiej skontaktować się z jej wsparciem technicznym, które powinno być w stanie pomóc.

      Admin

  26. Dziękuję za wspaniały artykuł, śledziłem go, tworząc moją stronę, ale mam problem z dodaniem mojego formularza do strony kontaktowej. Kiedy klikam "dodaj stronę", otwiera się pasek do dodawania tytułu, ale nie widzę opcji "dodaj formularz". Nie udało mi się dodać mojego formularza kontaktowego do mojej strony kontaktowej.
    Proszę, pomóż mi. Dziękuję.

  27. Kiedy tworzę nową stronę, nie widzę przycisku „dodaj formularz”. Jest to WP 5.0.2, świeżo zresetowany.

    • For the new blocks editor you would want to add a WPForms block and that would allow you to add the form :)

      Admin

  28. Dziękuję za ciężką pracę i filmy. Wiele się uczę z Państwa filmów. Zauważyłem jednak konsekwentnie jedną rzecz: często pomijacie Państwo pewne kroki lub szybko przechodzicie przez prostą czynność, która dezorientuje nowicjuszy, zwłaszcza gdy są Państwo instruktorami ‘WPbeginner’. Przykład. Podczas nauczania tworzenia formularza „Skontaktuj się z nami”, przed jego publikacją/aktualizacją, szybko przeszliście Państwo przez tekst „Chętnie Cię poznamy”. To jest tekst, który wprowadziliście, ale nie pokazaliście, i który bardzo mnie zdezorientował, jak to możliwe, że ten tekst nie pojawił się w moim formularzu, ponieważ śledziłem Państwa krok po kroku, tworząc formularz na mojej nowej stronie internetowej, oglądając Państwa film. Wróciłem tam i z powrotem i stworzyłem 4 formularze na próżno – tekst po prostu się nie pojawiał. Wtedy powiedziałem sobie, co tam! i wprowadziłem go sam i przeszedłem do reszty filmu. Zauważyłem ten sam problem w innych Państwa filmach. Czy moglibyście Państwo być trochę wolniejsi i bardziej szczegółowi? Proszę pamiętać, że nie jest to krytyka; jest to konstruktywna sugestia. Robicie Państwo świetną robotę i bez Was nie stworzyłbym swojej strony internetowej samodzielnie i nie pisałbym do Was tutaj. Milion podziękowań za to.

    • Cześć Himanshu,

      Dziękujemy za miłą opinię, naprawdę ją doceniamy. Jesteśmy świadomi problemu, o którym wspominasz, a nasz zespół stale pracuje nad ulepszaniem filmów. Dołożymy wszelkich starań.

      W międzyczasie, jeśli nie jesteś w stanie postępować zgodnie z instrukcjami pokazanymi w filmie lub jednym z naszych samouczków, nie wahaj się nas zapytać. Możesz to zrobić, zostawiając komentarz lub wysyłając nam wiadomość za pomocą formularza kontaktowego na naszej stronie internetowej. Staramy się jak najlepiej odpowiadać na wszystkie pytania użytkowników.

      Admin

  29. Prosta forma jest wszystkim, czego potrzebuję, wygląda dobrze i dobrze prezentuje się również na telefonie komórkowym.

    Skonfigurowałem reCaptcha, ale nie pojawia się ona na stronie kontaktowej, gdzie znajduje się kod formularza.

    Czy istnieje również krótki kod dla tego? Jeśli tak, gdzie w ustawieniach się znajduje?

    Dzięki...

  30. Witaj,
    Postępowałem zgodnie ze wszystkimi krokami, widzę formularz kontaktowy na mojej stronie. Mogę wpisać wiadomość, a po jej wysłaniu widzę komunikat „dziękujemy”. Ale.. nie otrzymuję wiadomości na moje konto e-mail. Co robię źle?
    Dziękuję bardzo za odpowiedź w tej sprawie.
    Pozdrawiam, Michel

  31. Cześć, wykonałem wszystkie kroki, jak wspomniano powyżej, ale nie widzę strony Kontakt podczas podglądu.

    Proszę, pomóż mi rozwiązać.
    Dziękuję.

    • Cześć Shamli,

      Musisz edytować stronę, wstawić formularz, a następnie kliknąć przycisk podglądu. Twój formularz kontaktowy pojawi się tylko na stronie, na której go wstawisz.

      Admin

  32. Cześć – Używamy tego formularza kontaktowego i jest w porządku, ale chciałbym dodać Captcha, a co ważniejsze, jakiś tekst, który można nadpisać w polu wiadomości. Jest lokalna firma o bardzo podobnej nazwie, więc stale otrzymujemy wiadomości dotyczące tej innej firmy. Chcemy mieć jakiś tekst, który trzeba nadpisać, aby powtórzyć, czym jest nasza firma, aby spróbować zmniejszyć liczbę tych wiadomości. Czy jest to możliwe?

    • Odtworzyłem formularz i ponownie sprawdziłem dodanie recaptcha w ustawieniach potwierdzenia i tym razem zadziałało. Robiłem to wcześniej, ale jakoś nie zadziałało.

      teraz przejdźmy do problemu z pocztą. dzięki

  33. Panie, skąd mam wiedzieć, który system poczty e-mail powiadamia lub odbiera wiadomości, zrobiłem wszystko, ale nie wiem, od kogo otrzymam e-mail od klienta, jestem początkującym w WP

  34. Jak więc uzyskać dostęp do biblioteki multimediów (jeśli mam opcję dołączania plików w moich formularzach WP), gdzie one wszystkie są przechowywane?

    • Cześć Sarah,

      Domyślnie pliki przesyłane przez użytkowników są przechowywane w folderze WPForms w katalogu Uploads Twojej witryny.

      Jeśli wolisz przesłać pliki do Biblioteki mediów WordPress, kliknij pole Przesyłanie plików w kreatorze formularzy. Następnie w Opcjach zaawansowanych zaznacz pole wyboru Przechowuj plik w Bibliotece mediów WordPress.

      Więcej szczegółów znajdziesz w tym przewodniku.

      Admin

  35. To naprawdę pomocne. Mogę powiedzieć, że to mój pierwszy raz, kiedy zostawiam recenzję na jakiejkolwiek stronie internetowej. Informacje, które podałeś, skłoniły mnie do tego. Dziękuję tysiąc razy!!

  36. Cześć
    jak mogę skonfigurować odbieranie e-maili w Gmailu i odpowiadanie klientom bezpośrednio z Gmail.com?

  37. Uważam, że to było bardzo pomocne przy konfiguracji, jednak po zakończeniu przeprowadziłem test, podobnie jak mój przyjaciel. Nie mogę zrozumieć, dlaczego nie otrzymujemy testowych wiadomości e-mail wysyłanych z witryny? Chociaż ponownie przeszedłem przez kroki, aby upewnić się, że wszystko zostało poprawnie skonfigurowane, nie otrzymuję wiadomości z witryny. Mam nadzieję, że możesz pomóc konstruktywnymi sugestiami, aby pomóc w rozwiązywaniu problemów, bardzo doceniam pomoc...

Zostaw odpowiedź

Dziękujemy za pozostawienie komentarza. Pamiętaj, że wszystkie komentarze są moderowane zgodnie z naszą polityką komentowania, a Twój adres e-mail NIE zostanie opublikowany. Prosimy NIE używać słów kluczowych w polu nazwy. Prowadźmy osobistą i znaczącą rozmowę.