Formularze

Moduł [Formularze] pozwala nam na wzbogacenie istniejących już formularzy kontaktowych o dodatkowe pola lub stworzenie całkowicie nowego który będzie dostępny na domyślnie generowanej podstronie pod adresem URL/formularze.

Jeśli potrzebujemy dodać pola adresu zamieszkania subskrybentów, na przykład w celu wysyłania im wersji papierowej naszej gazety, teraz istnieje taka możliwość. Oczywiście moduł ten pozwala na umieszczenie o wiele szerszej gamy pól do wypełnienia zależnie od naszych potrzeb – pola te zostaną szerzej opisane w dalszej części tego tekstu.

Po zalogowaniu się na Panel Administratora naszego portalu, przechodzimy pod zakładkę [Formularze] umiejscowioną na ciemnoszarym menu modułów z lewej strony ekranu. Zostaniemy wówczas przeniesieni na listę stworzonych już formularzy kontaktowych, oczywiście początkowo będzie ona pusta. 

 

formularze w CMS 4media
Moduł Formularze w CMS 4media.

 

Tworzenie nowego formularza

Aby stworzyć nowy formularz, klikamy na ikonę + pod nagłówkiem Formularze. Wtedy zobaczymy następujące ustawienia:

 

tworzenie nowego formularza
Tworzenie nowego formularza.

 

  • Typ formularza – tu precyzujemy czy chcemy stworzyć odrębny formularz, czy zamieścić dodatkowe pola w już istniejących. Typ formularza wybieramy z rozwijanej listy:
typ formularza
Typ formularza.

 

  • Standardowy – dzięki tej opcji stworzymy odrębny formularz, który dostępny będzie na portalu na podstronie o adresie URL/formularze
    • Rejestracja użytkownika – dodajemy nowe pola w formularzu rejestracji nowego użytkownika na portalu. Domyślnie są to pola Adresu e-mail, hasła, Imienia, Nazwiska, Płci oraz Wieku. Po wybraniu tego typu formularza jesteśmy w stanie poszerzyć go o dodatkowe pola, do wypełnienia które zostaną wyświetlone bezpośrednio pod wyżej wymienionymi.
    • Subskrypcje użytkownika – analogicznie do poprzedniego typu formularza, tutaj dodajemy dodatkowe pola do wypełnienia na formularzu zakupu subskrypcji.
  • Język  - tu wybieramy dla jakiej wersji językowej portalu formularz powinien się wyświetlać.
  • Nazwa – innymi słowy tytuł naszego formularza, gdzie możemy sprecyzować czego on dotyczy.
  • Opis – tu możemy dodatkowo opisać czego plan dotyczy.

 

Ustawienia

 

ustawienia formularza
Ustawienia formularza.

 

  • Dane przekazywane do Rejestru RODO – jeśli w formularzu prosimy o podanie jakichkolwiek danych osobowych, powinniśmy sprecyzować je właśnie w tym polu.
  • Formularz aktywny – przełączamy, czy formularz jest dostępny do użytku na stronie. Możemy stworzyć go w systemie jako nieaktywny, jeśli planujemy jeszcze go dopracować.
  • Dostępny na liście formularzy – tu decydujemy czy chcemy, aby nasz formularz wyświetlał się na liście formularzy pod URL /formularze.

 

Ustawienia e-mail

 

ustawienia email formularza
Ustawienia e-mail formularza.

 

  • Wyślij wiadomość e-mail po przesłaniu formularza – jesteśmy w stanie sprecyzować na jaki adres e-mail system powinien wysłać wypełniony przez użytkownika formularz.
  • Korzystaj z domyślnych ustawień serwera poczty SMTP – poprzez zaznaczenie tej opcji, wybieramy, aby system wybierał adres mailowy który ustawiliśmy w module [Ustawienia] > [Ustawienia e-mail] zamiast wpisywać go ręcznie w pole powyżej.
  • Wyślij kopię wiadomości do użytkownika – gdy zaznaczymy tą opcję, użytkownik wypełniający formularz zostanie dodatkowo poproszony o podanie swojego adresu e-mail by otrzymać kopię wysłanego formularza. Może to służyć jako potwierdzenie wysłanego formularza, przykładowo, gdy użytkownik zasubskrybował właśnie dostawę wydań papierowych.

 

Ustawienia przycisku wysyłającego formularz

 

ustawienia przycisku wysyłającego formularz
Ustawienia przycisku wysyłającego formularz.

 

  • Tekst przycisku – możemy spersonalizować tekst wyświetlający się na przycisku wysłania formularza; przykładowo w przypadku formularza subskrypcyjnego może to być „Subskrybuj”.
  • Wygląd przycisku – jesteśmy w stanie zmienić kolor przycisku z puli dostępnych opcji.

 

Pola formularza

W tej sekcji dodajemy poszczególne pola formularza. Nowe pola dodajemy poprzez kliknięcie przycisku [+ Dodaj nowe pole]. Warto też zaznaczyć, że w edycji każdego pola możemy osobno ustawić trzy główne parametry:

 

pola formularza
Pola formularza.

 

  • Etykieta – inaczej nazwa wyświetlająca się nad danym polem tekstowym.
  • Opis – dodatkowa informacja wyświetlająca się obok nazwy pola po najechaniu na ikonę informacyjną wyjaśniająca przeznaczenie danego pola do wypełnienia.
  • Pole wymagane – tu możemy określić które pola muszą zostać wypełnione, aby użytkownik był w stanie wysłać formularz.

 

W ramach dodawania nowych pól formularza, mamy do wyboru następujące opcje:

  • Imię i nazwisko – użytkownik podaje swoje imię i nazwisko.
  • Adres e-mail – użytkownik podaje swój adres e-mail; jeśli jest już zalogowany na portal, to pole zostanie wypełnione automatycznie.
  • Adres – przy czym możemy włączyć dodatkowe pola jak [Adres linia 2], [Miasto], [Kod pocztowy] i [Kraj].

 

adres formularze
Ustawienia pola "Adres" podczas tworzenia formularza.

 

  • Numer telefonu.
  • Adres www – pole na dodanie adresu URL.
  • Krótki tekst – użytkownik zyskuje do dyspozycji małe pole tekstowe.
  • Długi tekst – użytkownik dostaje do dyspozycji duże pole tekstowe.
  • Pojedyncze zaznaczenie – jesteśmy w stanie dodać kilka opcji z których użytkownik powinien wybrać jedną. Liczbę opcji możemy dowolnie modyfikować klikając przycisk [+ Dodaj opcję] by dodać nową lub usunąć istniejące poprzez kliknięcie na czerwoną ikonę minusa po lewej stronie.

 

Ustawienia pola pojedyncze zaznaczenie
Ustawienia pola "Pojedyncze zaznaczenie" podczas tworzenia formularza.

 

  • Wielokrotne zaznaczenie – pole działające na podobnej zasadzie jak poprzednie, z tą różnicą, że tym razem użytkownik może wybrać kilka opcji na raz.
  • Rozwijany wybór – ponownie użytkownik ma do wyboru jedną z wielu opcji, ale tym razem wyświetlane one są przez rozwijane menu.
  • Data – użytkownik wybiera datę z pól menu rozwijanego.
  • Data urodzin – użytkownik podaje datę urodzin z pól menu rozwijanego.
  • Liczba – pole wyboru liczby (poprzez wpisanie lub wybór przyciskami góra/dół).
  • Zakres – liczba w ustalonym zakresie.
  • Kolor – wybór koloru z panelu kolorów #HEX.
  • Kraj – wybór kraju z listy alfabetycznej umożliwiającej wyszukiwanie.
  • Język – wybór języka z listy alfabetycznej umożliwiającej wyszukiwanie.
  • Waluta – wybór waluty z listy alfabetycznej umożliwiającej wyszukiwanie.
  • Plik – użytkownik może wgrać plik w dozwolonym formacie; jesteśmy w stanie ograniczyć maksymalny rozmiar pliku.

 

Ustawienia pola "Plik" w formularzach
Ustawienia pola "Plik" w formularzu.

 

  • Zgoda na przetwarzanie danych osobowych – z możliwością zmiany treści klauzuli.
  • Separator – pozioma linia pozwalająca oddzielić elementy formularza.
  • Treść statyczna – treść widoczna w dowolnym segmencie formularza, którą może uzupełnić i modyfikować wydawca.
  • Nagłówek statyczny – nagłówek widoczny w dowolnym segmencie formularza, zazwyczaj na górze, który może uzupełnić i modyfikować wydawca, z możliwością zmiany wielkości nagłówka.

 

ustawienia nagłówka formularza
Ustawienia pola "Nagłówek statyczny" podczas tworzenia formularza.

 

Warunki

Tworząc Formularz możemy uzależnić to, jakie pola zobaczy użytkownik, od tego, jakiego wyboru dokona w polach warunkowych.

Wyjaśnijmy działanie pola warunkowego na przykładzie subskrypcji gazety papierowej, do której redakcja w gratisie dodaje cyfrowe e-wydanie tej samej gazety wysyłane na wskazany adres e-mail. 

Przede wszystkim musimy najpierw dodać jedno z pół pozwalających na stworzenie warunku. Są to:

  • Pojedyncze zaznaczenie
  • Wielokrotne zaznaczenie
  • Rozwijany wybór
  • Przełącznik TAK/NIE
warunki formularza
Pola formularza pozwalające na stworzenie warunku.

 

Naszym celem jest stworzenie pola, w którym użytkownik wyrazi chęć otrzymania opcjonalnego wydania cyfrowego na maila. W tym celu idealnie sprawdzi się [Przełącznik TAK/NIE]. Dodajmy rzeczone pole i uzupełnijmy wymagane pola:

konfiguracja warunku formularza dla przełącznika tak/nie
Przykładowa konfiguracja warunku formularza dla przełącznika tak/nie.

Następnie konieczne jest dodanie pola na adres e-mail, które chcemy pokazać dopiero gdy użytkownik wyrazi chęć otrzymania cyfrowej kopii. Dodajemy nowe pole [Adres e-mail]:

Pole [Adres e-mail]

Teraz pozostaje stworzenie warunku. Gdy mamy przynajmniej jedno pole warunkowe (jedno z czterech widocznych na grafice powyżej), na samym dole widoku edycji formularza pojawi się przycisk [+ Dodaj nowy warunek].

Przycisk [+ Dodaj nowy warunek]


Po jego kliknięciu należy uzupełnić wszystkie pola by wytworzyć logikę - jeżeli zadzieje się akcja nr 1, to w rezultacie wykonuje się akcja nr 2. W naszym przykładzie jest to nastepujący schemat: Jeżeli przełącznik TAK/NIE zostanie zaznaczony, to dopiero wtedy pokaże się pole [Adres e-mail].
Podczas konfigurowania pól, należy wyłącznie na nie klikać. Listy rozwijane automatycznie wyświetlą dostępne pola które dodaliśmy do edytowanego formularza.

tworzenie warunku
Ustawienia warunku.

Od strony użytkownika, w zależności od dokonanego wyboru, formularz wygląda następująco. 

Użytkownik bez e-wydania

wygląd formularza dla użytkownika z ustawieniem warunku bez e-wydania
Wygląd formularza dla użytkownika z ustawieniem warunku dla: bez e-wydania.

 

Użytkownik z e-wydaniem

 

Wygląd formularza dla użytkownika z ustawieniem warunku dla: z e-wydaniem.
Wygląd formularza dla użytkownika z ustawieniem warunku dla: z e-wydaniem.

Podziel się
Oceń