Jak utworzyć formularz wieloetapowy w Elementorze

Opublikowany: 2023-11-24

Czy zastanawiałeś się kiedyś, jak zwiększyć zaangażowanie użytkowników i generowanie potencjalnych klientów w swojej witrynie za pomocą wieloetapowego formularza Elementor?

Formularze te prowadzą użytkowników przez proces krok po kroku, dzięki czemu jest on mniej przytłaczający i bardziej przyjazny dla użytkownika.

Utwórz swój wieloetapowy formularz Elementora

W tym przewodniku przeprowadzimy Cię przez podstawy konfigurowania wieloetapowego formularza w Elementorze za pomocą WPForms.

Dlaczego warto używać WPForms zamiast formularzy Elementor?

Wybór odpowiedniego narzędzia do tworzenia formularzy dla Twojej witryny może znacząco wpłynąć na wygodę użytkownika i gromadzenie danych.

Jako dedykowana wtyczka formularzy, WPForms oferuje kilka zalet, szczególnie w porównaniu z formularzami Elementor:

  • Łatwość użycia: WPForms słynie z intuicyjnego interfejsu, dzięki czemu tworzenie formularzy jest dostępne nawet dla początkujących. Elementor, choć potężny, może wymagać bardziej stromej krzywej uczenia się, szczególnie w przypadku złożonych formularzy.
  • Typy formularzy: WPForms zawiera ponad 1200 szablonów formularzy WordPress, w tym formularze ankiet, formularze kalkulacyjne, formularze płatności i inne, które nie są tak łatwo dostępne w Elementorze.
  • Zaawansowane funkcje: Dzięki funkcjom takim jak inteligentna logika warunkowa, wielostronicowe formularze, obliczenia, przesyłanie plików i nie tylko, WPForms zapewnia bardziej zaawansowane opcje w porównaniu do podstawowych funkcjonalności Elementor Forms.
  • Opcje integracji: WPForms oferuje szerszy zakres integracji z usługami stron trzecich w zakresie marketingu e-mailowego, CRM i procesorów płatności, oferując większą elastyczność niż Elementor.
  • Przyjazny dla urządzeń mobilnych: formularze utworzone za pomocą WPForms są responsywne, co zapewnia płynną obsługę na wszystkich urządzeniach. Chociaż Formularze Elementor są również responsywne, WPForms zapewnia optymalną wydajność na urządzeniach mobilnych.

To powiedziawszy, integrując WPForms z Elementorem, możesz tworzyć złożone, wieloetapowe formularze, które są zarówno estetyczne, jak i wysoce funkcjonalne. Zagłębmy się w instrukcje tworzenia takiego dla Twojej witryny!

Jak utworzyć formularz wieloetapowy w Elementorze

Tworzenie wieloetapowego formularza za pomocą WPForms w Elementorze jest niezwykle łatwe. Aby rozpocząć, wykonaj poniższe czynności:

W tym artykule

  • 1. Zainstaluj wtyczkę WPForms
  • 2. Aktywuj dodatek Formularze kontaktowe
  • 3. Wybierz szablon wieloetapowy Elementor
  • 4. Dostosuj powiadomienia i potwierdzenia
  • 5. Opublikuj swój wieloetapowy formularz za pośrednictwem Elementora

1. Zainstaluj wtyczkę WPForms

WPForms to wiodący wybór do tworzenia różnych formularzy, w tym wszechstronnego formularza wieloetapowego Elementor. Zawiera ponad 1200 gotowych do użycia szablonów, które odpowiadają różnym potrzebom biznesowym w Internecie i są idealne do zwiększenia interakcji użytkownika.

W przypadku tego samouczka niezbędne jest posiadanie licencji WPForms Pro. Jest pełen funkcji, takich jak dodatek Lead Forms, zaawansowane integracje i wiele innych, które są kluczowe do tworzenia wieloetapowego formularza w Elementorze.

The WPForms homepage

Po zdobyciu licencji Pro instalacja i aktywacja WPForms w Twojej witrynie jest prosta. Aby uzyskać pomoc, oto prosty przewodnik dotyczący instalowania wtyczki WordPress.

2. Aktywuj dodatek Formularze kontaktowe

Instalacja dodatku Lead Forms jest bardzo prosta. Z pulpitu nawigacyjnego WordPress przejdź do WPForms , a następnie kliknij Dodatki .

WPForms addons

Następnie wyszukaj „Formularze kontaktowe” w obszarze Dodatki wyszukiwania. Następnie kliknij Zainstaluj dodatek , a następnie przycisk Aktywuj .

Installing the Lead Forms addon

Ten krok przygotowuje Cię do zbudowania niestandardowego wieloetapowego formularza Elementor na swojej stronie internetowej, zwiększając zaangażowanie użytkowników.

3. Wybierz szablon wieloetapowy Elementor

Teraz utwórzmy wieloetapowe pola formularza Elementora. Z pulpitu nawigacyjnego WordPress przejdź do WPForms i kliknij Dodaj nowy .

Add new form

Nazwij swój formularz na następnej stronie. Na potrzeby tego samouczka nazwiemy go „Formą wieloetapową Elementora”.

name multi step elementor form

Po zakończeniu użyj pola wyszukiwania, aby znaleźć szablon formularza wieloetapowego Elementor. Następnie kliknij przycisk Użyj szablonu .

use elementor multi step form template

Zostaniesz teraz przekierowany do sekcji Pola na ekranie kreatora formularzy. W tym przypadku dostępne pola są wymienione po lewej stronie.

WPForms fields menu

Po prawej stronie kreatora formularzy zobaczysz modyfikowalny podgląd formularza z już istniejącymi niezbędnymi polami.

elementor multi step form preview

Możesz swobodnie korzystać z kreatora przeciągnij i upuść WPForms, aby dostosować lub dodać pola, dostosowując formularz do swojej witryny WordPress.

4. Dostosuj powiadomienia i potwierdzenia

Skonfigurowanie powiadomień gwarantuje, że będziesz zawsze na bieżąco informowany o nowych wpisach w formularzach. Przejdź do Ustawień , a następnie Powiadomień w kreatorze formularzy.

Form notification settings

W tym miejscu możesz edytować domyślne ustawienia powiadomień, takie jak temat, lub w razie potrzeby zmienić adresy e-mail odbiorców.

elementor multi step form notifications

Możesz teraz wybrać opcję Potwierdzenia w menu Ustawienia , aby skonfigurować odpowiedzi na pomyślne przesłanie formularza.

Form confirmations

Wybierz typ potwierdzenia , który najlepiej pasuje do Twojej witryny – wiadomość, wyświetlenie strony lub przekierowanie.

elementor multi step form confirmation message

Pamiętaj o zapisaniu zmian, aby formularz i jego ustawienia były zawsze aktualne. Teraz możesz już opublikować formularz na swojej stronie Elementora!

Save form

5. Opublikuj swój wieloetapowy formularz za pośrednictwem Elementora

Na tym etapie musisz utworzyć niestandardową stronę z Elementora. W panelu WordPress kliknij Strony , a następnie naciśnij przycisk Dodaj nowy .

Add Contact Us page for Elementor contact form

Śmiało, wpisz tytuł strony u góry. Następnie kliknij niebieski przycisk Edytuj za pomocą Elementora, aby uruchomić interfejs narzędzia do tworzenia stron.

Editing with Elementor

Poczekaj kilka sekund, aż Elementor załaduje się w Twojej przeglądarce. Po lewej stronie znajdziesz różne elementy, które możesz dodać do swojej strony.

Następnie użyj pola Widżet wyszukiwania lub zajrzyj do sekcji Podstawowe w Elementorze, aby zlokalizować blok WPForms.

Use the WPForms widget in Elementor

Aby dodać blok WPForms do swojej strony, po prostu przeciągnij go i upuść. Następnie kliknij menu rozwijane, aby wybrać ostatnio utworzony formularz.

select form wpforms elementor widget

Nadszedł czas, aby opublikować wieloetapowy formularz kontaktowy Elementora. Po prostu kliknij przycisk Publikuj na dolnym pasku narzędzi.

publish the multi step elementor form

Na koniec kliknij przycisk Zobacz , aby wyświetlić formularz kontaktowy. I na tym koniec! Twój wieloetapowy formularz Elementora jest już aktywny i przygotowany na otrzymywanie odpowiedzi.

Często zadawane pytania dotyczące formularzy wieloetapowych Elementor

Nauka tworzenia wieloetapowego formularza Elementora jest popularnym tematem wśród naszych czytelników. Oto odpowiedzi na niektóre często zadawane pytania na ten temat.

Jak utworzyć formularz krok po kroku w Elementorze?

Aby utworzyć formularz krok po kroku w Elementorze, rozważ użycie WPForms Pro wraz z dodatkiem Lead Forms. Ta kombinacja pozwala na tworzenie dynamicznych, wieloetapowych formularzy bezpośrednio w interfejsie Elementora.

Jak utworzyć wieloetapowy formularz w WordPress?

Tworzenie wieloetapowego formularza w WordPress jest proste dzięki WPForms Pro i jego dodatkowi Lead Forms. Ta konfiguracja zapewnia przyjazny dla użytkownika sposób projektowania formularzy, które prowadzą użytkowników przez wiele kroków, dzięki czemu złożone formularze są bardziej interaktywne.

Czy Elementor ma narzędzie do tworzenia formularzy?

Tak, Elementor Pro ma narzędzie do tworzenia formularzy. Jednak w przypadku bardziej zaawansowanych możliwości, takich jak tworzenie formularzy wieloetapowych, zalecana jest integracja Elementora z WPForms Pro i dodatkiem Lead Forms.

Następnie napraw e-maile z powiadomieniami z formularza kontaktowego Elementor

Czy masz problemy z otrzymywaniem e-maili z formularzy kontaktowych Elementora? Rozwiązanie tego problemu jest proste i dzięki temu zawsze będziesz otrzymywać powiadomienia e-mailem. W tym przewodniku dowiesz się, jak naprawić formularze kontaktowe Elementora, które nie wysyłają wiadomości e-mail.

Utwórz swój wieloetapowy formularz Elementora

Gotowy do zbudowania formularza? Zacznij już dziś od najłatwiejszej wtyczki do tworzenia formularzy WordPress. WPForms Pro zawiera wiele bezpłatnych szablonów i oferuje 14-dniową gwarancję zwrotu pieniędzy.

Jeśli ten artykuł Ci pomógł, śledź nas na Facebooku i Twitterze, aby uzyskać więcej bezpłatnych samouczków i przewodników WordPress.