Jak utworzyć formularz kontaktowy w WordPressie bez kodowania
Chcesz dodać formularz kontaktowy do swojej witryny WordPress, ale nie wiesz, jak kodować? Jesteś we właściwym miejscu. W tym przewodniku krok po kroku dowiesz się, jak to zrobić. stwórz profesjonalny formularz kontaktowy w WordPressie bez pisania ani jednej linijki kodu—i zajmie Ci to mniej niż 5 minut.
Niezależnie od tego, czy jesteś blogerem, właścicielem małej firmy, czy budujesz swoją pierwszą stronę internetową, posiadanie formularza kontaktowego jest niezbędne. Pozwala on odwiedzającym łatwo się z Tobą skontaktować, pomaga Ci pozyskiwać potencjalnych klientów i wygląda o wiele bardziej profesjonalnie niż po prostu podanie adresu e-mail.
Dlaczego każda witryna WordPress potrzebuje formularza kontaktowego
Zanim przejdziemy do samouczka, wyjaśnijmy, dlaczego formularz kontaktowy jest tak ważny:
- Chroni Twoją pocztę e-mail przed spamem – Publiczne publikowanie adresu e-mail powoduje, że boty spamowe zalewają Twoją skrzynkę odbiorczą
- Wygląda profesjonalnie – Dobrze zaprojektowany formularz buduje zaufanie odwiedzających
- Gromadzi ustrukturyzowane informacje – Uzyskaj potrzebne dane (imię, adres e-mail, wiadomość) w uporządkowanym formacie
- Śledzi zapytania – Przechowuj zgłoszenia w panelu WordPress zamiast tracić je w wiadomościach e-mail
- Przyjazne dla urządzeń mobilnych doświadczenie – Formularze działają doskonale na telefonach i tabletach
Co będziesz potrzebował
Aby skorzystać z tego samouczka, będziesz potrzebować:
- Witryna WordPress (samodzielnie hostowana na WordPress.org)
- Dostęp administratora do instalacji wtyczek
- 5 minut twojego czasu
To wszystko! Nie potrzeba wiedzy programistycznej, doświadczenia technicznego ani płatnych narzędzi.
Krok 1: Zainstaluj Auto Form Builder (bezpłatna wtyczka)
Użyjemy Automatyczny kreator formularzy (znany również jako A.F.B.)—darmowy, lekka wtyczka WordPress z wizualnym interfejsem „przeciągnij i upuść”. Idealny dla początkujących, ponieważ nie wymaga nauki.
Oto jak zainstalować:
- Zaloguj się do panelu administratora WordPress
- Iść do Wtyczki → Dodaj nowy
- Szukać "A.F.B.(skrócona nazwa Auto Form Builder)
- Szukać "AFB – Automatyczny kreator formularzy – Kreator formularzy typu „przeciągnij i upuść”"
- Kliknij zainstaluj teraz, następnie Aktywuj
💡 Wskazówka: Najszybszym sposobem znalezienia wtyczki w repozytorium WordPress jest wyszukanie „AFB”.
Po aktywacji zobaczysz „Automatyczny kreator formularzy” w menu administratora WordPressa. To wszystko – możesz utworzyć swój pierwszy formularz!
Krok 2: Utwórz nowy formularz kontaktowy
Teraz utwórzmy Twój formularz kontaktowy:
- Kliknij Automatyczny kreator formularzy w menu administratora
- Kliknij Utwórz nowy formularz
- Zobaczysz ekran wyboru szablonu — wybierz Formularz kontaktowy
Auto Form Builder zawiera gotowy szablon formularza kontaktowego, który zawiera:
- Pole pełnego imienia i nazwiska
- Pole adresu e-mail
- Pole numeru telefonu (opcjonalne)
- Pole wiadomości
Szablon jest gotowy do użycia od razu, ale możesz go dostosować według własnych upodobań.
Krok 3: Dostosuj pola formularza (opcjonalnie)
Chcesz dodać lub zmodyfikować pola? Kreator „przeciągnij i upuść” ułatwia to zadanie:
Dodawanie nowych pól
Na pasku bocznym po lewej stronie zobaczysz dostępne typy pól. Po prostu przeciągnij dowolne pole na płótnie formularza:
- Wprowadzanie tekstu – W przypadku krótkich odpowiedzi, takich jak imię i nazwisko lub temat
- Email – Automatycznie weryfikuje adresy e-mail
- Phone – W przypadku numerów telefonów z opcjonalnym formatowaniem
- Obszar tekstowy – W przypadku dłuższych wiadomości
- Dropdown – Pozwól użytkownikom wybierać spośród opcji (takich jak „Powód kontaktu”)
- pole wyboru – W przypadku pól zgody lub wielokrotnego wyboru
Edycja ustawień pola
Kliknij dowolne pole, aby je dostosować:
- Zmienić etykieta (np. „Twoje imię” zamiast „Imię i nazwisko”)
- Dodaj tekst zastępczy aby kierować użytkownikami
- Utwórz pola wymagany lub opcjonalnie
- Dodaj Tekst pomocy poniżej pól
Zmiana kolejności pól
Po prostu przeciągnij pola w górę lub w dół aby zmienić ich kolejność. Kreator wizualny pokazuje dokładnie, jak będzie wyglądał Twój formularz.
Krok 4: Skonfiguruj ustawienia formularza
Kliknij ikonę Ustawienia Karta, aby skonfigurować, co się stanie, gdy ktoś wyśle Twój formularz:
Wiadomość o sukcesie
Dostosuj wiadomość, którą użytkownicy zobaczą po wysłaniu. Na przykład:
Dziękujemy za kontakt! Odezwiemy się do Ciebie w ciągu 24 godzin.
powiadomienia e-mailowe
Otrzymuj natychmiastowe powiadomienia, gdy ktoś wypełni Twój formularz:
- umożliwiać powiadomienia e-mailowe
- Wpisz swój adres e-mail (lub kilka adresów e-mail rozdzielonych przecinkami)
- Dostosuj temat wiadomości e-mail
Każde zgłoszenie zostanie wysłane bezpośrednio do Twojej skrzynki odbiorczej i będzie również bezpiecznie przechowywane w Twoim panelu WordPress.
Krok 5: Nadaj styl formularzowi (opcjonalnie)
Chcesz, aby Twój formularz pasował do projektu Twojej witryny? Kliknij kartę „Dostosuj”, aby go dostosować:
- Kolory – Zmień kolory przycisków, tła i tekst
- Granice – Dostosuj granice pola i promień narożnika
- Rozstaw zębów – Kontrola wypełnienia i marginesów
- Przycisk – Dostosuj tekst i wygląd przycisku „Wyślij”
Formularze Auto Form Builder są zaprojektowane tak, aby świetnie prezentowały się w każdym motywie, dlatego ich stylizacja jest całkowicie opcjonalna.
Krok 6: Zapisz i pobierz swój krótki kod
Gdy już będziesz zadowolony ze swojego formularza:
- Nadaj formularzowi nazwę (np. „Formularz kontaktowy”)
- Kliknij Zapisz formularz
- Skopiuj krótki kod wystawiany
Krok 7: Dodaj formularz kontaktowy do swojej strony
Teraz wyświetlmy Twój formularz na Twojej stronie internetowej:
Opcja A: Dodaj do istniejącej strony
- Iść do O Nas i edytuj swoją stronę kontaktową
- Wklej krótki kod w miejscu, w którym ma się pojawić formularz
- Kliknij Aktualizacja
Opcja B: Utwórz nową stronę kontaktową
- Iść do Strony → Dodaj nową
- Nadaj mu tytuł „Kontakt” lub „Skontaktuj się z nami”
- Jeśli chcesz, dodaj tekst wprowadzający
- Wklej krótki kod
- Kliknij Publikować
Odwiedź naszą stronę, aby zobaczyć jak działa nasz nowy, piękny formularz kontaktowy!
Krok 8: Przetestuj swój formularz kontaktowy
Zanim opublikujesz swój nowy formularz, przetestuj go:
- Odwiedź swoją stronę kontaktową
- Wypełnij formularz informacjami testowymi
- Kliknij Prześlij
- Sprawdź, czy widzisz komunikat o powodzeniu
- Sprawdź swoją skrzynkę e-mail, aby otrzymać powiadomienie
- W WordPressie przejdź do Automatyczny kreator formularzy → Zgłoszenia aby zobaczyć zapisany wpis
Jeśli wszystko działa, gratulacje — Twój formularz kontaktowy jest już aktywny!
Zarządzanie zgłoszeniami w formularzu kontaktowym
Jedną z najlepszych funkcji programu Auto Form Builder jest wbudowana zarządzanie zgłoszeniamiW przeciwieństwie do niektórych wtyczek formularzy, które służą wyłącznie do wysyłania wiadomości e-mail, każde przesłanie jest przechowywane w bazie danych WordPress.
Iść do Automatyczny kreator formularzy → Zgłoszenia do:
- Zobacz wszystkie zgłoszenia w przeszukiwalnej tabeli
- Filtruj według daty – Dzisiaj, w tym tygodniu, w tym miesiącu, itd.
- Wyszukaj zgłoszenia – Znajdź konkretne wiadomości natychmiast
- Oznacz jako przeczytane/nieprzeczytane – Śledź, które zapytania zostały obsłużone
- Oznacz ważne wiadomości gwiazdką – Oznacz kontakty o wysokim priorytecie
- Eksportuj do CSV – Pobierz swoje dane do arkuszy kalkulacyjnych lub do tworzenia kopii zapasowych
Oznacza to, że nigdy nie stracisz zapytania klienta, nawet jeśli wiadomości e-mail nie zostaną dostarczone.
Dlaczego Auto Form Builder jest idealny dla formularzy kontaktowych
Dostępnych jest wiele wtyczek do formularzy WordPress, ale oto dlaczego Auto Form Builder wyróżnia się w tworzeniu formularzy kontaktowych:
| Cecha | Automatyczny kreator formularzy |
|---|---|
| Cena | ✅ Bezpłatnie |
| Kreator przeciągnij i upuść | ✅ Tak |
| Gotowy szablon formularza kontaktowego | ✅ Tak |
| Powiadomienia e-mailowe | ✅ Tak |
| Przechowywanie przesyłek | ✅ Tak (w WordPressie) |
| Komórka reaguje | ✅ Tak |
| Nie wymaga kodowania | ✅ Tak |
| Lekki i szybki | ✅ Tak |
| Zgodność z RODO (dane na Twoim serwerze) | ✅ Tak |
| Eksportuj zgłoszenia | ✅ CSV, JSON, XML |
| Logika warunkowa | ✅ Tak |
Najczęściej zadawane pytania
Czy formularz będzie działał z moim motywem WordPress?
Tak. Auto Form Builder jest zaprojektowany do współpracy z dowolnym motywem WordPress.
Czy mogę otrzymywać wypełnione formularze pocztą elektroniczną?
Oczywiście. Włącz powiadomienia e-mail w ustawieniach formularza, a otrzymasz wiadomość e-mail za każdym razem, gdy ktoś prześle Twój formularz. Wysłane dane są również przechowywane w panelu WordPress jako kopia zapasowa.
Czy formularz kontaktowy jest dostosowany do urządzeń mobilnych?
Tak. Wszystkie formularze utworzone za pomocą Auto Form Builder są w pełni responsywne i świetnie wyglądają na telefonach, tabletach i komputerach stacjonarnych.
Jak chronić swój formularz przed spamem?
Auto Form Builder oferuje dodatki chroniące przed spamem, m.in. Google reCAPTCHA i Cloudflare Turnstile.
Następne kroki
Teraz, gdy masz już formularz kontaktowy na swojej stronie WordPress, rozważ następujące usprawnienia:
- Dodaj swój formularz kontaktowy do stopki – Uczyń go dostępnym z każdej strony
- Utwórz formularz opinii – Zbieraj opinie i referencje klientów
- Utwórz formularz zapisu do newslettera – Powiększ swoją listę e-mailową
- Dodaj ochronę przed spamem – Włącz reCAPTCHA dla witryn o dużym ruchu
Wniosek
Stworzenie formularza kontaktowego w WordPressie nie wymaga żadnych umiejętności kodowania. Dzięki Automatyczny kreator formularzyMożesz utworzyć profesjonalny, dostosowany do urządzeń mobilnych formularz kontaktowy w mniej niż 5 minut — całkowicie za darmo.
Interfejs „przeciągnij i upuść” ułatwia pracę początkującym, a wbudowany system zarządzania zgłoszeniami gwarantuje, że nigdy nie przegapisz zapytania klienta. Co więcej, wszystkie Twoje dane są bezpiecznie przechowywane na Twoim własnym serwerze WordPress.
Gotowy utworzyć formularz kontaktowy? Pobierz Auto Form Builder z repozytorium wtyczek WordPress i zacznij już dziś.
