Wprowadzenie 

W iPresso wprowadziliśmy nowy moduł formularzy. 

Zmiany mają na celu poprawienie działania formularzy oraz dodanie kilku kluczowych funkcjonalności.
Pamiętaj, że nowe formularze działają niezależnie i nie są powiązane ze starym modułem formularzy, dzielą jednak wspólną pulę limitów.

Nowy moduł formularzy znajdziesz w zakładce Treści:

 

Tworzenie nowych formularzy w praktyce

Szablon

Do tworzenia formularzy wykorzystywany jest edytor Studio. 

Pierwszym krokiem jest wybór szablonu formularzy. 

Do wyboru są rozmaite szablony formularzy oraz bardziej zaawansowane opcje formularzy HTML i formularzy API.

Opcja HTML pozwala na stworzenie własnego formularza przy pomocy kodu HTML. 

Druga opcja pozwala na wgranie danych formularza poprzez API. W tym wypadku warstwa wizualna formularza jest definiowana przez użytkownika poza panelem iPresso. Szczegóły konfiguracji Rest API oraz JS API omówiliśmy niżej.

Pola

Po wyborze szablonu formularza, zostaniesz przekierowany do następnej sekcji o nazwie pola. Tutaj możesz wybrać, jakie pola będzie posiadał dany formularz. Kolejność tworzenia pól nie jest ważna w tym momencie. Na początku należy wybrać wszystkie typy pól formularza, jakie będziesz wykorzystywać w kreacji.

 

Do wyboru są następujące typy:

• Atrybut kontaktu 
• Pola formularzowe 
• Zgoda
• Pula kuponów 
• Plik

Pamiętaj, że podczas kreacji formularza, w zakładce pola dostępne będą jedynie pola formularza, które zostały już wcześniej stworzone i skonfigurowane w sekcji definicje pól.

Nowe pole formularza możesz stworzyć w sekcji definicje pól w głównej zakładce nowych formularzy. 

Każde pole możesz skonfigurować według swoich potrzeb:

Sekcja Ustawienia pozwala na warunkowe pokazywanie lub ukrywanie pola w zależności od wartości innego pola. Po zaznaczeniu tej opcji, pojawi się panel konfiguracji:

Tutaj możesz sprecyzować rodzaj zależności między polami.

 

W sekcji Walidacje możesz ustalić czy dane pole jest wymagane (a także czy wymagalność jest uzależniona od odpowiedniego uzupełnienia innego pola). Możesz tu także ustalić czy wprowadzona informacja musi mieć format adresu e-mail lub adresu URL, a także zdefiniować, jaka jest minimalna i maksymalna ilość znaków w polu. Po zaznaczeniu odpowiedniej opcji możesz dodatkowo wpisać treść komunikatu wyświetlanego w przypadku niespełnienia danego wymogu.

Wygląd

Następna zakładka pozwala na dostosowanie wyglądu i położenia pól, które zostały skonfigurowane w poprzedniej sekcji. Warstwa wizualna formularza tworzona jest przy pomocy kodu HTML

Funkcjonalność ta dostępna jest jedynie przy wyborze opcji HTML.

Edytor pozwala na szybki podgląd responsywności formularza.

Akcje

W zakładce „akcje” możesz ustawić dostęp do konta i ustalić, jakie zmiany danych kontaktu mają zostać wprowadzone w momencie zakończenia uzupełniania formularza (np. ustawienie tagu lub atrybutu dla kontaktu)

Kliknięcie na ikonę ustawień otworzy sekcję konfiguracji dodatkowej, gdzie możesz zdecydować, czy akcja będzie uruchomiona w ten sam sposób dla każdego otwarcia formularza, czy jedynie przy pierwszym jego wypełnieniu.

Dodatkowo, osobne akcje mogą zostać uruchomione, gdy formularz zostanie zapisany (np. wysłanie wiadomości email do kontaktu, przesłanie powiadomień na określone adresy e-mail lub dodanie kontaktu do scenariusza).

Specyficzną akcją jest dwuetapowa weryfikacja zgód - uruchomienie jej sprawi, że zgoda zostanie zaakceptowana dopiero po kliknięciu w link w wysłanej wiadomości.

Ustawienia

Ustawienia to kolejna zakładka; tutaj znajdziesz wszystkie niezbędne dodatkowe ustawienia formularza, takie jak jego nazwa, klucz API czy określenie komunikatów, jakie mają być wyświetlane w przypadku błędnego wypełnienia (walidacji) formularza. 

 

Dodatkowo, możesz tutaj ustawić limit wypełnień oraz komunikaty wyświetlane, gdy limit zostanie przekroczony, czy też zakres dat, w których formularz będzie aktywny. 

Ważna uwaga - nie musisz wskazywać daty zakończenia przyjmowania wypełnień.

Podsumowanie

Ostatnim krokiem jest podsumowanie, gdzie ustawienia i informacje podane w poprzednich krokach są automatycznie sprawdzane i weryfikowane. Jeśli brakuje danych lub zostały wprowadzone w sposób nieprawidłowy, odpowiednia belka będzie podświetlona na czerwono i pojawi się komunikat z informacją, co należy poprawić.

Co dalej? 

Po zapisaniu nowego formularza zostanie on przeniesiony do kopii roboczych. Jest to domyślne miejsce, w którym będą pojawiać się nowe formularze. Z tego miejsca możesz uruchomić bądź przetestować formularz.

Aby przetestować formularz, kliknij w ikonę więcej opcji oraz wybierz z listy opcję uruchom w trybie testowym.

Formularz zostanie przeniesiony z kopii roboczych do zakładki w trybie testowym.

Formularze w trybie testowym muszą być zamieszczone na stronie w ten sam sposób, co formularze aktywne (zgodnie z instrukcją zamieszczania na stronie). Aby formularz wyświetlił się, potrzebne jest dodanie do adresu strony parametru "iPressoTestForm=true". 

Przykładowy adres strony to: "https://my-site.pl?iPressoTestForm=true".

 

Formularze w trybie testowym mogą generować raporty. 

Po usunięciu formularzy z zakładki w trybie testowym raporty zostaną automatycznie usunięte. 

Zależnie od tego czy wybrałeś opcję HTML, czy opcję API, w sekcji więcej opcji  dostępna jest odpowiednia instrukcja zamieszczenia formularzy:

Instrukcja zamieszczania zawiera skrót informacji potrzebnych do wgrania formularza na stronę przy pomocy kodu HTML.

Instrukcja wywołania API zawiera linki do dokumentacji oraz przykłady użycia z podziałem na REST API, MOBILE API oraz JS API.

MOBILE API

JS API

Ostatnim elementem jest włączenie odpowiednich metod JS API dla monitorowanych stron, na których chcesz uruchomić nowy formularz. 

Aby uruchomić te metody, udaj się do System >> Monitoring >> Monitorowane strony. 

Następnie wybierz bądź dodaj stronę, na której chcesz wyświetlić formularz i otwórz więcej opcji, a następnie wybierz ustawienia metod JS API.

Po przejściu do wskazanego elementu aktywuj dwie ostatnie dostępne opcje czyli Zapis Formularza oraz Pobranie formularza.

Podsumowanie

Nowa wersja formularzy oferuje więcej możliwości konfiguracji względem poprzedniej wersji, pozwalając na dokładniejsze dostosowanie formularza do swoich wymagań. 

W niedalekiej przyszłości pojawi się edytor, który ułatwi konfiguracje wyglądu formularzy w wersji HTML.