Nowa paginacja forminatora dla quizów (i nie tylko!)

Nasza 5-gwiazdkowa darmowa wtyczka do tworzenia formularzy, Forminator, ma kilka zaawansowanych funkcji, które możesz wdrożyć już dziś w swojej witrynie WordPress.

Na przykład ma paginację dla quizów wiedzy i osobowości! Pozwala to wyświetlać pytania quizowe pojedynczo lub wszystkie pytania naraz. Funkcja paginacji pomaga określić, w jaki sposób quiz będzie wyświetlany i używany.

Ponadto Forminator ma również edycję zbiorczą, obsługę obrazów w polach Checkbox i Radio oraz pozycjonowanie odznak reCAPTCHA!

What's new in Forminator.
W Forminatorze jest mnóstwo nowości!

Ten artykuł pokaże ci obsługę paginacji i inne funkcje, dzięki czemu możesz je wdrożyć do swojej witryny WordPress już dziś.

Przyjrzymy się:

Do czasu przeczytania tego, masz nadzieję, że masz kilka pomysłów, aby natychmiast wprowadzić te funkcje w życie!

Tworzenie nowego quizu z podziałem na strony

Jeśli chcesz wyświetlić kilka pytań do quizów wiedzy naraz, będziesz chciał użyć paginacji quizów. Jak zobaczysz, tworzenie quizu z paginacją jest tak proste jak zawsze z Forminator.

Zaczniesz jak zwykle od nowego quizu. Wystarczy kliknąć Utwórz…

Where you start to create a quiz.
Przycisk Utwórz pozwoli Ci zacząć!

… to nadaj mu nazwę quizu. W tym przykładzie stworzymy Quiz Wiedzy.

Where you create a new knowledge quiz.
Utwórz nazwę, którą zapamiętasz, do czego będzie używana.

W tym momencie Forminator zapyta cię, jak chcesz przedstawić swój quiz. Ponieważ skupiamy się na paginacji, wybierzemy opcję quizu z Paginacją i naciśniemy Continue.

The paginated quiz option.
Wybór należy do ciebie: bez paginacji lub paginacji quizu.

Gdy będziesz kontynuować, będziesz mieć również możliwość zbierania potencjalnych klientów. To zależy od Ciebie i nie będzie miało żadnego wpływu na opcje paginacji.

Po utworzeniu quizu możesz go skonfigurować jak zwykły quiz (np. dodając tytuł, polecane obrazy itp.). Dodatkowo dodaj swoje pytania.

Jeśli potrzebujesz pomocy w przygotowaniu szczegółowego quizu, zapoznaj się z naszym artykułem Jak najlepiej wykorzystać Forminator, aby przejść przez proces.

Edycja Paginacji

Skonfigurowałem kilka pytań i jestem teraz gotowy do edycji paginacji (i ponownie, jeśli potrzebujesz pomocy w konfigurowaniu pytań, zapoznaj się z tym artykułem).

Edycja stronicowania odbywa się z zakładki zachowanie.

Gdy już tu jesteś, masz możliwość bez paginacji lub paginacji quizu. Jest to więc można usunąć paginacji, jeśli zdecydujesz się nie używać go w przyszłości.

Dla tego artykułu, idziemy z Paginated Quiz.

The paginated quiz option.
To określi sposób prezentacji Twoich pytań.

Quiz z podziałem na strony pozwala określić liczbę pytań na stronę, tekst przycisku Start quizu i tekst flub przyciski Poprzedni i następny. Możesz także zaznaczyć to pole, jeśli chcesz wyświetlić wskaźnik strony.

To tak proste, jak wypełnienie szczegółów w udostępnionych miejscach.

Pagination details.
Dodaj tyle pytań na stronę, ile chcesz!

Po wprowadzeniu szczegółów paginacji, reszta może zostać utworzona jak każdy inny quiz wiedzy. W tym:

  • Metoda wyświetlania wyników (w czasie rzeczywistym lub po złożeniu)
  • Opcja pokazania Ładowarki ewaluacyjnej
  • Poprawna Odpowiedź
  • Nieprawidłowa Odpowiedź
  • Opcje Udostępniania Społecznościowego
  • Opcje renderowania (załaduj quiz za pomocą AJAX i zapobiegaj buforowaniu strony na stronach quizu)

Ustaw quiz, jak uważasz za stosowne, a następnie jesteś na…

Podgląd quizu

Po skonfigurowaniu quizu zgodnie ze standardami kliknij Podgląd, aby zobaczyć, jak wygląda. Sprawdźmy to!

Wgrałem zdjęcie z okładki, pod tytułem “Forms and Superheros” i dodałem opis. Tak zaczyna się quiz…

Beginning of quiz image.
Aby rozpocząć, wciskasz przycisk “Rozpocznij Quiz”.

A oto krótki opis, w którym mam poprawną — i niepoprawną-odpowiedź. I pokaże mi wyniki. Należy pamiętać, że jest to quiz z dwoma pytaniami, które chciałem na tej samej stronie.

Jak widać, Forminator informuje, kiedy odpowiedź jest prawidłowa lub błędna.

Po kliknięciu przycisku Wyświetl wyniki, Forminator informuje Cię dokładnie, ile masz dobrych, a ile złych. Whew! To było trudne.

Results of quiz.
½ To kiepski wynik. Nie powinienem był wybierać Dev jako mojej ulubionej postaci.

Jeśli podgląd wygląda dobrze, jak każdy quiz, naciśnij Publikuj, a Forminator dostarczy krótki kod, który może być użyty na dowolnej stronie, poście lub akceptowalnym widżecie.

Forminator shortcode.
Kciuki w górę od Forminatora oznaczają, że jest gotowy do pracy.

I to wszystko!

Jeśli potrzebujesz, zawsze możesz edytować quiz w dowolnym momencie za pomocą Pulpitu Nawigacyjnego Forminatora. W przeciwnym razie Twój paginowany quiz wiedzy jest gotowy do pracy.

Edycja Zbiorcza

Kolejną świetną zaawansowaną funkcją edycji w Forminatorze jest edycja Zbiorcza. Edycja zbiorcza pozwala dodać dużą liczbę opcji jednocześnie. Dzięki temu proces edycji jest bardziej usprawniony, wydajny i szybki.

Ta funkcja działa z polami Radio, pole wyboru i zaznacz.

Various fields in Forminator.
Wszystkie te pola można edytować zbiorczo.

Jeśli chodzi o edycję zbiorczą, masz trzy opcje. Możesz edytować zbiorczo:

  • Ręcznie
  • Przez plik CSV
  • Predefiniowane Opcje

Proces implementacji jest taki sam we wszystkich dziedzinach. Edycja zbiorcza znajduje się na karcie etykiety w każdym polu.

Aby rozpocząć, po prostu kliknij opcję edycji zbiorczej.

Wystarczy jedno kliknięcie, aby się ruszyć.

Po zaimplementowaniu edycji zbiorczej wszystkie istniejące opcje zostały utworzone ręcznie automatycznie zapełni się w sekcji Edycja Zbiorcza.

Various options.
Niektóre z opcji to Wariant 1; jeden; 0 i Wariant 2; dwa; 0.

Przyjrzyjmy się każdej opcji, jeśli chodzi o edycję zbiorczą.

Ręczne Wprowadzanie Opcji Zbiorczych

Ta opcja jest świetna, jeśli chcesz ręcznie wprowadzić lub wkleić listę opcji do obszaru edycji zbiorczej. Wykonując tę czynność, wprowadź je po jednym wierszu, z każdym wyrazem oddzielonym średnikiem w tej kolejności:

  • Etykieta Opcji;
  • Wartość Opcji;
  • Wybrane;
  • Adres URL obrazu (może być pusty, jeśli nie masz obrazu)

Możesz też wprowadzić tylko Etykietę. W ten sposób Forminator automatycznie wygeneruje wartość i ustawi zaznaczone na zero. Ponadto nie doda adresu URL obrazu.

Przykład tego może wyglądać następująco…

Manual example of entering field options.
Jak widać, dodałem mój adres URL do obrazu.

Ręczne wprowadzanie opcji jest najlepsze do dodawania tylko kilku opcji naraz zbiorczo.

Dodawanie opcji za pomocą pliku CSV

Gdy masz mnóstwo opcji w pliku CSV, możesz szybko przesłać je zbiorczo do Forminatora.

Co jeśli nie masz pliku CSV? Pobierz szablon CSV Forminatora. Zawiera listę przykładów, które można edytować, aby uwzględnić własne opcje.

Where you download a CSV template.
Możesz wygodnie pobrać szablon CSV.

Przykładowy plik ma podstawowe znaczenie, zawiera tylko kilka informacji. Edytuj, jak chcesz, a następnie kliknij Prześlij plik po edycji i zapisaniu pliku CSV. Następnie naciśnij Importuj, aby dodać wszystkie opcje do sekcji Edycja Zbiorcza.

The import button.
Pojawi się nazwa pliku i po prostu zaimportuj go.

Pamiętaj, że przesyłanie zastąpi wszystkie istniejące opcje, które masz na miejscu.

Predefiniowane Opcje

Forminator ma sporo predefiniowanych opcji, których możesz użyć w jednej chwili. Wszystkie są dostępne w rozwijanym menu.

Menu rozwijane ma je wszystkie.

Wybierz z rozwijanego menu:

  • Wiek
  • Płeć
  • Wykształcenie
  • Status Zatrudnienia
  • Zawód
  • Stan Cywilny
  • Kontynenty
  • Kraje
  • Stany Amerykańskie
  • Prowincje Kanady

Dodatkowo możesz dodać nową opcję, która pozwoli Ci wprowadzić dane.

Predefiniowane opcje umożliwiają szybką i łatwą edycję zbiorczą niezależnie od pola, w którym pracujesz.

Dodatkowe Zaawansowane Funkcje

Istnieje kilka bardziej zaawansowanych funkcji Forminatora, które mogą okazać się pomocne. Wszystkie te elementy zostały uwzględnione w wersji 1.14.12 i obejmują obsługę obrazu dla pola Checkbox & Radio, pola opisu quizu HTML oraz ustawienie pozycji odznaki reCAPTCHA.

Szybko sprawdzimy każdy z nich i zademonstrujemy, jak działają.

Obsługa obrazu w polu Checkbox i Radio

Forminator daje teraz możliwość przesłania obrazu do pól Checkbox i Radio. Może to pomóc formularze stają się znacznie bardziej atrakcyjne wizualnie i łatwiejsze do skonfigurowania than przesyłanie obrazu oddzielnie dla formularza.

Wystarczy mieć formularz z polami w nich (jeśli potrzebujesz pomocy w konfigurowaniu formularza, sprawdź nasz artykuł Jak w pełni wykorzystać Forminator).

Przejdź do pola formularza, a zobaczysz, że na karcie etykiety znajduje się pole wyboru, które możesz kliknąć, aby włączyć obrazy.

Where you enable images.
Włączanie obrazów to tylko jedno kliknięcie!

Po włączeniu wystarczy przejść do opcji, kliknąć menu rozwijane według dowolnej opcji, w której chcesz umieścić obraz, i przesłać zdjęcie.

The dropdown to upload images.
Prześlij odpowiedni obraz, który pasuje do twojej opcji.

Po przesłaniu zdjęć kliknij Zastosuj i gotowe! Twoje zdjęcia zostaną dołączone do pola wyboru lub pola radiowego.

Image options examples.
Forminator sprawia, że niektóre odpowiednie obrazy są tutaj używane.

Zawsze możesz edytować i dostosowywać swoje obrazy w dowolnym momencie.

Pole opisu quizu HTML

Dodaj opisy dla każdej odpowiedzi quizu w polu opisu quizu HTML Forminatora. Ta funkcja pomaga wyjaśnić każdą odpowiedź dla użytkowników i może pomóc w bardziej angażującym quizie.

Wszystko, co robisz, to wpisujesz go w obszarze opisu w każdym polu pytania.

Description of quiz response.
Dodaj idealny opis do quizu osobowości lub wiedzy!

Po wprowadzeniu opisu kliknij Zastosuj. Twój opis został dodany!

Ustaw pozycję odznaki reCAPTCHA

Jest to szybka regulacja, której można dokonać w odniesieniu do pozycji reCAPTCHA. Daje Ci to kontrolę nad miejscem wyświetlania reCAPTCHA.

Wystarczy wejść w pole reCAPTCHA, kliknąć Ustawienia i wybrać miejsce, w którym ma pojawić się plakietka w witrynie.

Wybierz spośród tych konkretnych obszarów:

  • Prawy Dolny Róg
  • Dolny Lewy
  • Inline w formie

Image of badge position options.
To tylko kwestia wyboru idealnej pozycji dla Twojej witryny WordPress!

Po wybraniu miejsca, w którym ma się pojawić plakietka, kliknij Zastosuj.

Należy pamiętać, że działa to tylko z opcjami V2 Invisible i reCAPTCHA V3.

Aby uzyskać więcej informacji na temat korzystania z reCAPTCHA, przeczytaj nasz artykuł dotyczący włączenia go do naszej wtyczki bezpieczeństwa, Defender.

Paginacja jest sensacją!

Jeśli uważasz, że funkcje takie jak paginacja są rewelacyjne, Forminator stale dodaje nowe korzystne funkcje i ulepszenia. Pamiętaj, aby śledzić naszą mapę drogową, aby zobaczyć, co dalej!

A teraz, gdy już wiesz, jak, wdrożyć te zaawansowane funkcje (za darmo!) i spróbuj już dziś.

Happy form building!