Jak stworzyć podstawowy formularz kontaktowy w WordPressie

Rozwój witryny i biznesu wymaga generowania leadów. Najlepszym sposobem na to jest zbieranie e-maili za pośrednictwem formularza kontaktowego w Twojej witrynie. Aby to zrobić, musisz utworzyć formularz kontaktowy na swojej stronie WordPress. Oczywiście możesz poprosić programistę witryny o pomoc.

Warto jednak dowiedzieć się, jak to zrobić, aby stworzyć formę pasującą do wizerunku marki bez konieczności wydawania fortuny. Ten post przeprowadzi Cię krok po kroku przez proces tworzenia podstawowego formularza kontaktowego w WordPress.

Trzy najważniejsze powody, dla których warto skorzystać z formularza kontaktowego w witrynie WordPress

Kiedy znasz powód, aby coś mieć, będziesz zmotywowany, aby to zrobić. Po co więc tworzyć i wykorzystywać formularz kontaktowy na swojej stronie? Przyjrzyjmy się trzem najważniejszym powodom, dla których warto rozważyć umieszczenie formularza kontaktowego na swojej stronie.

• Zarządzaj danymi klientów

Biznes opiera się na danych i bez odpowiednich danych Twoja firma może nie wyrosnąć poza to, czym jest dzisiaj. Jednym z głównych sposobów uzyskania dostępu do danych klientów i odwiedzających witrynę jest kontakt z Tobą. Gdy masz formularz kontaktowy na swojej stronie, możesz poprosić o określone dane na ich temat.

Możesz zbierać ich adresy e-mail, numery telefonów i niektóre ważne informacje, które przydadzą się do celów marketingowych. Formularz kontaktowy pomaga również w filtrowaniu zapytań. Dzięki niemu wiesz, jakie pytanie zadać odwiedzającym i jak skierować pytanie do odpowiednich zespołów.

• Chroń swoją witrynę przed spamem e-mail

Spam e-mail jest szkodnikiem, a jeśli masz niezabezpieczony adres e-mail, jesteś dobrym celem dla spamerów. Za pomocą formularza kontaktowego zapobiegasz temu. Nie musisz publikować swojego adresu e-mail ani numeru telefonu w Internecie. Twoi goście mogą się z Tobą skontaktować poprzez formularz kontaktowy.

• Poinformuj odwiedzających witrynę

Oprócz zbierania informacji od odwiedzających witrynę, możesz również skorzystać z formularza kontaktowego, aby przekazać informacje swoim klientom. Kiedy skontaktują się z Tobą, możesz podać w formularzu informację, kiedy mogą spodziewać się odpowiedzi.

Teraz, gdy masz już powody, dla których formularz kontaktowy jest kluczowy dla Twojej witryny, przyjrzyjmy się, jak dodać go do Twojej witryny. Przyjrzymy się, jak utworzyć formularz kontaktowy za pomocą WPForms i Contact Form 7, ponieważ są one jednymi z najczęściej używanych formularzy kontaktowych dla witryn WordPress.

Jak utworzyć formularz kontaktowy WPForms?

WPForms to jeden z najpopularniejszych formularzy kontaktowych na rynku. Aby utworzyć formularz, pierwszą rzeczą jest zainstalowanie i aktywacja wtyczki. Kiedy skończysz, pojawi się kreator konfiguracji WPForms z komunikatem „Utwórz swój pierwszy formularz”. Wykonaj poniższe czynności, aby ukończyć proces i uruchomić WPForms w ciągu pięciu minut.

• Kliknij przycisk „Utwórz swój pierwszy formularz”, aby rozpocząć.

• Następnie wybierz wstępnie zaprojektowany szablon i dostosuj pola formularza. Możesz również wybrać pusty formularz, aby utworzyć formularz od podstaw. Dla początkującego wybierz szablon „Prosty formularz kontaktowy”.

• Zostaniesz przekierowany do dodawania lub usuwania pól formularzy w kreatorze formularzy. Możesz również dostosować formę w oparciu o estetykę i funkcję.

• W polu „Dodaj pola” umieść kursor w odpowiednim miejscu i wypełnij pola na podstawie monitu komunikatu wyskakującego. Jeśli chcesz czegoś podstawowego, możesz użyć podstawowych pól formularza, które zostały już udostępnione.

Nie wymaga to usuwania lub dodawania do niego żadnych pól i jest bardzo funkcjonalne. Jeśli chcesz dodać dodatkowe pola, możesz je przeciągnąć i upuścić z listy pól w niebieskich polach po lewej stronie na stronie. Po zakończeniu wypełniania miejsca kliknij "Gotowe", aby przejść do następnego.

• Następną rzeczą jest skupienie się na ustawieniach powiadomień. Ustawienia powiadomień umożliwiają otrzymywanie alertów, gdy użytkownik przesyła nowy formularz w Twojej witrynie. Domyślnie funkcja powiadomień jest włączona.

Aby zapewnić lepsze wrażenia użytkownika, możesz używać tagów inteligentnych do wysyłania powiadomień do odwiedzających witrynę po przesłaniu formularza kontaktowego. Dzięki temu wiedzą, że otrzymałeś ich formularz i wkrótce się z nimi skontaktujesz.

• Ostatnim krokiem jest osadzenie prostego formularza kontaktowego w witrynie WordPress. Aby to zrobić, możesz osadzić go na istniejącej stronie lub nowej. Dlatego kliknij „Wybierz istniejącą stronę” lub „Utwórz nową stronę” w wyskakującym okienku. Jeśli tworzysz nową stronę, kliknij „Utwórz nową stronę” i nadaj jej nazwę. Kliknij „Chodźmy”. WPForms osadzi Twój formularz na nowej stronie i to wszystko. Możesz zacząć czerpać korzyści z posiadania formularza kontaktowego na swojej stronie.

Jak utworzyć formularz kontaktowy za pomocą formularza kontaktowego 7

Pierwszym krokiem w tworzeniu formularza kontaktowego za pomocą Contact Form 7 jest instalacja i aktywacja wtyczki. Wykonaj poniższe czynności, aby zainstalować i aktywować wtyczkę oraz utworzyć formularz kontaktowy:

• Zaloguj się do swojej witryny i przejdź do „Wtyczki”. Kliknij „Dodaj nowy” i wpisz Formularz kontaktowy 7 w polu wyszukiwania.

• Kliknij „Zainstaluj teraz”, aby pobrać go na swojej stronie internetowej. Następnie kliknij „Aktywuj”, aby rozpocząć korzystanie z wtyczki.

• Następnie kliknij „Kontakt” na pasku bocznym WordPressa. Przejrzyj listę formularzy kontaktowych w swojej witrynie. Zobaczysz przykładowy formularz, który możesz edytować i dostosowywać. Możesz także kliknąć „Dodaj nowy” na ekranie, aby zbudować formularz od podstaw.

• Kliknij przykładowy formularz lub „Dodaj nowy”, aby kontynuować. Nie bój się kolejnego otwartego okna. Wygląda na złożoną, ale są narzędzia do automatycznego generowania kodu. Więc nie martw się, ponieważ nie musisz niczego kodować.

• Teraz nadszedł czas na skonfigurowanie formularza kontaktowego. Możesz dodać rozwijane menu, które pozwoli odwiedzającym wybrać cel, w jakim chcą się z Tobą skontaktować. Aby to zrobić, umieść kursor w miejscu, w którym chcesz umieścić menu na formularzu kontaktowym. Na pasku narzędzi kliknij menu rozwijane i wypełnij pola.

• Po zakończeniu kliknij „Wstaw tag”, aby osadzić go w formularzu.

• Następnie dodaj etykietę. Aby to zrobić, skopiuj i wklej aktualny kod z pól i dostosuj go do swoich preferencji.

• Skonfiguruj wiadomość e-mail otrzymaną z formularza kontaktowego. Aby to zrobić, przejdź do sekcji Poczta. Zobaczysz wstępnie wypełnione pola z podobnymi tagami i te, które utworzyłeś wcześniej. Możesz ich użyć, aby dostosować sposób otrzymywania wiadomości za pośrednictwem formularza kontaktowego.

Uwzględnione pola to Do, Od, Dodatkowe nagłówki, Treść wiadomości i Użyj HTML Content-Type (wiadomości są domyślnie wysyłane w postaci zwykłego tekstu. Jeśli chcesz używać HTML, zaznacz to pole).

Zawiera również załączniki plików i pocztę (2), dodatkowy szablon poczty dla autorów odpowiedzi. Jeśli chcesz go aktywować, zaznacz pole i możesz pozostać przy standardowej opcji jako początkujący.

• Następnie skonfiguruj określone wiadomości, które mają widzieć odwiedzający podczas korzystania z formularza. Dostępne opcje obejmują komunikat o sukcesie i komunikaty o błędach.

• Na koniec dodaj formularz do swojej witryny. Najpierw zapisz formularz pod unikalną nazwą. Po zapisaniu formularza na ekranie pojawi się krótki kod. Skopiuj go i przejdź do strony, na której chcesz umieścić formularz. Możesz utworzyć nową stronę lub dodać ją do istniejącej strony. Wklej krótki kod do edytora WordPress i opublikuj go. Spowoduje to wysłanie go do interfejsu użytkownika i możesz zacząć cieszyć się korzyściami płynącymi z posiadania formularza kontaktowego na swojej stronie.

Wniosek

Tam masz proste kroki, aby utworzyć podstawowy formularz kontaktowy za pomocą WPForms i Contact Form 7. Jeśli chcesz czegoś szybkiego i bezproblemowego, wtyczka WPForms wygląda na lepszą opcję. Jeśli jednak jesteś zainteresowany pracą z kodami nawet bez wcześniejszego doświadczenia, Contact Form 7 jest lepszym wyborem.