Każda strona internetowa potrzebuje formularza kontaktowego. Niezależnie od tego, czy sprzedajesz produkty lub usługi, czy prowadzisz blog informacyjny, Twoja witryna musi mieć łatwy sposób na skontaktowanie się z Tobą. Tutaj przydaje się formularz kontaktowy!

W tym poście dowiesz się, jak zbudować własny formularz kontaktowy i dodać go do swojej witryny WordPress. Wszystko bez dotykania jednej linii kodu, w mniej niż 5 minut. I całkowicie za darmo.

Będziemy to robić za pomocą Forminatora, najprostszej wtyczki do tworzenia formularzy dla WordPressa.

Wolisz film zamiast? Mamy wszystko pod kontrolą.

Teraz, zanim zaczniemy…

Po co w ogóle mieć Formularz kontaktowy?

  1. Mogą działać jako łatwy pierwszy punkt kontaktu między tobą a Twoimi klientami / czytelnikami.
  2. Użytkownicy w sieci mają bardzo krótki zakres uwagi, a formularze kontaktowe są szybkim i łatwym sposobem na skontaktowanie się z Tobą.
  3. Pomagają zmniejszyć spam, ponieważ twój adres e-mail nie jest publicznie ujawniany. Blokuje spamerom zbieranie twojego adresu e-mail przez boty.
  4. Możesz zdefiniować pola wejściowe w formularzu kontaktowym, kontrolując w ten sposób rodzaj informacji otrzymywanych od użytkowników i upewniając się, że są one spójne we wszystkich otrzymanych wpisach.
  5. Są najlepszym i najbardziej opłacalnym sposobem generowania potencjalnych klientów.

“74% marketerów używa formularzy internetowych do generowania leadów, a 49,7% marketerów twierdzi, że formularze internetowe są ich najwyższym narzędziem do generowania leadów.”
– Raport HubSpot

Wystarczająco przekonujące? Przejdźmy teraz do bardziej praktycznych rzeczy!

Krok 1: Instalacja Forminatora

Najpierw zainstalujmy Forminator, przechodząc do Panel WordPress > Wtyczki > Dodaj Nowe Wtyczki. Szukaj Forminator tutaj Kliknij Zainstaluj Teraz przycisk i czekać na to, aby zakończyć. Po zakończeniu naciśnij przycisk Aktywuj guzik.

Uwaga: Jeśli wolisz ręczne niż automatyczne, Możesz również pobrać Forminator bezpośrednio z repo WordPress i przesłać go do swojej witryny.

Członkowie WPMU DEV mogą również szybko zainstalować Forminator Pro za pośrednictwem Pulpitu DEV WPMU.

Krok 2: Tworzenie Formularza Kontaktowego

Teraz, gdy zainstalowaliśmy i aktywowaliśmy Forminator, nadszedł czas, aby utworzyć formularz kontaktowy.

Aby to zrobić, przejdź do Forminator > Formularze i naciśnij niebieski Utwórz guzik. Alternatywnie można to zrobić bezpośrednio za pomocą Pulpitu Nawigacyjnego Forminatora.

Po kliknięciu na Utwórz przycisk, pojawi się okienko, w którym należy wprowadzić nazwę nowego formularza. Zachowaj go w pamięci, abyś mógł go później przypomnieć. Nie martw się, w razie potrzeby możesz zmienić nazwę formularza później.

Po wpisaniu nazwy formularza naciśnij niebieski Utwórz znowu guzik.

Twój nowy formularz został utworzony. Każdy formularz w Forminatorze zawiera 4 domyślne pola wejściowe: Imię, Adres E-Mail, Numer Telefonu, oraz Wiadomość. Te pola wejściowe są wystarczająco dobre dla podstawowego formularza kontaktowego, więc jesteśmy tuż przy przycisku tutaj.

Na Imię oraz Adres E-Mail pola są domyślnie oznaczone jako wymagane. Jest to podświetlone czerwoną gwiazdką ( * ) obok nich.

Możesz ustawić, czy pole wejściowe jest Wymagane lub Opcjonalne. Ustawmy Wiadomość pole jako Wymagane tak, że formularz Nie przesłać, jeśli jest pusty przez użytkownika.

Aby to zrobić, kliknij na Wiadomość pola, a następnie w wyskakującym okienku udać się do jego Ustawienia tab. Poniżej wybierz Wymagane opcja. Po wybraniu dodatkowego Komunikat o błędzie opcja otworzy się pod spodem. Tutaj możesz wprowadzić komunikat o błędzie, który użytkownik widzi, jeśli pozostawi to pole puste.

Zapisz zmiany i przejrzyj formularz, aby upewnić się, że wygląda idealnie.

Zakończyłeś konfigurację układu formularza. Nadszedł czas, aby przejść do jego ustawień.

Krok 3: Konfigurowanie ustawień wyglądu i zachowania formularza

Forminator pozwala również edytować i konfigurować wygląd formularza w najdrobniejszych szczegółach.

Pod Wygląd ustawienia, możesz ustawić różne parametry, takie jak styl formularza, kolor, czcionki, paddingi, obramowania i style paginacji, jeśli takie istnieją. Dodatkowo możesz dodać tutaj dowolne niestandardowe style CSS w celu Zaawansowanego dostosowywania.

Podobnie, Zachowanie ustawienia pozwalają ustawić, co dzieje się po przesłaniu formularza. Możesz ukryć formularz, wyświetlić niestandardową wiadomość lub przekierować użytkowników na inną stronę.

Dla tego podstawowego formularza kontaktowego możemy pozostawić domyślne Wygląd oraz Zachowanie ustawienia jak jest.

Krok 4: Ustawienie Ustawień Powiadomień E-Mail

Forminator pozwala również skonfigurować i wysyłać automatyczne wiadomości e-mail do użytkowników, którzy wypełnili formularz i/lub do ciebie (administratora). Oba te e-maile można w pełni dostosować za pomocą tematu, tekstu itp.

Możesz nawet dołączyć dane pól formularza do tych wiadomości e-mail za pomocą poręcznych skrótów.

Za pomocą zaawansowanych ustawień dostarczania wiadomości e-mail możesz skonfigurować imię i nazwisko nadawcy wiadomości e-mail, adres odpowiedzi oraz wszelkie adresy CC/BCC.

Gdy skończysz z Powiadomienia E-Mail ustawienia, nadszedł czas, aby uderzyć w niebieski Publikuj przycisk w prawym górnym rogu.

Pojawi się okienko zawierające skrócony kod nowego formularza. Możesz skopiować to, aby osadzić formularz w widżecie, szablonie lub stronie (jeśli używasz klasycznego edytora WordPress). Inaczej możesz to teraz zignorować.

Gratulacje, właśnie stworzyłeś formularz kontaktowy.

Krok 5: dodanie formularza do witryny

Nadszedł czas, aby dodać formularz kontaktowy, który właśnie stworzyłeś do swojej witryny. Strona kontaktowa jest najbardziej odpowiednim miejscem do dodania tego formularza.

Przejdźmy więc do edytora naszej strony kontaktowej, kliknij Dodaj Blok przycisk i włóż Formularz blokuj z listy. Po włożeniu wystarczy wybrać formularz z rozwijanej listy, a zostanie on automatycznie wstawiony.

Po zakończeniu, Aktualizacja lub Publikuj strona. Przejdź do strony kontaktowej, aby potwierdzić, że wygląda i zachowuje się prawidłowo.

I to wszystko! Teraz wiesz, jak zbudować własny prosty formularz kontaktowy w WordPress.

Możesz budować na tym i przenieść swoją formę na wyższy poziom. Forminator jest całkowicie rozszerzalny, co pozwala na dowolne rozszerzanie funkcji formularza.

Przeglądanie zgłoszeń i dodawanie integracji stron trzecich

Forminator przechowuje wszystkie przesłane formularze w łatwo dostępnej bazie danych. Tutaj możesz przeglądać/zarządzać / eksportować wszystkie otrzymane zgłoszenia.

Jeśli chcesz połączyć formularz z aplikacjami innych firm, Forminator obsługuje również integrację z ulubionymi aplikacjami, takimi jak MailChimp, Zapier, Trello, AWeber, Slack, ActiveCampaign, Arkusze Google i Monitor kampanii.

Jeśli chcesz dowiedzieć się więcej o tym, jak działają integracje, dokumenty Forminator są doskonałym miejscem do rozpoczęcia.

Dodatkowe Kredyty: Inne Uwagi

I to nie wszystko, co robi Forminator. Możesz ustawić reCAPTCHA, aby zmniejszyć liczbę spamu, dostosować formularz kontaktowy do RODO, przeprojektować układ i styl formularza do najdrobniejszych szczegółów i wiele, wiele więcej!

Chcesz jeszcze więcej? Wersja Pro forminatora jest pełna dodatkowych funkcji, które zaimponują Ci jeszcze bardziej. Nie zapomnijcie też przejrzeć naszego planu, aby poznać niesamowite aktualizacje, które przygotowaliśmy w najbliższej przyszłości.

Łatwe potężne formularze dla wszystkich

Stworzyliśmy Forminator z myślą o jednym celu: być najłatwiejszą, ale najbardziej bogatą w funkcje wtyczką do formularzy dla WordPressa. Niezależnie od tego, czy chcesz stworzyć prosty formularz kontaktowy, czy złożony formularz zamówienia z pobraniem płatności, Forminator bez problemu poradzi sobie z nimi wszystkimi.

Dzięki Forminator możesz rozpocząć tworzenie formularzy w ciągu kilku minut. Nie jest wymagana żadna wiedza o kodowaniu!

Więc na co czekasz? Nowe możliwości czekają. Zacznij!

Próbowałeś już Forminatora? Czy masz jeszcze jakieś pytania dotyczące tego, jak dodać formularz kontaktowy do swojej witryny WordPress? Daj nam znać w komentarzach poniżej. Chętnie pomożemy!

Tagi:

You May Also Like

Jak naprawić nieprawidłowy błąd JSON w WordPress (Przewodnik dla początkujących)

W artykule: Co powoduje błąd “nieprawidłowa odpowiedź JSON” w WordPress?1. Sprawdź adresy…

Jak naprawić błąd krytyczny w WordPress (krok po kroku)

W artykule: Co To jest błąd krytyczny w WordPress?Co powoduje krytyczny błąd…

Jak zmienić kolor linku w WordPress (poradnik dla początkujących)

W artykule: Dlaczego Linki Są Ważne?Jak dodawać linki w postach i stronach…

9 Najlepsze Darmowe Wtyczki WordPress Author Bio Box

W artykule: 1. Simple Author Box2. Branda3. Autor postu WP4. Author Bio…