Formularz pól obliczeniowych: przegląd i przegląd wtyczek

Jednym z najpopularniejszych typów wtyczek w repozytorium WordPress.org jest kreator formularzy. Od form grawitacyjnych, form kaldery, korków ninja, formularza kontaktowego 7 i tak dalej, masz prawie nieograniczone możliwości. Jednak nie wszystkie kreatory formularzy są sobie równe. Każdy programista skupia się na nieco innym doświadczeniu użytkownika i zestawie funkcji. Co utrudnia wybór najlepszej opcji. Jeśli szukasz wtyczki z logiką warunkową, która obsługuje tyle skomplikowanych formuł i obliczeń, ile możesz na nią rzucić, formularz pól obliczeniowych wyróżnia się na tle szumu.

Subskrybuj nasz kanał YouTube

Formularz pól obliczanych

Formularz pól obliczeniowych wyróżnia się nie tylko ze względu na swoją użyteczność, ale wtyczka jest również jedną z najwyżej ocenianych wtyczek obsługujących Gutenberg (Edytor bloków WordPress) w repozytorium wtyczek. Już samo to sprawia, że ​​warto to sprawdzić, ponieważ mimo że Edytor bloków jest domyślnie włączony, nie każda znaleziona wtyczka zintegrowała się z nowym ekosystemem.

Wtyczka jest również doskonale kompatybilna z Edytorem klasycznym (i kreatorami stron, takimi jak Divi, do rozruchu), więc niezależnie od tego, jak zaprojektujesz swoją witrynę, formularz pól obliczeniowych będzie z nią działał. Wspominamy o tym, ponieważ nie zawsze masz gwarancję, że dana wtyczka będzie działać na całym świecie. Po przetestowaniu CFF z edytorem bloków, edytorem klasycznym i programami do tworzenia stron pomyśleliśmy, że warto o tym wspomnieć.

Niektóre z funkcji, o których warto wspomnieć, to tylko te, które można obliczyć za pomocą wtyczki. Ponieważ nie jest to tylko wtyczka do formularza kontaktowego, będziesz miał dla niej bardzo konkretne przypadki użycia. Niektóre z najważniejszych cech to

• przyjmowanie płatności z samego formularza (przez PayPal) po wykonaniu niezbędnych obliczeń
• wizualny kreator formularzy
• wiele gotowych szablonów
• przesyłanie i przechowywanie bazy danych
• nieograniczona ilość pól obliczeniowych
• warunkowe reguły i logika
• wiele typów pól (radio, lista rozwijana, pole wyboru itp.)
• proste lub zaawansowane opcje obliczeń (wspólna matematyka oraz operatory trójskładnikowe)
• formularze wielostronicowe
• pola zależne
• sortowanie wartości
• blokowanie formularzy dla robotów wyszukiwarek

Krótki przegląd

Instalacja CFF jest prosta. Przejdź do repozytorium wtyczek WordPress.org, pobierz wtyczkę CFF, a następnie prześlij ją z opcji menu Wtyczki – Dodaj nowy na pulpicie nawigacyjnym WP. Po wykonaniu tej czynności na pasku bocznym pojawi się nowa opcja formularza pól obliczeniowych .

Jak zauważysz, z 4 przedstawionych Ci opcji tylko 1 z nich jest rzeczywistym linkiem do ustawień. Łącze do dokumentacji otwiera witrynę internetową i bazę wiedzy programistów, a łącze Pomoc online prowadzi do forum pomocy technicznej WP.org. Uaktualnij… cóż, prowadzi do strony aktualizacji, aby przejść z bezpłatnej wersji.

Chodzi nam o to, że wtyczka, która ma tak dużą moc pod maską, jest na tyle prosta w użyciu, że potrzebujesz tylko jednej strony ustawień/opcji, aby uzyskać pełny efekt. To naprawdę imponujące. Trzeba przyznać, że prawdziwe opcje są wykonywane na zasadzie formularz po formularzu, ale wiele wtyczek z polami obliczeniowymi może być przytłaczających, a ta z góry prostota sprawia, że ​​jest dostępny.

Tworzenie formularzy

Darmowa wersja (którą omówimy tutaj) zawiera 5 przykładowych formularzy, z których możesz powielać i edytować zgodnie z własnymi specyfikacjami lub, jeśli są one tym, czego potrzebujesz, użyć od razu po wyjęciu z pudełka.

• Proste operacje
• Kalkulacja z datami (dla kalendarza rezerwacji itp.)
• Kalkulator idealnej wagi
• Kalkulator ciąży
• Kalkulator dzierżawy

Widzisz każdy z nich natychmiast po załadowaniu tej strony. Możesz dodać krótki kod po prawej stronie w dowolnym miejscu, które renderuje krótkie kody, i jesteś w biznesie. Możesz także nacisnąć Klonuj, aby zduplikować formularz i edytować obliczenia już tam za pomocą przycisku Ustawienia .

Pod tą listą znajduje się przycisk Nowy formularz , którego użycie po prostu dodaje nową opcję na dole powyższej listy formularzy.

Bez względu na to, ile chcesz formularzy, po prostu oznacz

Edycja formularzy

Niezależnie od tego, jaki formularz chcesz edytować, naciśnięcie przycisku Ustawienia powoduje przejście do wizualnego edytora tego formularza. Odkąd zaczęliśmy nowy, przyjrzymy się pustemu płótnu.

Wszystko, co musisz zrobić, to kliknąć element po lewej stronie, a pojawi się on po prawej stronie. W tym momencie możesz przeciągnąć go w dowolne miejsce w formularzu.

Kliknij w nowo pojawiające się pole po prawej stronie. Karta po lewej stronie zmieni się z Dodaj pole na Ustawienia pola .

Każde pole ma nieco inną stronę ustawień, ale uniwersalna to Nazwa pola, Znacznik wiadomości . Poza etykietą tępą jest to znacznik zmiennej, który zamierzasz wstawić, aby odwoływać się do wartości tego pola we wszelkich dodanych obliczeniach.

Po zakończeniu dostosowywania wszystkich potrzebnych ustawień pola karta Ustawienia formularza jest dość oczywista. Dostosujesz wszystkie ogólne opcje formularza, takie jak wyrównanie, trwałość plików cookie, tworzenie szablonów, CSS i tak dalej.

Kiedy osiągniesz ten punkt (lub w jakimkolwiek wcześniejszym momencie), musisz nacisnąć Zapisz zmiany . Jeśli tego nie zrobisz, stracisz wszystkie dokonane modyfikacje. W narzędziu do tworzenia formularzy pól obliczeniowych nie ma automatycznego zapisywania . Więc cokolwiek zrobisz, naciśnij Zapisz zmiany .

Spowoduje to powrót do strony głównej, ale możesz szybko edytować ponownie. Jest to o wiele łatwiejsze niż utrata postępów podczas ustawiania obliczeń. (Ucz się na naszych błędach w tym przypadku.)

Więcej opcji formularzy – tekst i walidacja

Poniżej przycisku Zapisz zmiany znajduje się dodatkowy zestaw ustawień i opcji formularza.

Wiele osób w niewielkim stopniu będzie korzystać z tych ustawień. Tekst etykiety można dostosować w obszarze Zdefiniuj teksty , wybierając to, co użytkownicy widzą na poprzednich i następnych przyciskach oraz paginacji.

Za pomocą ustawień walidacji określasz , czy musisz zweryfikować wpisy (czy to prawdziwy e-mail? czy wpisano tekst w polu liczbowym?), czy nie. Jeśli zdecydujesz, że chcesz użyć walidacji (co jest bardziej niż prawdopodobne), możesz użyć tej sekcji, aby edytować tekst zastępczy, który zobaczą Twoi użytkownicy. Ogólnie rzecz biorąc, domyślny tekst działa i dokładnie informuje użytkownika, jakie informacje są ważne dla obliczeń.

W niektórych przypadkach może być konieczne doprecyzowanie lub użycie żargonu lub terminów branżowych, i wtedy to pole ustawień jest najczęściej używane. Najprawdopodobniej jednak tego nie użyjesz i prawdopodobnie nie powinieneś niczego zmieniać. To jest przypadek klasowy, jeśli nie jest zepsuty, nie naprawiaj tego .

Produkt końcowy

Zdobyć? Produkt? To żart matematyczny. Ponieważ robimy obliczenia.

W każdym razie, gdy naciśniesz Zapisz i zobaczysz swój formularz w całej okazałości, powinieneś zobaczyć coś, co wygląda tak w kreatorze formularzy:

I coś takiego na stronie na żywo:

Ostateczny formularz powyżej korzystał z Szablonu 2, ustawionego w zakładce Ustawienia formularza .

Korzystanie z Edytora bloku

Wspomnieliśmy powyżej, że formularz pól obliczeniowych jest kompatybilny z Edytorem bloków, więc chcieliśmy poświęcić krótką chwilę, aby pokazać, jak łatwo jest ich używać razem. Na początek nadal będziesz musiał wykonać te same kroki, co powyżej, aby utworzyć formularze i uzyskać obliczenia we właściwych miejscach.

Po tym jednak otwórz post lub stronę w Edytorze bloku, do której musisz wstawić formularz. Naciśnij kółko +, aby dodać nowy blok, przewiń do sekcji Formularz pól obliczeniowych i kliknij Wstaw CFF .

Następnie spójrz na prawą stronę ekranu pod ustawieniami bloku. Możesz użyć listy rozwijanej Formularze, aby wybrać formularz, którego potrzebujesz. Blok CFF zostanie następnie zaktualizowany w poście w czasie rzeczywistym.

Aby wprowadzić zmiany w formularzu, nadal będziesz musiał użyć wizualnego konstruktora formularzy z góry. Ale wstawianie i stylizowanie za pomocą Edytora bloku jest tak proste.

Zawijanie

Jak widać, wtyczka Calculated Fields Form może robić niesamowicie potężne rzeczy. Nawet w darmowej wersji. Jeśli zdecydujesz się na uaktualnienie, otrzymasz jeszcze bardziej niezawodne funkcje, ale dla wielu osób darmowa wersja będzie wystarczająco wydajna, aby przejść przez wszelkie obliczenia i warunki, których potrzebują ich użytkownicy. Jak powiedzieliśmy powyżej, w repozytorium znajduje się prawie nieskończona liczba wtyczek formularzy, ale uważamy, że formularz pól obliczeniowych jest jednym z lepszych wyborów. Zwłaszcza jeśli nie szukasz kreatora formularzy kontaktowych.

Jakie masz doświadczenia z CFF?

Artykuł wyróżniony obrazem autorstwa sibgat / shutterstock.com