Formularz wielokrokowy w Drupalu - jak go stworzyć w prosty sposób?

Drupal to potężne narzędzie, które daje szerokie możliwości tworzenia rozbudowanych aplikacji internetowych. Jednym z popularnych modułów dla tego systemu jest Webform, który umożliwia pracę z zaawansowanymi formularzami online. W tym wpisie blogowym pokażę, jak w kilku prostych krokach zbudować formularz wielokrokowy – idealny do rejestracji na wydarzenia czy zbierania innych zgłoszeń. Zapraszam do przeczytania artykułu lub obejrzenia odcinka z cyklu Nowoczesny Drupal.

Co to jest formularz wielokrokowy i dlaczego warto go stosować?

Formularz wielokrokowy to rodzaj formularza, który dzieli pola na poszczególne etapy. Dzięki temu odwiedzający stronę nie jest przytłoczony ilością informacji, jakie musi jednorazowo wprowadzić. Przekłada się to na lepsze doświadczenie użytkownika i większą liczbę wypełnionych zgłoszeń.

Przygotowanie formularza wielokrokowego w Drupalu

Stworzenie formularza w Drupalu z użyciem modułu Webform jest bardzo łatwe i szybkie. W innym artykule pokazałem, jak zbudować formularz rekrutacyjny na stronie. Poniżej opiszę w kilku krokach, w jaki sposób przygotować formularz wielokrokowy. 

1. Wybór szablonu formularza wielokrokowego

Pierwszym krokiem w budowie formularza jest wykorzystanie gotowego szablonu. Moduł Webform oferuje różne opcje, które można dostosować do potrzeb projektu. W tym przykładzie używam szablonu "Rejestracja na kurs". Po jego zaimportowaniu otrzymamy bazowy formularz z wstępnie zdefiniowanymi polami.

2. Dodanie kroków w rozbudowanym formularzu

Następnie możemy skupić się na zbudowaniu formularzu wielokrokowego.

• Wchodzimy w Build i dodajemy strony (Add page), które będą reprezentować kroki formularza. Będzie on składał się z trzech etapów.
• Ustawiamy nazwy kroków, np.:
  • Krok 1: Podstawowe informacje użytkownika.
  • Krok 2: Informacje kontaktowe.
  • Krok 3: Dodatkowe informacje.

3. Przypisanie pól do kroków w formularzu

Na tym etapie porządkujemy pytania zgodnie z odpowiednimi kategoriami.

• Przeciągamy pola do właściwych stron:
  • „Your Personal Information” → „Podstawowe informacje użytkownika”.
  • „Mailing List” → „Informacje kontaktowe”.
  • „Additional Information” → „Dodatkowe informacje”.

4. Dostosowanie paska postępu

Możemy dostosować wygląd paska postępu do naszych potrzeb.

• W ustawieniach formularza włączamy pasek postępu (Progress settings).
• Wybieramy styl:
  • Procentowy (np. „33% ukończono”).
  • Numerowany (np. „Strona 1 z 3”).
• Dodatkowo możemy włączyć opcję nawigacji między krokami, co pozwala użytkownikowi wygodnie wrócić do wcześniejszych sekcji.

5. Testowanie formularza wielokrokowego

Nadszedł etap sprawdzenia działania naszego formularza:

• Przechodzimy przez formularz online, wypełniając pola w każdym kroku.
• Sprawdzamy poprawność działania paska postępu i nawigacji między krokami.

6. Personalizacja formularza

Personalizując tabelę formularza w module Webform w Drupalu, możemy dostosować widok zgłoszeń do naszych celów. Ukrywamy niepotrzebne pola, takie jak adres, i zostawiamy tylko te kluczowe, np. numer telefonu.

Dodatkowo, mamy możliwość ustawienia różnych widoków dla poszczególnych użytkowników, co pozwala każdemu z nas dopasować tabelę do swoich preferencji. Ta funkcja jest szczególnie przydatna w zespołach, gdzie różne osoby potrzebują różnych danych na pierwszy rzut oka.

Możemy również zapisać spersonalizowany widok lub ustawić domyślny dla wszystkich, co zapewnia elastyczność i wygodę pracy z danymi.

Jak widać, tworzenie wielokrokowego formularza w Drupalu z opcją customizacji jest szybkie i wygodne. Dzięki kilku prostym krokom możemy znacząco poprawić doświadczenie użytkownika, bez względu na to, gdzie umieścimy formularz na naszej stronie.

Automatyzacja formularza w Drupalu

Automatyzacja formularza w module Webform w Drupalu pozwala na efektywne zarządzanie zgłoszeniami i danymi użytkowników. Dzięki funkcji automatycznego czyszczenia możemy usuwać starsze zgłoszenia lub dane o określonym statusie, co pomaga utrzymać porządek w systemie i minimalizuje przechowywanie wrażliwych informacji.

Jeżeli chcemy ograniczyć przechowywanie danych wrażliwych:

1. Przechodzimy do ustawień zgłoszeń (ang. Submissions).
2. Włączamy automatyczne czyszczenie, np. usuwanie zgłoszeń starszych niż jeden dzień.
3. Korzystając z dodatkowych modułów dla Drupala, możemy ustawić usuwanie danych nawet w odstępach minutowych.

Taka konfiguracja jest szczególnie przydatna, gdy dane są przesyłane do zewnętrznych systemów, np. platform do marketing automation i e-mail marketingu, takich jak HubSpot czy MailChimp.

Tworzenie szablonów formularzy

Moduł Webform pozwala zapisać gotowy formularz jako szablon. Dzięki temu możemy go łatwo wykorzystać w przyszłości do innych projektów:

1. W zakładce ustawień zaznaczamy opcję „Używaj jako szablon”.
2. Nowe formularze możemy budować na jego podstawie, modyfikując pola według potrzeb.

Dodatkowe funkcje modułu Webform

1. Zaawansowane pola i walidacja
   Możemy definiować warunki wyświetlania pól, stosować logikę warunkową (ang. conditional fields) oraz zaawansowaną walidację.
2. Integracje z zewnętrznymi narzędziami
   Dane z formularza mogą być automatycznie przesyłane do systemów CRM.
3. Rozbudowana konfiguracja użytkowników
   Webform umożliwia dostosowanie widoków formularzy i zgłoszeń dla poszczególnych użytkowników. Każdy członek zespołu może zdefiniować własne ustawienia.

Formularze wielokrokowe w Drupalu - podsumowanie

Tworzenie formularzy wielokrokowych w Drupalu z modułem Webform jest proste i intuicyjne. Dzięki gotowym szablonom, możliwości personalizacji i zaawansowanym funkcjom, możesz szybko dostosować formularz do celów swojej organizacji. Warto również pamiętać o opcjach automatyzacji, które ułatwiają zarządzanie danymi i pozwalają zachować porządek w systemie.

Drupal i moduł Webform to narzędzia, które pozwalają na pełną kontrolę nad formularzami, jednocześnie oferując wygodę użytkowania. Jeśli jednak potrzebujesz pomocy przy ich konfiguracji lub umieszczeniu na stronie internetowej, skorzystaj ze wsparcia doświadczonych specjalistów z agencji Drupala.

***

Ten artykuł powstał na bazie materiału wideo. Zapraszamy do subskrybowania kanału Nowoczesny Drupal, gdzie w każdy piątek o 12:00 publikujemy nowy film. Nasi eksperci prezentują rozwiązania lub gotowe narzędzia, które pomogą Ci wykorzystać pełen potencjał Drupala