Czy chcesz, aby twoje formularze były bardziej ludzkie, a ich wypełnianie mniej przytłaczające dla użytkowników?
Wielu naszych czytelników prosiło nas o napisanie poradnika na temat tworzenia formularzy podobnych do Typeform w WordPressie. W przeciwieństwie do tradycyjnego formularza kontaktowego lub formularza ankiety, który zawiera listę wszystkich pytań naraz, formularze konwersacyjne przyjmują podejście „jedno pytanie na raz”, podobne do rozmowy twarzą w twarz.
W tym artykule pokażemy, jak utworzyć formularz konwersacyjny w WordPress.
Wtyczka Conversational Form 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, ale miała ona 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, jeśli jesteś małą firmą. Plany premium zaczynają się od $25/użytkownika/miesiąc, a jeśli chcesz więcej funkcji, to kosztuje $83/użytkownika/miesiąc.
Chociaż Typeform oferował darmowy plan, był on zbyt ograniczony, co czyniło go mniej atrakcyjnym dla użytkowników WordPressa.
Właśnie dlatego poprosiliśmy nasz zespół w WPForms o stworzenie alternatywy Typeform dla WordPress. Conversational Forms by WPForms pozwala tworzyć interaktywne formularze WordPress bez wysokich kosztów Typeform.
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.
Ten nowy dodatek pomaga 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.
WPForms jest bardziej opłacalny niż Typeform. Możesz kupić roczny plan za 199,50 USD, który zapewnia nieograniczoną liczbę formularzy, ankiet i mnóstwo innych zaawansowanych funkcji, w tym Conversational Forms.
Przyjrzyjmy się, jak łatwo stworzyć 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 nie podoba Ci się film lub potrzebujesz więcej instrukcji, czytaj dalej.
Tworzenie formularzy konwersacyjnych w WordPress
Pierwszą rzeczą, którą musisz zrobić, jest zainstalowanie i włączanie wtyczki WPForms. Aby uzyskać szczegółowe instrukcje, zapoznaj się z naszym przewodnikiem krok po kroku, jak zainstalować wtyczkę WordPress.
Aby uzyskać dostęp do dodatku „Conversational Forms Addon”, wymagany jest co najmniej plan „Pro”. Użytkownicy WPBeginner mogą uzyskać 50% zniżki na wszystkie licencje WPForms, korzystając z naszego kuponu WPForms.
Po włączeniu wtyczki 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 należy przejść do strony WPForms ” Addons i znaleźć dodatek Conversational Forms.
Wystarczy kliknąć przycisk „Zainstaluj dodatek”.
Wtyczka zainstaluje i włączy dodatek Conversational Form w ciągu kilku sekund.
Gdy zobaczysz status dodatku jako „Aktywny”, oznacza to, że możesz zacząć z niego korzystać.
Formularze konwersacyjne można włączać dla dowolnych nowych lub istniejących formularzy utworzonych za pomocą WPForms.
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
- Formularz uwag dla klientów
- Formularz 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 poczują się przytłoczeni i porzucą formularz.
Formularze konwersacyjne poprawiają tę sytuację, prosząc użytkowników o udzielenie odpowiedzi na jedno pytanie na raz. Zamiast żmudnego długiego formularza, jest on bardziej interaktywny i utrzymuje zaangażowanie użytkowników.
W tym przykładzie pokażemy, jak utworzyć formularz ankiety konwersacyjnej.
Najpierw należy utworzyć zwykły formularz ankiety. Możesz to zrobić klikając na WPForms ” Add New w twoim obszarze administracyjnym WordPress. Aby uzyskać więcej informacji, zapoznaj się z naszym przewodnikiem krok po kroku, jak utworzyć 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.
Dla przykładu, oto jak wygląda przykładowy edytor formularzy ankiet WPForms:
Po dodaniu twoich pytań ankietowych, przejdź do Ustawienia ” Karta Formularze konwersacyjne w lewym panelu.
Należy zaznaczyć pole „Włącz tryb konwersacyjny formularza”.
Następnie zobaczysz ustawienia formularza konwersacyjnego i opcje konfiguratora.
Opcje te pozwalają zaprojektować atrakcyjną stronę docelową z formularzem konwersacyjnym z Twoim logo, schematem kolorów i przesłaniem.
W każdej chwili możesz wyświetlić podgląd twojego formularza.
Wystarczy kliknąć przycisk „Podgląd formularza konwersacyjnego” w prawym górnym rogu pod ustawieniami formularza konwersacyjnego.
Na początku zobaczysz pole Tytuł formularza konwersacji.
Możesz tam wpisz krótki opisowy tytuł twojego formularza. Na przykład: Weź udział w naszej ankiecie!
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 w dół, zobaczysz opcję Permalink.
Bezpośredni odnośnik to unikatowy adres URL Twojej strony docelowej formularza konwersacyjnego. Wtyczka automatycznie tworzy go dla każdego formularza konwersacyjnego, używając tytułu twojego formularza. W razie potrzeby można to zmienić.
Ustawiając bezpośredni odnośnik, upewnij się, że jest on krótki i prosty, ponieważ możesz chcieć użyć tego adresu URL w swoich kampaniach e-mail lub wpisach w mediach społecznościowych.
Następną rzeczą, którą możesz zrobić, aby dostosować własną stronę formularza konwersacyjnego, jest dodanie logo nagłówka. Kliknij przycisk „Prześlij obrazek”, a następnie wybierz obrazek do przesłania.
Poniżej znajduje się opcja ukrycia brandingu WPForms. Zaznacz pole obok opcji „Hide WPForms Branding”, jeśli nie chcesz wyświetlać komunikatu „powered by WPForms” na twojej stronie docelowej formularza.
Możesz podejrzeć, jak wygląda branding, klikając przycisk „Podgląd formularza konwersacji” w prawym górnym rogu.
Następnie dostępna jest opcja schematu kolorów, dzięki której można dostosować własny przycisk przesyłania formularza i tło strony.
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 paska postępu.
Możesz wybrać jeden z 2 stylów: 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.
Możesz też zobaczyć nasz zrzut ekranu:
Po skonfigurowaniu wszystkich ustawień Twojego formularza konwersacyjnego, możesz wyświetlić jego podgląd, aby zobaczyć, jak wygląda na żywej witrynie.
Następnie kliknij przycisk „Zapisz” u góry, aby zapisać twoje ustawienia.
To wszystko!
Następnie możesz dodać twój formularz konwersacyjny do dowolnej strony lub wpisu. Edytuj stronę lub utwórz nową.
Po przejściu do edytora treści wystarczy dodać blok WPForms, a następnie wybrać twój formularz z rozwijanego menu.
Teraz możesz otworzyć twój odnośnik do formularza konwersacyjnego w przeglądarce, aby zobaczyć 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 nawigacji 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. Zachęcamy również do zapoznania się z naszym przewodnikiem na temat śledzenia konwersji formularzy w WordPressie oraz z wyborem najlepszych wtyczek i narzędzi SEO do WordPressa.
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.
Syed Balkhi says
Hey WPBeginner readers,
Did you know you can win exciting prizes by commenting on WPBeginner?
Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
You can get more details about the contest from here.
Start sharing your thoughts below to stand a chance to win!
Kathy Rowland says
Saving this helpful info for later! Great step-by-step tutorial.
WPBeginner Support says
Thank you, glad you found it helpful
Administrator
Becky Antkowiak, beckyantkowiak.com says
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 says
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/
Administrator
Bram says
Looks amazing but does it have logic jumps like typeform?
WPBeginner Support says
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
Administrator
Kleber says
I like WPForm, but it doesnt have „calculator” function, so I cant switch Typeform for it
WPBeginner Support says
Thanks for the feedback, that is something WPForms can look to add as a feature in the future.
Administrator
New postal says
good
WPBeginner Support says
Thank you
Administrator