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)

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.

How to Create Conversational Forms in WordPress

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

Subscribe to WPBeginner

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.

WPForms license key field

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

Install Conversational Forms Addon by WPForms

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.

WPForms Conversational Forms addon active

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.

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.

Oto jak wygląda przykładowy formularz ankiety WPForms:

Editing Survey Form with 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”.

Enable Conversational Form Mode in WPForms

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.

WPForms' Conversational Form customization options

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

WPForms Conversational Form Title

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.

Preview button for Conversational Forms WordPress

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

Conversational Form Page Permalink Option

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.

Upload Header Image in Conversational Form Landing Page

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.

WPForms Branding in Conversational Form Landing page

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.

Choose a Color Scheme for Your Conversational Form Page

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:

Conversational Forms Progress Bar Styles - Percentage

Przełączmy się teraz na styl „Proporcje”.

Oto jak może to wyglądać w twojej formie konwersacyjnej:

Conversational Forms Progress Bar Styles - Proportion

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.

Save Conversational Form Landing Page Options

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:

Conversational Form Landing Page Preview

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.

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

10 komentarzyZostaw odpowiedź

  1. Kathy Rowland

    Saving this helpful info for later! Great step-by-step tutorial.

    • WPBeginner Support

      Thank you, glad you found it helpful :)

      Administrator

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

  3. 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 :)

      Administrator

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

      Administrator

    • WPBeginner Support

      Thank you :)

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