JetFormBuilder Select Autocomplete
Egy klasszikus Select mező addig kényelmes, amíg néhány opcióból kell választani. Amint azonban a lista hosszúvá válik – városnevek, termékek, ügyfelek, szolgáltatások, kategóriák –, a legördülő menü már nem segít, hanem lassít. Görgetni kell, keresgélni kell, mobilon pedig különösen nehézkes a használata. Ez nemcsak rossz felhasználói élményhez vezet, hanem konkrétan növeli a hibák és a félbehagyott űrlapok számát is.
A JetFormBuilder Select Autocomplete ezt a problémát kezeli célzottan. Nem új mezőt erőltet rád, hanem a meglévő Select mezőt alakítja át kereshetővé, gépelésre reagáló, intelligens választómezővé. A felhasználó nem listát böngész, hanem írni kezd, az űrlap pedig azonnal szűkíti számára a találatokat. A végeredmény gyorsabb, pontosabb és lényegesen felhasználóbarátabb kitöltés, még nagy adatforrások esetén is.
A kiegészítő a JetFormBuilder PRO csomag része, amelyet a Crocoblock fejleszt.
Mi változik a gyakorlatban?
A Select Autocomplete bekapcsolása után a mező működése teljesen megváltozik a felhasználó szemszögéből:
Nem egy hosszú listát lát, hanem egy keresőmezőt.
Nem kell lefelé görgetnie, hanem pár karaktert beírnia.
Nem az összes opció töltődik be egyszerre, hanem csak az, ami valóban releváns.
Ez különösen akkor fontos, ha az adatforrás:
– nagy elemszámú
– dinamikusan változik
– külső logikából épül (bejegyzések, taxonómiák, metaadatok)
Intelligens keresés gépelés közben
Amikor a látogató elkezd írni a mezőbe, az autocomplete azonnal keresni kezd az elérhető opciók között. Nincs szükség Enterre vagy külön gombra: a találatok valós időben frissülnek. Ez a „type-ahead” működés gyorsan elvezeti a felhasználót a kívánt elemhez, még akkor is, ha több száz vagy több ezer lehetőség közül kell választania.
A keresés viselkedése szabályozható, így elkerülheted a túl sok, zajos találatot.
AJAX-os betöltés nagy adatmennyiséghez
Ha a Select mező mögött lévő adatok nagyok vagy gyakran változnak, a Select Autocomplete képes AJAX-alapon dolgozni. Ebben az esetben:
– az opciók nem töltődnek be előre
– a lista csak kérésenként frissül
– az űrlap gyorsabban tölt be
– a szerver terhelése is csökken
Ez ideális megoldás például készlethez kötött termékeknél, időpontlistáknál vagy adminisztrációs űrlapoknál.
Minimum beviteli hossz – kontrollált keresés
Megadhatod, hogy a rendszer hány karakter begépelése után induljon el a keresés. A leggyakoribb beállítás 2 vagy 3 karakter. Ez nemcsak teljesítmény szempontból előnyös, hanem a találatok minőségét is javítja: kevesebb irreleváns opció jelenik meg, gyorsabban megtalálható a megfelelő választás.
Együttműködik minden Select-forrással
A Select Autocomplete nem korlátoz abban, honnan származnak az opciók. Ugyanúgy működik:
– kézzel felvett listákkal
– WordPress bejegyzésekkel
– taxonómiákkal
– metaadatokkal
– glosszáriumokkal
– dinamikus lekérdezésekkel
Ez azt jelenti, hogy akkor is használható, ha az űrlapod egy összetett adatmodellre épül.
Tipikus felhasználási helyzetek
Egy pénztári vagy regisztrációs űrlapon több ezer város közül kell választani. A felhasználó beírja az első pár betűt, és azonnal csak a releváns települések maradnak.
Rendelésfelvételnél a Select mező termékekből épül fel. Az autocomplete segítségével a lista valós időben szűkül, így nem kell hosszasan keresgélni.
Foglalási vagy admin űrlapokon ügyfelek, szolgáltatások vagy belső azonosítók választhatók ki gyorsan, pontosan.
Olyan helyzetekben is ideális, ahol az opciók gyakran frissülnek, hiszen az AJAX betöltés mindig az aktuális adatokat mutatja.
Telepítés és aktiválás
A kiegészítő telepítése a JetFormBuilder saját rendszerén belül történik:
- WordPress admin → JetFormBuilder → Addons
- Select Autocomplete kiegészítő kiválasztása
- Install, majd Activate
Ezt követően nem jelenik meg külön menüpont: az új funkciók közvetlenül a Select mező beállításainál érhetők el.
Használat az űrlapban
Az űrlapszerkesztőben:
- Adj hozzá egy Select mezőt
- Állítsd be az adatforrást
- Kapcsold be a Use Autocomplete opciót
- Szükség esetén aktiváld a Loading via AJAX lehetőséget
- Add meg a Minimum input length értékét
Az űrlap megjeleníthető Gutenberg blokkal, Elementorban, Bricksben vagy shortcode segítségével:
[jetformbuilder id="123"]
Miért éri meg használni?
A felhasználó gyorsabban tölt ki űrlapokat.
Kevesebb a félbehagyott kitöltés.
Csökken a hibázás esélye.
Nagy adatforrások mellett is megmarad a jó teljesítmény.
Ez nem pusztán kényelmi funkció, hanem UX-javító és konverziónövelő megoldás, különösen összetettebb formoknál.
Kinek ajánlott igazán?
Webshopoknak, ahol a kiválasztás része a vásárlási folyamatnak.
Szolgáltatóknak és foglalási rendszereknek nagy opciólistákkal.
Ügynökségeknek és site buildereknek, akik skálázható megoldásokat adnak át.
Belső admin űrlapokhoz, ahol gyors adatkeresésre van szükség.
Összegzés
A JetFormBuilder Select Autocomplete nem látványos „extra”, hanem egy olyan kiegészítő, amely ott válik igazán értékessé, ahol a hagyományos Select mező már akadályozza a felhasználót. Kereshetővé, gyorssá és skálázhatóvá teszi a választást, miközben teljesen a JetFormBuilder logikáján belül marad.