Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Puchar WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Jak tworzyć formularze konwersacyjne w WordPress (alternatywa dla Typeform)

Uwaga redakcyjna: Otrzymujemy prowizję z linków partnerskich na WPBeginner. Prowizje nie mają wpływu na opinie i oceny naszych redaktorów. Dowiedz się więcej o Proces redakcyjny.

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.

How to Create Conversational Forms in WordPress Easily

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 Conversational Forms Addon

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

Subscribe to WPBeginner

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.

WPForms license

Następnie należy przejść do strony WPForms ” Addons i znaleźć dodatek Conversational Forms.

Wystarczy kliknąć przycisk „Zainstaluj dodatek”.

Install Conversational Forms addon by WPForms

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ć.

WPForms Conversational Forms addon active

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 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.

WPForms survey templates

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:

Editing Survey Form with WPForms

Po dodaniu twoich pytań ankietowych, przejdź do Ustawienia ” Karta Formularze konwersacyjne w lewym panelu.

Należy zaznaczyć pole „Włącz tryb konwersacyjny formularza”.

Enable Conversational Form Mode in WPForms

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.

Conversational Form Landing Page Options WordPress

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.

Preview button for Conversational Forms WordPress

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!

WPForms Conversational Form Title

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.

Conversational Form Landing Page Message

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ć.

Conversational Form Page Permalink Option

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.

Upload Header Image in Conversational Form Landing Page

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.

WPForms Branding in Conversational Form Landing page

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.

Choose a Color Scheme for Your Conversational Form Page

Na koniec dostępna jest opcja paska postępu.

Możesz wybrać jeden z 2 stylów: Procent i Proporcja.

WPForms Conversational Form Progress Bar Options

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:

Conversational Forms Progress Bar Styles - Percentage vs. Proportion

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.

Save Conversational Form Landing Page Options

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.

WPForms block

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:

Conversational Form Landing Page Preview

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.

Ujawnienie: Nasze treści są wspierane przez czytelników. Oznacza to, że jeśli klikniesz na niektóre z naszych linków, możemy otrzymać prowizję. Zobacz jak WPBeginner jest finansowany, dlaczego to ma znaczenie i jak możesz nas wspierać. Oto nasz proces redakcyjny.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Najlepszy zestaw narzędzi WordPress

Uzyskaj BEZPŁATNY dostęp do naszego zestawu narzędzi - zbiór produktów i zasobów związanych z WordPressem, które każdy profesjonalista powinien mieć!

Reader Interactions

11 komentarzyZostaw odpowiedź

  1. 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!

  2. 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

      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

    • WPBeginner Support says

      Thanks for the feedback, that is something WPForms can look to add as a feature in the future.

      Administrator

Zostaw odpowiedź

Dziękujemy za pozostawienie komentarza. Pamiętaj, że wszystkie komentarze są moderowane zgodnie z naszymi polityka komentarzy, a Twój adres e-mail NIE zostanie opublikowany. NIE używaj słów kluczowych w polu nazwy. Przeprowadźmy osobistą i konstruktywną rozmowę.