Jak dodać formularz kontaktowy i stronę na WordPress? (Łatwy przewodnik)

Zastanawiasz się, jak dodać formularz kontaktowy w WordPressie? A może chcesz dowiedzieć się, jak dodać stronę kontaktową na WordPress? Jeśli tak, to ten przewodnik jest dla Ciebie.

W przypadku serwisów niezbędna jest strona kontaktowa z formularzem kontaktowym. Dodanie formularza kontaktowego umożliwia odwiedzającym łatwe łączenie się i interakcję z Twoją witryną. Pomaga to również odwiedzającym rozwiać wątpliwości i pytania dotyczące Twoich usług lub produktów. Może to poprawić zarówno interakcję, jak i konwersję w Twojej witrynie.

Poza tym możesz zbierać adresy e-mail odwiedzających za pomocą formularza kontaktowego. Dzięki zebranym informacjom możesz aktualizować klientów o produktach/usługach, kampaniach, nowościach itp. W związku z tym pomaga rozwijać silne relacje z klientami.

Powiedziawszy to, możesz się zastanawiać, czy łatwo jest tworzyć formularze kontaktowe dla swojej witryny WordPress, czy nie. Aby Ci pomóc, przygotowaliśmy dla Ciebie prosty przewodnik, jak dodać formularz kontaktowy w WordPressie.

Więc zacznijmy!

Dlaczego potrzebujesz formularza kontaktowego i strony w swojej witrynie?

Zanim przejdziemy do kroków, aby dodać formularz kontaktowy, omówmy powody, dla których jest on potrzebny w witrynie.

• Dostępność: Korzystając z formularzy kontaktowych, odwiedzający mogą łatwo dotrzeć do Twojej witryny. Ponieważ nie wszyscy klienci będą sprawdzać pocztę e-mail lub platformę społecznościową tylko po to, aby skontaktować się z Twoją witryną.
• Łatwe zbieranie informacji: Możesz wprowadzić obowiązek wypełnienia niektórych informacji. Z łatwością uzyskasz wymagane informacje od odwiedzających, takie jak imię i nazwisko, dane kontaktowe itp. Ponieważ nie można ich zebrać za pomocą starej metody, dodając tylko swój adres e-mail adres na stronie.
• Ochrona przed spamem: chroni Cię przed spamem, który jest bólem karku. Dodanie adresu e-mail nie jest skuteczną metodą narażania go na spamerów i mogą oni z łatwością wysyłać wiadomości spamowe. Dlatego, aby uniknąć irytujących robotów spamujących, korzystaj z formularzy kontaktowych, aby umożliwić odwiedzającym skontaktowanie się z Tobą.
• Kontrola nad informacjami: Możesz mieć pełną kontrolę nad informacjami gromadzonymi za pomocą formularzy kontaktowych za pośrednictwem swojej witryny. Zamiast wymieniać wiele e-maili, co jest kłopotliwe zarówno dla użytkowników, jak i właścicieli witryn.
• Uporządkowane informacje: otrzymasz uporządkowane informacje, ponieważ większość formularzy kontaktowych zawiera wiersze tematu, imię i nazwisko odbiorcy, wiadomość itp.

Powiedziawszy to, teraz chodźmy i zobaczmy, jak zrobić formularz kontaktowy i stronę kontaktową w WordPress.

Jaki jest najlepszy sposób na dodanie formularza kontaktowego w WordPressie?

Jak już wiemy o znaczeniu posiadania formularza kontaktowego w WordPressie. Teraz musimy również wymyślić najlepszy sposób na stworzenie formularza kontaktowego na stronie internetowej. Porozmawiajmy więc o różnych sposobach dodawania formularzy kontaktowych.

Ogólnie rzecz biorąc, programiści mogą sami zakodować, aby utworzyć formularz kontaktowy na swojej stronie internetowej. To jeden ze sposobów na posiadanie formularza kontaktowego. Ale nie każdy, kto chce mieć stronę internetową, ma umiejętności kodowania.

Na szczęście w WordPressie nie ma potrzeby kodowania! Istnieje wiele łatwych w użyciu wtyczek, które pomagają w bardzo szybkim i bardzo łatwym tworzeniu formularzy kontaktowych. Co najważniejsze, większość z nich jest dostępna bezpłatnie.

Oto niektóre z najlepszych wtyczek formularzy kontaktowych WordPress, których możesz użyć:

1. Formularze WP

WPForms to przyjazna dla początkujących wtyczka do tworzenia formularzy WordPress. Pozwala tworzyć niesamowite formy bez umiejętności kodowania. Ta wtyczka zapewnia gotowe szablony różnych typów formularzy, aby bez wysiłku rozpocząć zadanie. Dzięki temu możesz łatwo tworzyć dowolne formularze, takie jak formularze kontaktowe, formularze zwrotne, formularze subskrypcji, formularze płatności itp.

Cennik:

Chociaż wtyczka WPForms jest bezpłatna i można ją pobrać z WordPress.org, możesz uaktualnić do wersji premium. Wersja premium jest podana jako:

• Plan podstawowy: 31,60 USD/rok
• Plan Plus: 79,60 USD/rok
• Plan Pro: 159,60 USD/rok
• Plan elitarny: 239,60 USD/rok

2. Formularz kontaktowy 7

Contact Form 7 to najpopularniejsza darmowa wtyczka do formularzy kontaktowych WordPress z ponad 5 milionami aktywnych instalacji. Umożliwia łatwe tworzenie i zarządzanie wieloma formularzami kontaktowymi. Ponadto zawiera inne funkcje, takie jak CAPTCHA, integracja z filtrowaniem spamu Akismet i tak dalej.

Cennik:

Wtyczka Contact Form 7 jest całkowicie darmowa do użycia i pobrania z WordPress.org.

3. Formy ninja

Ninja Forms to kolejna wspaniała wtyczka do tworzenia pięknych formularzy WordPress. Możesz łatwo przeciągać i upuszczać różne pola formularzy do układów wierszy i kolumn. Wtyczka pomaga tworzyć nie tylko pojedyncze, ale także wielostronicowe formularze. Co więcej, umożliwia użytkownikom przesyłanie plików w dowolnym formacie, takim jak plik doc, pdf, arkusz Excela itp.

Cennik:

Wtyczka Ninja Forms zapewnia darmową wersję, której można używać z WordPress.org. Posiada również wersję premium. Plan cenowy wersji pro to:

• Plan osobisty: 49,50 $
• Plan profesjonalny: 99,50 USD
• Plan agencyjny: 249,50 $

Nasza rekomendacja – WPForms

Spośród wymienionych wtyczek wybraliśmy WPForms do tego samouczka.

Ponieważ WPForms jest najbardziej przyjazną dla użytkownika wtyczką do tworzenia dowolnego rodzaju formularza. Umożliwia także łatwe wstawianie formularzy do postów na blogu, stron, paska bocznego, widżetów, stopki i wielu innych.

Nie tylko to, ale możesz także otrzymywać natychmiastowe powiadomienia, gdy otrzymujesz formularz przesłany przez klientów.

Jak stworzyć formularz kontaktowy w WordPressie?

Tutaj przechodzimy krok po kroku przez proces tworzenia formularza kontaktowego w witrynie WordPress za pomocą wtyczki WPForms. Możesz także użyć dowolnego motywu WordPress dla swojej witryny. Tutaj użyjemy motywu Astry.

Sprawdźmy więc kroki podane poniżej:

Krok 1: Zainstaluj i aktywuj WPForms

Przede wszystkim zaloguj się do pulpitu nawigacyjnego swojej witryny WordPress. Następnie przejdź do menu Wtyczki i kliknij Dodaj nowy .

Następnie możesz zobaczyć pasek wyszukiwania w prawym górnym rogu pulpitu nawigacyjnego. Tam musisz wpisać „WPForms”, aby wyszukać wtyczkę do instalacji.

Po znalezieniu wtyczki kliknij przycisk Zainstaluj teraz .

Po zakończeniu instalacji zobaczysz przycisk Aktywuj . Kliknij go, aby sprawdzić, czy wtyczka działa.

Po aktywacji wtyczki możesz zobaczyć dodatkowe menu „WPForms ” na swoim pulpicie nawigacyjnym.

Krok 2: Utwórz formularz kontaktowy

Teraz będziesz mógł łatwo rozpocząć tworzenie formularza kontaktowego.

Przede wszystkim przejdź do menu WPForms i kliknij Dodaj nowy z pulpitu nawigacyjnego.

Po kliknięciu Dodaj nowy zostaniesz przekierowany na stronę konfiguracji . Możesz napisać nazwę swojego formularza przed jego utworzeniem. Tam możesz zobaczyć szablony i użyć ich do tworzenia różnego rodzaju formularzy. Możesz także utworzyć pusty formularz od podstaw.

Są więc 2 metody: użycie szablonu i stworzenie go od podstaw. Kroki dla każdej metody są podane poniżej. Teraz zacznijmy!

Metoda 1: Użyj szablonu

Oto kroki, aby utworzyć formularz kontaktowy za pomocą szablonu.

Po znalezieniu odpowiedniego szablonu, po najechaniu na niego, zobaczysz przycisk „Użyj szablonu ”. Kliknij na to. Lub przed użyciem szablonu wystarczy kliknąć przycisk „Wyświetl demo ”, aby zobaczyć, jak wygląda formularz.

Wybraliśmy szablon „Prosty formularz kontaktowy ”, aby pokazać Ci demo.

Po kliknięciu w szablon przejdziesz do edycji strony formularza. Tam możesz zobaczyć sekcję Pola po lewej stronie, aby dodać dowolne pola za pomocą menu "Dodaj pola" . Możesz zobaczyć standardowe pola i inne opcje pól, które można po prostu przeciągnąć, aby dodać pola w szablonie.

Możesz także dostosować zawartość dodanych pól, jak chcesz. W tym celu przejdź do menu „ Opcje pól ”, w którym możesz łatwo zmienić etykietę, formaty, opisy i tak dalej.

Metoda 2: Utwórz formularz od podstaw

Aby utworzyć formularz od podstaw, przejdź do sekcji „Pusty formularz” . Następnie najedź na niego i kliknij przycisk Utwórz pusty formularz .

Teraz zostaniesz przekierowany do sekcji edycji „Pustego formularza”. Możesz tam zobaczyć standardowe opcje pól w sekcji Pola , korzystając z menu „Dodaj pola ”.

Po prostu przeciągnij i upuść wymagane pola, które chcesz uwzględnić w formularzu, jak wyjaśniono w „Metoda 1: Użyj szablonu”. Możesz wstawić dowolne pole według własnego uznania. Ponadto edytuj zawartość pola w tym samym procesie, przechodząc do „ Opcje pola ”.

Usuń i zmień kolejność pól

Po dostosowaniu zawartości formularza za pomocą dowolnej z 2 metod, możesz również usunąć pole. Jeśli klikniesz dowolne pole, zobaczysz ikonę usuwania. Przejdź do ikony Usuń i kliknij przycisk „ OK ”, aby ją usunąć.

Ponadto, aby zmienić kolejność pola, kliknij określone pole, w którym znajduje się „ Przeciągnij, aby zmienić kolejność ”. Wystarczy je przeciągnąć, pola i ułożyć w żądanej kolejności.

Po zakończeniu edycji formularza kliknij przycisk Zapisz w prawym górnym rogu.

Krok 3: Skonfiguruj ustawienia formularza

Idąc dalej, następnym krokiem jest skonfigurowanie ustawień dla właśnie utworzonego formularza. Aby to zrobić, przejdź do sekcji Ustawienia po lewej stronie ekranu WPForms. Znajdziesz tam 3 opcje ustawień: Ogólne, Powiadomienie i Potwierdzenia. Ponieważ używamy darmowej wersji, inne opcje są dostępne tylko dla profesjonalnych użytkowników.

Teraz skonfigurujmy wszystkie 3 opcje.

Ogólny

Pierwsza z nich to Ustawienia ogólne . Tam możesz skonfigurować różne opcje, takie jak nazwa formularza, opis formularza, tekst przycisku przesyłania itp. Możesz dostosować te treści, jak chcesz. Przede wszystkim musisz „ Włączyć ochronę antyspamową ”, aby zapobiec spamowaniu i wiadomościom spamowym.

Poniżej możesz również skonfigurować zaawansowane sekcje, takie jak dodanie klasy CSS dla formularzy i przycisków itp. Możesz po prostu pozostawić ustawienia domyślne, ale nie zapomnij kliknąć przycisku Zapisz po ich skonfigurowaniu.

Powiadomienia

Powiadomienie umożliwia otrzymywanie alertów, gdy odwiedzający przesyłają swoje formularze. W tym ustawieniu możesz skonfigurować sposób otrzymywania e-maili lub wiadomości.

Domyślnie istnieją „ Włącz powiadomienia ”, ale możesz je wyłączyć, aby uniknąć powiadomień.

Pierwszym elementem do skonfigurowania jest „ Wyślij na adres e-mail ”. Istnieją już tagi inteligentne, które wykorzystują e-maile administratora z ustawień WordPressa. Możesz jednak dodać inne adresy e-mail odbiorców, używając przecinków .

Następny to „ Wiersz tematu wiadomości e-mail ”, który jest domyślnie napisany jako „Nowy wpis”, po którym następuje nazwa formularza. Ale używając tagów inteligentnych, możesz również dodać opcje pól.

Idąc dalej, możesz również dostosować zawartość Od nazwy . Podobnie opcja Od e-mail jest domyślnie ustawiona na adres e-mail administratora, ale możesz po prostu wpisać adres e-mail innego nadawcy.

Drugim elementem jest „ Adres e-mail odpowiedzi ”, który jest używany jako odbiorca wszelkich odpowiedzi. Dlatego lepiej ustawić element Od e-mail na własny adres e-mail lub adres e-mail administratora.

Ostatnim elementem jest wiadomość e-mail , która domyślnie zawiera wszystkie pola. Możesz jednak dostosować treść wiadomości e-mail.

Potwierdzenia

Potwierdzenia to ostatnia część konfiguracji. Tutaj możesz skonfigurować wiadomości potwierdzające dla odwiedzających, którzy przesłali swoje formularze.

Element Confirmation Type oferuje 3 opcje: wiadomość, pokaż stronę i przejdź do adresu URL.

Pierwszym z nich jest Wiadomość , która wyświetla się zaraz po przesłaniu formularza przez użytkownika. Możesz także dostosować treść wiadomości za pomocą elementu Wiadomość potwierdzająca .

Druga opcja to Pokaż stronę . W tej opcji możesz skierować odwiedzających, którzy przesłali formularz, do dowolnej strony internetowej Twojej witryny. Możesz wprowadzić nazwę strony ze strony potwierdzenia .

Ostatnią opcją jest Przejdź do adresu URL . Spowoduje to przekierowanie odwiedzających do dowolnego adresu URL wprowadzonego w polu adresu URL przekierowania potwierdzenia . Po prostu dodaj dowolny link do stron, które mają przekierować Twoi goście.

Krok 4: Zapisz swój formularz kontaktowy

Na koniec kliknij przycisk Podgląd , aby zobaczyć, jak formularz jest wyświetlany użytkownikom. Jeśli uważasz, że Twój formularz jest doskonały, po prostu kliknij przycisk Zapisz .

Jak dodać stronę kontaktową na WordPress?

Po zakończeniu tworzenia formularza przyjrzyjmy się, jak dodać formularz do swojej strony. Więc zacznijmy!

Krok 1: Utwórz nową stronę w swojej witrynie WordPress

Przede wszystkim musisz stworzyć nową stronę w swojej witrynie, aby dodać formularze. Przejdź do pulpitu nawigacyjnego, kliknij Strony i przejdź do Dodaj nowy , aby dodać nową stronę w swojej witrynie.

Następnie zostaniesz przeniesiony do sekcji edycji strony.

Krok 2: Dodaj swój formularz kontaktowy na stronie i opublikuj

Po utworzeniu nowej strony dodaj tytuł swojej strony, tak jak napisaliśmy: „Skontaktuj się z nami”. Teraz kliknij przycisk + w „Wpisz/lub wybierz blok”. Następnie zobaczysz pasek wyszukiwania, w którym musisz wpisać „WPForms”.

Po znalezieniu WPForms, kliknij je, a kreator WPForms pojawi się w twoim edytorze tekstu. Teraz kliknij „Wybierz formularz” , gdzie zobaczysz opcje utworzonych formularzy. Wybierz dowolny formularz, który chcesz osadzić na swojej stronie, a formularz pojawi się w edytorze tekstu.

Po dodaniu formularza do strony kliknij przycisk Opublikuj w prawym górnym rogu, aby opublikować swoją stronę kontaktową.

Krok 3: Wyświetl łącze do strony kontaktowej w swojej witrynie

Teraz, po opublikowaniu strony „Skontaktuj się z nami”, możesz nie widzieć linku do strony na swojej stronie głównej witryny. W tym celu musisz dodać link do strony „Skontaktuj się z nami” w widocznym miejscu, takim jak menu, stopka lub sekcja paska bocznego.

Przyjrzyjmy się więc, jak to dodać.

Dodawanie łącza do strony kontaktowej w menu

W tym celu zaloguj się do pulpitu nawigacyjnego, a następnie przejdź do Wygląd> Menu . Tam po prawej stronie zobaczysz Strukturę menu . Zawiera formularz do stworzenia nowego menu.

Ponieważ jest to menu nagłówkowe, musisz podać Nazwę Menu według własnego uznania, tutaj napisaliśmy „Menu główne”.

Następnie zaznacz „ Menu główne ”, które znajduje się w Ustawieniach menu . Następnie kliknij przycisk Utwórz menu .

Następnie zobaczysz sekcję Strona po lewej stronie, kliknij „Wyświetl wszystko”. Tam zobaczysz stronę Skontaktuj się z nami , którą niedawno opublikowałeś, po prostu zaznacz ją. Możesz także dodać niestandardowe łącza lub inne strony, które chcesz umieścić w swoim menu. Następnie kliknij przycisk Dodaj do menu .

Na koniec kliknij przycisk Zapisz menu po dodaniu strony kontaktowej w prawym dolnym rogu.

Teraz przejdź do przycisku "Zarządzaj z podglądem na żywo" u góry sekcji menu. Zostaniesz przekierowany do sekcji edycji na żywo.

Tutaj zobaczysz pozycję menu Skontaktuj się z nami w sekcji nagłówka. Jeśli klikniesz to menu, przejdziesz do linku strony Kontakt .

Dodawanie formularza kontaktowego na pasku bocznym

Teraz, po dodaniu łącza do strony kontaktowej w menu, możesz również chcieć umieścić formularz kontaktowy na pasku bocznym. Możesz to zrobić, pozostając na stronie zapisywania edycji na żywo.

Kliknij przycisk strzałki wstecz w menu . Zobaczysz kilka opcji, które można dostosować i edytować. Wystarczy kliknąć opcję Widget .

Teraz możesz zobaczyć główny pasek boczny , kliknij go.

Tam zobaczysz przycisk + , kliknij go i przeszukaj WPForms. Po znalezieniu kliknij widżet WPForms.

I wybierz formularz , który chcesz na pasku bocznym. Teraz wszystko gotowe.

Ponadto możesz przeciągnąć formularz kontaktowy na górę lub w dowolne miejsce, w którym chcesz go wyświetlić na pasku bocznym.

Dodawanie łącza do strony kontaktowej w stopce

Dodanie linku do strony kontaktowej w stopce jest podobne do tego w menu nagłówka. Przejdź do Wygląd i kliknij opcję Menu z pulpitu nawigacyjnego.

Tam możesz zobaczyć Strukturę Menu po prawej stronie. Podaj wybraną nazwę menu , chociaż napisaliśmy „Ważne linki”. Teraz zaznacz pole wyboru w menu stopki i kliknij menu Utwórz .

Przejdź do sekcji Strony i zaznacz stronę Skontaktuj się z nami i kliknij Dodaj do menu .

Możesz także dodać niestandardowe łącza lub inne strony internetowe do menu stopki. Następnie kliknij przycisk Zapisz menu . Następnie kliknij Zarządzaj z podglądem na żywo .

W sekcji stopki możesz zobaczyć ikonę Edytuj , kliknij ją, aby dodać menu stopki. Wystarczy kliknąć sekcję, w której chcesz wyświetlić swoje linki. Teraz wśród 3 wyświetlanych wierszy zobaczysz 1 wiersz i 1 kolumnę z napisem „Prawa autorskie”.

Możesz po prostu kliknąć sekcję Prawa autorskie . Po lewej stronie możesz zobaczyć kolumnę w sekcji Ogólne . Teraz kliknij kolumnę i ustaw ją na 2 kolumny. Wracając do sekcji stopki, możesz zobaczyć 2 kolumny.

Teraz kliknij drugą kolumnę, w której możesz zobaczyć przycisk + . Po kliknięciu zobaczysz kilka opcji. Wśród nich kliknij menu stopki , aby dodać linki. Następnie kliknij przycisk Ukryj , który znajduje się w prawym dolnym rogu. Teraz możesz zobaczyć link do swojej strony kontaktowej w stopce.

Po dodaniu linków do strony kontaktowej lub formularza kontaktowego nie zapomnij kliknąć przycisku Opublikuj , który znajduje się w lewym górnym rogu strony edycji na żywo.

Krok 4: Wyświetl swoją stronę kontaktową i przetestuj ją, aby sprawdzić, czy działa

Wreszcie Twój formularz kontaktowy i strona są gotowe. Ponadto dodałeś linki w menu nagłówka i stopki oraz wyświetliłeś formularz kontaktowy na pasku bocznym.

Teraz, aby zobaczyć, jak wygląda opublikowana strona, przejdź do pulpitu nawigacyjnego i kliknij Strony>Wszystkie strony . Teraz możesz zobaczyć stronę Skontaktuj się z nami , najedź na nią kursorem i kliknij Widok . Na poniższym obrazku widać, jak wygląda strona „Skontaktuj się z nami”.

Możesz także przetestować działanie swojego formularza kontaktowego. W tym celu wypełnij formularz i kliknij przycisk Prześlij . Następnie wyświetla wiadomość z podziękowaniem lub treść, którą dostosowałeś podczas tworzenia formularza.

W związku z tym skończyłeś z dodawaniem formularza kontaktowego i stron.

Wniosek

To wszystko ludzie! Doszliśmy do końca naszego artykułu.

Mamy nadzieję, że ten poradnik pomógł Ci nauczyć się dodawać formularz kontaktowy w WordPressie. Możesz łatwo utworzyć formularz kontaktowy i dodać go do swojej strony, postępując zgodnie z tym przewodnikiem krok po kroku. Jeśli jeszcze go nie utworzyłeś, postępuj zgodnie z naszym prostym przewodnikiem, aby utworzyć własny.

Jeśli masz więcej pytań dotyczących dodania formularza kontaktowego, skontaktuj się z nami. Skontaktujemy się z Tobą tak szybko, jak to możliwe. Podziel się również tym artykułem ze znajomymi i współpracownikami.

Może Ci się również spodobać nasz artykuł o tym, jak założyć bloga i jak dodać przyciski udostępniania w mediach społecznościowych do WordPressa.

Nie zapomnij śledzić nas na Facebooku i Twitterze, aby uzyskać więcej pomocnych artykułów.