Jak stworzyć formularz kontaktowy w WordPressie (plus najlepsze wtyczki)

Każda witryna potrzebuje formularza kontaktowego, dlatego prawdopodobnie czytasz post o tym, jak używać wtyczki formularza kontaktowego WordPress do tworzenia własnego formularza.

Z tego powodu istnieje mnóstwo świetnych opcji, których możesz użyć, aby dodać formularz kontaktowy w WordPressie. A w tym poście pokażę Ci krok po kroku, jak korzystać z jednego za darmo . Tak, dowiesz się dokładnie, jak stworzyć niestandardowy, świetnie wyglądający formularz kontaktowy bez otwierania portfela.

Po tym samouczku podzielę się kilkoma innymi najlepszymi wtyczkami do formularzy kontaktowych, a także wyjaśnię, dlaczego możesz chcieć wybrać jedną z tych opcji zamiast wtyczki w samouczku.

Najłatwiejszy sposób na utworzenie formularza kontaktowego w WordPress

Jeśli chcesz dodać formularz kontaktowy do WordPressa, potrzebujesz wtyczki do formularza kontaktowego WordPress.

Teraz istnieje wiele solidnych opcji, które omówię dalej. Ale jeśli potrzebujesz tylko podstawowego formularza kontaktowego, najprostszą opcją jest darmowa wtyczka o nazwie HappyForms.

Oto jak w kilku krokach utworzyć formularz kontaktowy w WordPressie…

1. Zainstaluj i aktywuj wtyczkę WordPress Formularz kontaktowy HappyForms

Wtyczka HappyForms jest bezpłatna i dostępna na WordPress.org, co oznacza, że ​​możesz ją zainstalować, przechodząc do Wtyczki → Dodaj nowy i wyszukując „HappyForms”:

2. Utwórz nowy formularz

Po zainstalowaniu i aktywacji wtyczki HappyForms przejdź do HappyForms → Dodaj nowy w swoim panelu WordPress:

Spowoduje to uruchomienie nowego interfejsu, który wygląda bardzo podobnie do WordPress Customizer ( interfejs, w którym dostosowujesz motyw na podglądzie w czasie rzeczywistym ).

Podobnie jak WordPress Customizer, będziesz mógł zobaczyć podgląd swojego formularza kontaktowego na żywo podczas jego tworzenia.

Najpierw jednak po prostu nadaj formularzowi nazwę, która pomoże Ci go zapamiętać:

3. Dodaj pola formularza

Następnie użyj listy pól formularza, aby wybrać pola, które chcesz uwzględnić w formularzu. W przypadku podstawowego formularza kontaktowego prawdopodobnie będziesz potrzebować następujących opcji:

• Krótki tekst – imię i nazwisko osoby.
• E - mail — adres e-mail osoby.
• Długi tekst – dla wiadomości danej osoby.

Aby dodać pole formularza, wystarczy je kliknąć. Po kliknięciu będziesz mógł skonfigurować jego ustawienia na pasku bocznym. Zmiana ustawień pola będzie widoczna w podglądzie na żywo:

Po dodaniu wszystkich pól formularza powinieneś zobaczyć pełny podgląd formularza kontaktowego:

Jeśli chcesz, możesz dodać inne pola, które są unikalne dla Twoich potrzeb. Na przykład możesz chcieć dodać pole wyboru lub listę rozwijaną, aby umożliwić przesyłającym wybór treści wiadomości ( i pomóc w uporządkowaniu wszystkiego ).

Po zakończeniu dodawania pól formularza kliknij przycisk Konfiguracja , aby kontynuować.

4. Skonfiguruj, co się dzieje po przesłaniu formularza przez gościa

Po kliknięciu przycisku Konfiguracja otrzymasz kilka opcji, które pozwolą Ci kontrolować, co dzieje się po przesłaniu formularza kontaktowego przez gościa.

U góry możesz skonfigurować Komunikat potwierdzający , który jest komunikatem wyświetlanym osobie przesyłającej formularz w Twojej witrynie po przesłaniu formularza (1).

Poniżej że możesz wybrać, czy chcesz otrzymać informację, gdy pojawia się nowa forma składania i adres e-mail na który chcesz otrzymywać zgłoszenia (2). HappyForms będzie również przechowywać przesłane formularze w panelu WordPress – więcej na ten temat później :

Następnie możesz wybrać, czy chcesz wysyłać powiadomienia e-mail do osoby przesyłającej formularz, a jeśli tak, co te powiadomienia e-mail powinny zawierać:

Wreszcie dół ustawień pozwala skonfigurować różne różne ustawienia, w tym:

• Przekieruj użytkowników na inną stronę po przesłaniu formularza
• Zapisz przesłane formularze w swoim panelu WordPress
• Użyj Google ReCaptcha do ochrony przed spamem
• Pozwól osobom przesyłającym formularze wyświetlić podgląd swojej wiadomości przed przesłaniem

W razie wątpliwości należy pozostawić te ustawienia jako domyślne:

Po dokonaniu wyboru kliknij przycisk Styl , aby przejść do następnego zestawu opcji.

5. Skonfiguruj styl formularza kontaktowego

Ostatni krok konfiguracji! Teraz możesz użyć różnych obszarów, aby skonfigurować wygląd i styl swojego formularza kontaktowego:

Na przykład, aby skonfigurować wygląd Prześlij przycisk, otworzysz ustawienia przycisku Prześlij . Tam możesz zmienić czcionkę, dostosować szerokość, zmienić kolory i nie tylko.

Po wprowadzeniu jakichkolwiek zmian zobaczysz, że podgląd na żywo zostanie automatycznie zaktualizowany, co ułatwia dokładne określenie, co każda zmiana wpływa na Twój formularz:

Gdy skończysz z opcjami stylu, kliknij przycisk Zapisz i zamknij , aby zakończyć.

6. Dodaj swój formularz kontaktowy do strony, na której chcesz go wyświetlić

Aby faktycznie osadzić formularz, możesz dodać go jako:

• Blokuj w nowym edytorze bloków
• Shortcode w klasycznym edytorze lub edytorze bloków
• Widżet w dowolnym obszarze widżetów

Na przykład, jeśli używasz nowego edytora bloków WordPress, utworzysz nową stronę o nazwie „Skontaktuj się z nami” i wstawisz blok HappyForms .

Stamtąd możesz wybrać formularz, który chcesz wstawić:

Lub, jeśli nadal korzystasz z klasycznego edytora WordPress, możesz wstawić formularz kontaktowy jako skrócony kod , klikając przycisk Dodaj HappyForms :

I to wszystko! Odwiedzający będą mogli zacząć wysyłać Ci wiadomości za pośrednictwem formularza kontaktowego

Jak wyświetlić przesłane formularze

Istnieją dwa sposoby przeglądania przesłanych formularzy.

Po pierwsze, jeśli skonfigurujesz powiadomienia e-mail w ustawieniach formularza, otrzymasz wiadomość e-mail za każdym razem, gdy ktoś prześle formularz.

Po drugie, możesz również przeglądać zgłoszenia z poziomu pulpitu WordPress, przechodząc do HappyForms → Odpowiedzi :

Jeśli klikniesz konkretną odpowiedź, zobaczysz pełną wiadomość:

I to wszystko!

Cztery inne najlepsze wtyczki WordPress do formularzy kontaktowych i dlaczego możesz chcieć jednego z nich

W przypadku prostego formularza kontaktowego WordPress HappyForms jest najlepszą opcją dla większości użytkowników. Nie jest to jednak jedyna wysokiej jakości wtyczka do formularza kontaktowego WordPress. A jeśli chcesz czegoś więcej niż zwykłego formularza kontaktowego, możesz wybrać inną opcję.

Aby zakończyć ten post, przyjrzyjmy się niektórym z najlepszych wtyczek formularzy kontaktowych WordPress i co może sprawić, że będą one lepszą opcją niż wtyczka HappyForms, której użyłem w powyższym samouczku.

1. Formularze WP

WPForms to jedna z najpopularniejszych wtyczek WordPress do formularzy kontaktowych na WordPress.org.

Jedną z fajnych rzeczy w tej wtyczce jest to, że daje Ci ona narzędzie do przeciągania i upuszczania, które pozwala uporządkować pola formularzy, w tym opcje konfiguracji projektów wielokolumnowych. Więc jeśli Ci się to podoba, może to być jeden z powodów, aby wybrać WPForms.

Oprócz kreatora typu „przeciągnij i upuść” istnieje również kilka różnych wersji premium, które pozwalają na bardziej kreatywne tworzenie formularzy. Będziesz w stanie:

• Akceptuj płatności
• Zarejestruj ludzi na swój adres e-mail
• Połącz z Zapier
• Itp.

Więc jeśli chcesz mieć tę zaawansowaną funkcjonalność, może to być kolejny powód, aby wybrać WPForms.

Wersje premium zaczynają się od 39,50 USD i wahają się do 299,50 USD, w zależności od potrzebnych funkcji i liczby witryn, na których chcesz korzystać z wtyczki.

2. Marketing kompleksowy HubSpot

Jak sama nazwa wskazuje, HubSpot All-In-One Marketing jest narzędziem all-in-one, który obejmuje wszystko od pop-upów na czat i - zgadliście - formularze kontaktowe.

Za pomocą narzędzia do przeciągania i upuszczania można tworzyć własne, niestandardowe formularze kontaktowe, aby zbierać tyle informacji, ile potrzeba.

Jedną z dużych korzyści jest to, że HubSpot automatycznie przechowuje wszystkie przesłane formularze w zintegrowanym CRM. Więc jeśli używasz formularza kontaktowego do sprzedaży lub czegokolwiek innego, co może skorzystać z CRM, jest to świetny do użycia.

3. Formy ninja

Ninja Forms to kolejna oferta freemium z wieloma takimi samymi zaletami, jak WPForms.

Oznacza to, że oferuje ograniczoną darmową wersję i daje narzędzie do przeciągania i upuszczania, którego można użyć do rozmieszczenia pól formularzy.

A jeśli chcesz zapłacić, możesz sprawić, że formularze będą wykonywać o wiele bardziej zaawansowane czynności, w tym:

• Przyjmowanie płatności
• Zapisywanie osób do newslettera
• Umieszczanie osób przesyłających formularze w Twoim CRM
• Itp.

Jedną z różnic jest struktura cen tych opcji premium. Zamiast odrębnych wersji premium, Ninja Forms pozwala wybrać i wybrać dodatki premium, których chcesz użyć. Możesz też pobrać pakiet dodatków już od 99 USD.

4. Formy kaldery

Pod względem funkcjonalności, którą otrzymujesz w darmowej wersji, Caldera Forms jest jedną z najhojniejszych darmowych wtyczek formularzy kontaktowych WordPress.

Nawet w wersji darmowej możesz tworzyć złożone formularze, które mają:

• Wiele stron
• Logika warunkowa, w której możesz pokazać różne opcje formularza na podstawie tego, jak dana osoba odpowiedziała na poprzednie pytania

Ma również narzędzie do przeciągania i upuszczania, chociaż interfejs nie jest tak przyjazny dla początkujących, jak WPForms czy Ninja Forms.

Oprócz hojnej bezpłatnej funkcjonalności dostępna jest również wersja premium, która może dodać bardziej zaawansowane funkcje – takie jak płatności i integracja z usługami marketingu e-mail.

Oprócz tych dodatków dostępna jest również usługa premium z subskrypcją, która koncentruje się na:

• Dostarczalność wiadomości e-mail – usługa faktycznie obsługuje wysyłanie wiadomości e-mail, aby upewnić się, że trafią one do skrzynek odbiorczych odwiedzających
• Konwersje z formularza do formatu PDF
• Statystyki dostarczania potwierdzeń e-mail

5. Formy grawitacyjne

Wreszcie jest Gravity Forms, która jest szczególnie popularną wtyczką WordPress do formularzy kontaktowych dla programistów.

Programiści lubią to, ponieważ oprócz wielu wbudowanych funkcji do tworzenia wszystkiego, od formularzy płatności po przesyłanie postów na froncie, Gravity Forms jest również rozszerzalna i ma duży rynek dla rozszerzeń stron trzecich.

Więc jeśli chcesz czegoś, co naprawdę możesz zagłębić i dostosować do swoich potrzeb, Gravity Forms i jego różne rozszerzenia mogą być odpowiednią wtyczką dla Ciebie.

Jedynym minusem jest to, że nie ma darmowej wersji Gravity Forms. Jeśli chcesz z niego skorzystać, musisz wycofać swoją kartę kredytową.

Ceny zaczynają się od 59 USD i wahają się do 259 USD.

Ostatnie przemyślenia na temat formularzy kontaktowych WordPress

Dzięki odpowiedniej wtyczce WordPress do formularza kontaktowego łatwo jest stworzyć i dostosować formularz kontaktowy, który idealnie pasuje do Twoich potrzeb.

Jeśli potrzebujesz tylko prostego formularza kontaktowego, wtyczka HappyForms oferuje niezawodne i usprawnione podejście. A jeśli potrzebujesz większej funkcjonalności, możesz rozważyć uaktualnienie do płatnej wtyczki formularzy, aby robić wszystko, od akceptowania płatności po rejestrowanie osób na swojej liście marketingowej e-mail.

Stwórz swój pierwszy formularz już dziś i zacznij ułatwiać odwiedzającym kontakt z Tobą!