Z naszego doświadczenia wynika, że przyjazne dla użytkownika formularze, które sprawiają wrażenie bardziej ludzkich, mogą zwiększyć twoją ocenę wypełnienia formularza WordPress. Jednak korzystanie z tradycyjnego formularza kontaktowego, w którym wszystkie pytania są prezentowane jednocześnie, może utrudnić osiągnięcie tego celu.
To właśnie tutaj formularze konwersacyjne mogą okazać się niezwykle pomocne.
Formularze konwersacyjne wykorzystują podejście polegające na zadawaniu jednego pytania na raz. Formularze te symulują naturalną rozmowę twarzą w twarz, dzięki czemu proces jest bardziej interaktywny i mniej przytłaczający.
W tym przewodniku pokażemy, jak stworzyć formularz konwersacyjny w WordPress. Omówimy wszystko, od wyboru odpowiedniej wtyczki formularza po dostosowanie formularza do stylu twojej witryny internetowej.

Najlepsza wtyczka do formularzy konwersacyjnych dla WordPress (alternatywa dla Typeform)
Wcześniej trudno było tworzyć formularze konwersacyjne na witrynie internetowej WordPress, ponieważ nie było dobrego rozwiązania skoncentrowanego na WordPressie.
Kilka aplikacji SaaS oferowało tę funkcję, a najpopularniejszą z nich była Typeform. Miała ona jednak i nadal ma kilka wad:
- Typeform to narzędzie typu SAAS (oprogramowanie jako usługa), które przechowuje dane twojego formularza na swoich serwerach. Oznacza to, że ufasz komuś innemu w kwestii zabezpieczenia twoich danych.
- Typeform jest drogi dla małych firm. Plany premium zaczynają się od 25 USD/użytkownika/miesiąc, a jeśli potrzebujesz więcej funkcji, zapłacisz do 83 USD/miesiąc.
Dodatkowo, podczas gdy Typeform oferuje darmowy plan, jest on zbyt ograniczony. Dlatego poprosiliśmy nasz zespół w WPForms o stworzenie alternatywy Type form dla WordPress.
Conversational Forms by WPForms pozwala tworzyć interaktywne formularze WordPress bez wysokich kosztów Typeform.
Dzięki temu dodatkowi możesz przekształcić dowolny formularz w formularz konwersacyjny w mniej niż 90 sekund. W przeciwieństwie do Typeform, WPForms jest wtyczką WordPress o otwartym kodzie źródłowym, co oznacza, że wszystkie dane formularza są przechowywane na twojej witrynie internetowej, a nie w aplikacji innej firmy.
Ponadto WPForms jest bardziej opłacalny niż Typeform. Roczny plan kosztuje 199,50 USD i obejmuje nieograniczoną liczbę formularzy, ankiet i mnóstwo innych zaawansowanych funkcji, w tym Conversational Forms Addon.
Przyjrzyjmy się, jak łatwo utworzyć formularz konwersacyjny na twojej witrynie internetowej WordPress.
Ujawnienie: WPForms jest tworzony przez ten sam zespół, który stoi za WPBeginner. Jest to jedna z naszych wtyczek premium do WordPressa.
Film instruktażowy
Jeśli wolisz pisemne instrukcje, czytaj dalej.
Tworzenie formularzy konwersacyjnych w WordPress
Pierwszą rzeczą, którą należy zrobić, jest zainstalowanie i włączanie wtyczki WPForms.
WPForms to najlepsza wtyczka do formularzy WordPress, z której korzysta ponad 6 milionów witryn internetowych. Jest to również najbardziej przyjazny dla użytkownika kreator formularzy na rynku, dzięki edytorowi typu „przeciągnij i upuść” oraz ogromnej bibliotece ponad 2000 szablonów formularzy.
Uwaga: Aby uzyskać dostęp do dodatku Conversational Forms Addon, wymagany jest co najmniej plan „Pro”. Jako czytelnik WPBeginner możesz uzyskać 50% ZNIŻKI na wszystkie licencje WPForms, korzystając z naszego kuponu WPForms.
Aby uzyskać szczegółowe instrukcje, zapoznaj się z naszym przewodnikiem krok po kroku, jak zainstalować wtyczkę WordPress.
Po włączaniu należy przejść na stronę WPForms ” Ustawienia, aby zweryfikować klucz licencyjny. Informacje te można znaleźć w obszarze Twojego konta w witrynie internetowej WPForms.

Następnie przejdź do WPForms ” Addons i znajdź dodatek Conversational Forms.
Formularze konwersacyjne są przydatne w ograniczaniu porzucania formularzy. Interaktywność i rozmowa twarzą w twarz prowadzi do wyższego wskaźnika wypełnienia formularza.
Jest to wysoce skuteczne w następujących rodzajach form:
- Formularze ankiet
- Formularze uwag dla klientów
- Formularze rejestracji na wydarzenie
- Formularze darowizn
- Formularze rejestracji użytkowników
Formularze te są zazwyczaj dłuższe i zawierają więcej pól. Jeśli wyświetlisz wszystkie te pytania naraz, użytkownicy mogą poczuć się przytłoczeni i porzucić formularz.
Formularze konwersacyjne poprawiają ten stan rzeczy, prosząc użytkowników o udzielenie odpowiedzi na jedno pytanie na raz. Zamiast żmudnego długiego formularza, są one bardziej interaktywne i utrzymują zaangażowanie użytkowników.
Aby zainstalować ten dodatek, przejdź na stronę „Dodatki” i znajdź go lub skorzystaj z paska wyszukiwania, aby szybko go znaleźć. Po jego znalezieniu wystarczy kliknąć przycisk „Zainstaluj dodatek”.

WPForms zainstaluje i włączy dodatek Conversational Form w ciągu kilku sekund.
Gdy zobaczysz status dodatku jako „Aktywny”, możesz zacząć go używać. Możesz włączać formularze konwersacyjne dla dowolnych nowych lub istniejących formularzy utworzonych za pomocą WPForms.

W tym przykładzie pokażemy, jak utworzyć formularz ankiety konwersacyjnej.
Najpierw utwórzmy zwykły formularz ankiety. Możesz to zrobić, klikając WPForms ” Dodaj nowy z twojego obszaru administracyjnego WordPress. Następnie możesz wybrać szablon z dostępnych opcji.
Aby uzyskać więcej informacji, zapraszamy do zapoznania się z naszym przewodnikiem krok po kroku na temat tworzenia ankiet w WordPress.

Tworzenie formularza za pomocą WPForms jest łatwe dzięki prostemu interfejsowi „przeciągnij i upuść”. Możesz przeciągnąć pola formularza po lewej stronie do edytora formularzy po prawej stronie.
Oto jak wygląda przykładowy formularz ankiety WPForms:

Po dodaniu twoich pytań ankietowych możesz przejść do karty Ustawienia ” Formularze konwersacyjne w lewym panelu.
Aby włączyć tę funkcję, wystarczy włączyć przełącznik „Enable Conversational Form Mode”.

Następnie zobaczysz ustawienia formularza konwersacyjnego i opcje konfiguratora.
Opcje te pozwalają zaprojektować atrakcyjną stronę docelową formularza konwersacyjnego z twoją własną wiadomością, logo, schematem kolorów i paskiem postępu.

Teraz spróbujmy dostosować addon do własnych potrzeb.
Na samej górze zobaczysz pole „Tytuł formularza konwersacyjnego”. Możesz tam wpisz krótki opisowy tytuł twojego formularza.
Na przykład: „Weź udział w naszej ankiecie!”.

Jeśli po wprowadzeniu zmian chcesz wyświetlić podgląd twojego formularza, możesz to łatwo zrobić.
Wystarczy kliknąć niebieski przycisk „Podgląd formularza konwersacyjnego” po prawej stronie formularzy konwersacyjnych.

Następnie możesz przewinąć w dół do pola „Wiadomość”.
W tym miejscu możesz dodać krótką wiadomość zachęcającą twojego użytkownika do wypełnienia formularza.

Przewijając edytor w dół, zobaczysz pole „Permalink”.
Bezpośredni odnośnik to unikatowy adres URL Twojej strony docelowej formularza konwersacyjnego. Wtyczka automatycznie tworzy go dla każdego formularza konwersacyjnego przy użyciu twojego tytułu. Jeśli jednak chcesz, możesz go zmienić.

Ustawiając bezpośredni odnośnik, upewnij się, że jest on krótki i prosty. Możesz użyć tego adresu URL w swoich kampaniach e-mail lub wpisach w mediach społecznościowych.
Kolejnym krokiem w dostosowywaniu twojej strony formularza konwersacyjnego jest dodanie logo nagłówka. Aby to zrobić, wystarczy kliknąć przycisk „Prześlij obrazek” i wybrać obrazek do przesłania.

Poniżej zobaczysz opcję pola wyboru, aby ukryć branding WPForms na twoim formularzu WordPress.
Śmiało zaznacz pole obok opcji „Ukryj branding WPForms”, jeśli nie chcesz wyświetlać komunikatu „powered by WPForms” na twojej stronie docelowej formularza.
Jeśli chcesz, możesz również wyświetlić podgląd brandingu, klikając niebieski przycisk „Podgląd formularza konwersacji” w prawym górnym rogu. Następnie możesz zdecydować, czy chcesz go uwzględnić, czy nie.

Następnie dostępna jest opcja „Schemat kolorów”, która umożliwia dostosowanie przycisku „Prześlij” i tła strony twojego formularza.
Możesz użyć jednego z gotowych kolorów lub wybrać nowy kolor za pomocą próbnika kolorów.

Na koniec dostępna jest opcja „Pasek postępu”. Do wyboru są 2 style: „Procent” i „Proporcja”.
Jeśli chcesz zobaczyć, jak wygląda każdy styl paska postępu, możesz wybrać style jeden po drugim i wyświetlić podgląd formularza.
Na przykład, oto jak może wyglądać procentowy pasek postępu:

Przełączmy się teraz na styl „Proporcje”.
Oto jak może to wyglądać w twojej formie konwersacyjnej:

Po skonfigurowaniu wszystkich ustawień Twojego formularza konwersacyjnego, możesz wyświetlić jego podgląd, aby zobaczyć, jak wygląda na żywej witrynie.
Jeśli wszystko wygląda dobrze, kliknij przycisk „Zapisz” u góry, aby zapisać twój postęp.

To wszystko!
Teraz, jeśli otworzysz swój formularz konwersacyjny w przeglądarce, zobaczysz go w działaniu.
Oto jak wyglądała nasza strona z formularzem ankiety konwersacyjnej:

Teraz, gdy Twoja strona docelowa z formularzem konwersacyjnym jest gotowa, możesz dodać odnośnik do menu nawigacyjnego WordPress i używać go w kampaniach e-mail, aktualizacjach w mediach społecznościowych lub wpisach na blogu.
Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak łatwo tworzyć formularze konwersacyjne w WordPress. Możesz również zapoznać się z naszym przewodnikiem na temat tworzenia bardziej interaktywnych formularzy w celu zwiększenia konwersji oraz śledzenia konwersji formularzy w WordPress.
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
Kathy Rowland
Saving this helpful info for later! Great step-by-step tutorial.
WPBeginner Support
Thank you, glad you found it helpful
Admin
Becky Antkowiak, beckyantkowiak.com
I’m in the very beginning stages of forming a nonprofit; there’s not a free plugin that does this, is there?
Also, just as an FYI, in another article, I didn’t see a comment option, but it refers to CSS Hero plugin–I couldn’t find that plugin in WP. Not sure if I’m doing something wrong.
WPBeginner Support
We do not have a recommended free alternative at the moment. CSS Hero is a paid plugin that we cover in our article here: https://www.wpbeginner.com/plugins/css-hero-review-wordpress-design-customization-made-easy/
Admin
Bram
Looks amazing but does it have logic jumps like typeform?
WPBeginner Support
If you mean conditional logic you can set that up with WPForms but for questions about what is offered by the plugin, you would want to reach out to the plugin’s support
Admin
Kleber
I like WPForm, but it doesnt have „calculator” function, so I cant switch Typeform for it
WPBeginner Support
Thanks for the feedback, that is something WPForms can look to add as a feature in the future.
Admin
New postal
good
WPBeginner Support
Thank you
Admin