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. 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

  2. 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

  3. 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

  4. 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

  5. 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!!

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

  7. 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...

  8. Jestem bardzo nowy, łatwo się mylę! W odniesieniu do przypisanego adresu e-mail administratora na mojej stronie bloga WP, czy można go faktycznie używać do odbierania wiadomości z formularza kontaktowego? Myślę, że adres wygląda bardziej profesjonalnie i miło byłoby mieć wszystkie wiadomości z witryny odpowiadające na faktyczną witrynę, zamiast na zewnętrzny adres e-mail, taki jak mój Gmail. Zrobiłem test i nie mogłem znaleźć odpowiedzi, zainstalowałem Flamingo i zobaczyłem ją, ale nie ma opcji odpowiedzi jak w zwykłym e-mailu.

    Proszę daj mi znać, dzięki!

  9. Chciałbym stworzyć własny plugin formularza kontaktowego, ponieważ formularze kontaktowe dostępne na rynku, których próbowałem, spowalniają moją stronę. Czy to jest najlepsza alternatywa?

  10. cześć, wpisałem swój adres e-mail w powiadomieniu, ale nadal nie otrzymuję żadnych powiadomień na mój e-mail, mimo że przeprowadziłem kilka testów.. jak mogę rozwiązać ten problem? proszę o wskazówki, dzięki

  11. Mam zainstalowany wtyczkę formularza kontaktowego, ale dostosowanie jest bardzo ograniczone, a kod jest zbyt długi i skomplikowany. Teraz planuję skopiować prostszy kod .php i zainstalować go samodzielnie. Czy lepiej tak zrobić? Czy istnieją problemy z bezpieczeństwem przy dostępie do pliku .php ze strony, na której umieszczony jest formularz kontaktowy?

  12. Cześć, próbowałem kilku różnych formularzy i to ciągle się dzieje. Kiedy wchodzę na stronę kontaktową, pod tytułem widnieje „>kontakt”. Mogę usunąć słowo „kontakt”, usuwając tytuł strony, ale ten mały znak większości ( > ) nadal tam jest. Jak się go pozbyć? Dzięki.

  13. Poczta nie dociera z tego formularza.
    Czy jest jakiś filmik o tym, jak WP obsługuje pocztę, abym mógł to naprawić?

  14. Dzięki chłopaki, naprawdę łatwy proces, który pozwolił mi skonfigurować mój pierwszy formularz kontaktowy w około 10 minut; przetestowany i działa

  15. Witaj
    Próbowałem wstawić formularz po jego utworzeniu, ale na stronie dodawania formularz nie został wstawiony. mój wordpress wydaje się być ograniczony i nie mogę dodać formularza. proszę o pomoc

  16. Cześć,
    Stworzyłem formularz WP zgodnie z opisem, ale kiedy go testuję, nie otrzymuję żadnych powiadomień e-mail. Włączyłem powiadomienia, klikając w sekcję powiadomień e-mail formularza. Czy czegoś jeszcze brakuje w ustawieniach? Proszę o wskazówki.

  17. Skonfigurowałem formularz, tak jak zostało to wyjaśnione, ale nie pojawia się on na stronie, na której kazałem dodać formularz.

  18. WP forms jest bardzo łatwy w konfiguracji, ale NIE działa. Kilka razy próbowałem wysłać sobie e-mail. Udało się raz! Pozostałe 20 razy nie. Wróciłem i próbowałem zmienić rzeczy. Nadal nic nie działało. Znam skrócone kody, więc to nie był problem. I nigdy nie widziałem recaptchy. A wpforms nawet nie ma formularza kontaktowego do wypełnienia, abym mógł się z nimi skontaktować! Co za żart!

  19. Mój blog jeszcze nawet nie został uruchomiony. Mam stronę „Wkrótce”. Od godzin pracuję nad tym, aby pojawił się formularz kontaktowy. Dodałam nową stronę kontaktową do mojego menu. Zapisałam kod na mojej stronie kontaktowej. Opublikowałam. I formularz kontaktowy nie pokazuje się, gdy podglądam na żywo kontakt w moim głównym menu. Postępuję zgodnie z Twoim samouczkiem. Wydaje się to takie łatwe, a jednak… nie do końca! Czy to działa z motywem potomnym Genesis? Próbowałam WPForms i Contact Form. Nie wiem, co robię źle. Ponieważ jestem nowicjuszem, mam problemy z połączeniem menu i strony oraz rozwijanymi menu kategorii. Konfiguracja tego bloga jest trudniejsza, niż myślałam. Jakieś rady?

  20. Kiedy wchodzę w USTAWIENIA, wygląda to inaczej niż na Twoim filmie.
    Mam 3 zakładki: Ogólne, Integracje i Informacje o systemie, w następującej kolejności:

    Ogólne > Stylizacja formularza/ E-mail/Re Captcha/Walidacje
    Integracje > Zintegruj Constant Contact z formularzami WP
    Informacje o systemie

    Nie mam pojęcia, co wpisać w polach Walidacje i E-mail.
    Pod walidacjami znajdują się również dwa tajemnicze pola: Numer i Potwierdź wartość

    Pomocy!

    • Cześć Zelda,

      Ekran, który przeglądasz, służy do ustawień wtyczki. Kliknij WPForms » Wszystkie Formularze, a następnie edytuj formularz lub przejdź do WPForms » Dodaj nowy, aby uruchomić interfejs kreatora formularzy WPForms. Tam zobaczysz ekran podobny do powyższego zrzutu ekranu z zakładką Ustawienia. Te ustawienia są specyficzne dla tworzonego formularza.

      Admin

  21. Czy to ustawienie (wtyczka formularza) jest zalecane do tworzenia formularza z około 500 wpisami miesięcznie, gdzie użytkownicy przesyłają obrazy + dokonują płatności. Np. Teraz używam formularza kontaktowego 7 plus dodatku cc7 paypal do tworzenia formularza typu „prześlij swoje obrazy + zapłać”. Czy to jest zrównoważone, czy lepiej skorzystać z profesjonalnej usługi tworzenia formularzy?

  22. doskonały blog, bardzo bogaty w treść i poprawnie przemyślany, osobiście znalazłem

    tutaj wiele interesujących i użytecznych rzeczy... Cóż! daj znać mojemu przyjacielowi również.

  23. Postępowałem zgodnie z tym samouczkiem i formularz kontaktowy działa. Ale kiedy próbowałem wysłać przez niego testowy e-mail na adres e-mail mojego bloga z mojego osobistego, nie dotarł do mnie. Czy masz jakieś rady, jak mogę to naprawić?

  24. Nie mogę dodać formularza kontaktowego jako bocznego paska. Już utworzyłem formularz za pomocą WPforms, dodałem go do widżetów WordPress (Wygląd-widżety), ale nie mogę zobaczyć formularza na stronie (ale widzę tytuł formularza w obszarze widżetów bocznego paska). Próbowałem kilka razy, jestem sfrustrowany, czy możesz pomóc?
    FYI, używam live composure i kreatora stron beaver do projektowania strony.

    Z góry dziękuję

  25. Cześć! stworzyłem formularz i połączyłem stronę – działa świetnie! ale… kiedy robię test i klikam wyślij, dostaję to:

    Jak mogę to naprawić?
    Dzięki,
    Kathy

  26. Witam,

    Z jakiegoś powodu skrócony kod nie działa, a przycisk „dodaj formularz” również nie działa. Pokazuje mi tylko skrócony kod zarówno w „tekście”, jak i „wizualnym”. Co robię źle?

    Pytam, ponieważ użyłem sugerowanego pluginu.

    • Spróbuj dezaktywować wszystkie inne wtyczki WordPress na swojej stronie, a następnie przetestuj. Jeśli zadziała, prawdopodobnie wtyczka na Twojej stronie powoduje konflikt.

      Admin

  27. Jak długo trwa działanie wtyczki kontaktowej wpforms? Skonfigurowałem ją na mojej stronie WordPress i wysyłanie wydaje się działać, a wiadomość zwrotna pojawiła się zgodnie z oczekiwaniami. Testowałem ją 3 razy (ostatni godzinę temu) i nadal nie otrzymałem żadnych powiadomień. Najpierw próbowałem na adres administratora, a potem zmieniłem na mój zwykły adres e-mail. 0-3 zostały otrzymane. Sprawdziłem folder spam.

  28. Jak mogę używać tego samego formularza, ale automatycznie wiedzieć, z której strony pochodzi? Chcę zaprojektować prosty formularz i stworzyć kilka niestandardowych dla każdej strony, na której go umieszczę. Wolałbym, żeby po prostu wysyłał mi e-mail i gdzieś informował mnie „pochodzi ze strony kontaktowej” lub „zapytanie pochodzi ze strony z cennikiem”.

  29. Witaj, dziękuję za post. Czy jest sposób na zmianę koloru czcionki? Czcionka jest czarna, a nasza strona internetowa, więc nie widać słów.
    Dzięki

  30. Jestem zupełnie nowy w blogowaniu, a ten przewodnik jest fantastyczny! Dziękuję. Mam kilka dodatkowych pytań:

    – Jeśli wpiszę niestandardowy adres e-mail, czy mogę odpowiedzieć na zapytanie za pośrednictwem mojej strony internetowej? Jeśli tak, to jak?
    – Czy jest jakiś sposób, aby zmienić czcionkę formularza, aby lepiej pasowała do motywu mojej strony internetowej? Myślę, że może po prostu chcę usunąć pogrubienie tytułu i nagłówków pól.

    Dzięki

    Neil

  31. Po skonfigurowaniu formularza kontaktowego (tak, dodałem adres e-mail do powiadomień) nie otrzymuję żadnych powiadomień. Miałem problemy z Contact Form 7, więc teraz próbuję WPForms i pokazuje ten sam problem! Jak sprawić, by WPForms działało? Dzięki.

  32. Od: nazwa domeny [mailto:info@nazwa domeny]
    Wysłano: niedziela, 15 maja 2016 04:53
    Do: info@nazwa domeny
    Temat: Kontakt z nazwa domeny

    Imię : XYZ
    Email :xyz@gmail.com
    Wiadomość :To jest testowy email

    Cześć,
    kiedy użyłem krótkiego kodu formularza kontaktowego i wysłałem testowego e-maila, otrzymałem e-mail z pierwszym akapitem. Nie potrzebuję tej informacji, czy możesz pomóc, jak mogę to zatrzymać?

  33. Zainstalowałem. Wypełniłem informacje w formularzu, aby go przetestować i kliknąłem „wyślij”. Pojawił się komunikat „Dziękujemy, skontaktujemy się z Tobą”. I nigdzie nie pojawiło się to w poczcie. Gdzie zobaczyć te informacje???

      • Skonfigurowałem pocztę e-mail za pomocą panelu sterowania GoDaddy. Czy to samo dotyczy WordPressa? Czy muszę ustawić inny adres e-mail administratora w WordPressie? Proszę o wskazówki.

        Jednakże uwzględniłem wszystkie adresy e-mail w ustawieniach powiadomień oddzielonych przecinkami (identyfikator Cpannel i osobisty identyfikator gmail)

        Ale nigdzie nie otrzymałem żadnej wiadomości e-mail dotyczącej informacji, które wypełniłem w formularzu kontaktowym w celach testowych.

        Ponadto, przeszedłem przez link „jak naprawić problem z wysyłaniem e-maili przez WordPress” i zainstalowałem Gmail SMTP, ale to również nie zadziałało. Próbowałem rozwiązać problem, konfigurując port 587 (z szyfrowaniem TLS), 465 (z szyfrowaniem SSL). 25 z TLS, a następnie SSL. Nic nie zadziałało.

  34. Cześć,
    To wszystko wygląda bardzo pomocnie, ale kiedy chcę z tego skorzystać, nie mogę tego znaleźć na mojej stronie administracyjnej. Chciałam utworzyć formularz kontaktowy, ale nie mogę znaleźć sposobu na dodanie nowego wtyczki. Czy te wskazówki i sugestie są tylko dla osób, które mają bloga WordPress hostowanego samodzielnie?

  35. Dziękuję bardzo. Jestem nowy w blogowaniu, a Twoje informacje krok po kroku były łatwe do zrozumienia i po raz pierwszy zainstalowałem mój wtyczkę kontaktową.

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ę.