Ugrás a fő tartalomhoz

JetFormBuilder Select Autocomplete

Mi ez és milyen problémát old meg?​

A JetFormBuilder Select Autocomplete egy PRO kiegészítő, amely a Select mezőt “type-ahead” kereséssel és AJAX-os, valós idejű opcióbetöltéssel bővíti. Akkor jön jól, amikor hosszú legördülő listákból kell választanod: nem kell végiggörgetned száz vagy ezer elemet, elég pár karaktert beírnod, és azonnal megkapod a releváns találatokat. Ezzel gyorsabbá, pontosabbá és felhasználóbarátabbá teszi az űrlapkitöltést.

Fő funkciók, részletekben​

  • Gépelés közbeni javaslatok (type-ahead)

    • Amint elkezdesz gépelni a Select mezőbe, a bővítmény a rendelkezésre álló opciók között keres, és releváns találatokat kínál. Ez különösen hasznos nagy adathalmazoknál (városok, termékek, ügyfélnevek).

  • AJAX-alapú opcióbetöltés

    • A lehetőségek nem egyszerre töltődnek be, hanem kérésenként, valós időben. Így az űrlap gyorsabban betölt, a szerver kevésbé terhelődik, és az adatok mindig naprakészek (például változó készlet vagy foglalási időpontok esetén).

  • Minimum beviteli hossz (Minimum input length)

    • Beállíthatod, hány karakter után induljon a keresés (jellemzően 2–3). Ez csökkenti a felesleges kérések számát és a találatok zaját, miközben megtartja a gyors használhatóságot.

  • Egyszerű kapcsolók a mezőben

    • A Select mező beállításai között külön Use Autocomplete kapcsolóval aktiválhatod az automatikus kiegészítést, valamint külön Loading via AJAX kapcsolóval teheted aszinkronná a betöltést. Nincs szükség kódolásra, minden a szerkesztőben állítható.

  • Teljes integráció a Select mező forrásaival

    • Az autocomplete a Select mező minden elérhető forrástípusán működik: kézi lista, bejegyzések, taxonómiák, meta adatok, glosszárium stb. Így akár dinamikus adatbázisok fölött is kényelmesen kereshetsz.

Gyakorlati példák​

  • Pénztár űrlap – város kiválasztása

    • Több ezer város közül kell választani? Állíts be 2–3 karakteres minimumot, és a felhasználó már a név első betűi után megkapja a szűkített listát.

  • Rendelésfelvétel – termékkeresés

    • Ha a Select a termékkatalógusból épül, az autocomplete gépelés közben szűri a termékeket, így nem kell hosszú listákat böngészni.

  • Foglalási űrlap – szolgáltatás/ügyfél kiválasztása

    • Admin vagy ügyfélszolgálati űrlapokon gyorsan előkereshető a kívánt ügyfél vagy szolgáltatás tétel.

  • Dinamikusan változó listák

    • Ha a háttéradatok gyakran frissülnek (készlet, idősávok), az AJAX-nak köszönhetően a felhasználó mindig az aktuális kínálatból választhat.

Telepítés és aktiválás​

  1. Nyisd meg a WordPress admin felületet.
  2. Lépj a JetFormBuilder > Addons menübe.
  3. Válaszd a Select Autocomplete kiegészítőt.
  4. Kattints az Install Addon, majd az Activate Addon gombra.
  5. A Select mező beállításai között megjelennek az új kapcsolók: Use Autocomplete, Loading via AJAX, Minimum input length.

Használat az űrlapszerkesztőben​

  1. Nyisd meg vagy hozd létre az űrlapodat.
  2. Adj hozzá egy Select mezőt, állíts be forrást (kézi lista vagy dinamikus adat).
  3. Kapcsold be a Use Autocomplete opciót.
  4. Ha naprakész, nagy adatforrást használsz, kapcsold be a Loading via AJAX opciót.
  5. Állítsd be a Minimum input length értékét (ajánlott: 2–3 karakter).

Az űrlapot megjelenítheted Gutenberg blokkal, Elementor widgettel vagy shortcode-dal:

[jetformbuilder id="123"]

Előnyök és értékajánlat​

  • Gyorsabb kitöltés: kevesebb görgetés, kevesebb hibázás.
  • Jobb teljesítmény: nem terheled feleslegesen az oldalt több száz opció betöltésével.
  • Mindig friss adatok: az AJAX miatt a forrásváltozások azonnal megjelennek.
  • Skálázhatóság: nagy adattömegeknél is zökkenőmentes használat.

Kinek ajánlott?​

  • Webshopoknak pénztári és regisztrációs űrlapokhoz.
  • Szolgáltatóknak és foglalási rendszereknek, ahol sok szolgáltatás vagy idősáv közül kell választani.
  • Ügynökségeknek és site buildereknek, akik skálázható, UX-központú űrlapokat készítenek.
  • Belső admin űrlapokhoz, ahol nagy adatbázisban kell gyorsan találatot találni.

Követelmények és kompatibilitás​

  • Szükséges: JetFormBuilder bővítmény.
  • Elérhetőség: a PRO addon-csomag része, előfizetés szükséges.
  • Megjelenítés: Block Editor alapú; használható Gutenbergben, Elementoron, Bricksben és shortcode-dal.

Tippek a beállításhoz​

  • Minimum input length: nagy adathalmaznál állítsd 2–3 karakterre a terhelés csökkentéséhez.
  • AJAX használata: dinamikus, gyakran frissülő vagy nagy forrásoknál mindig kapcsold be.
  • Források kombinálása: ha a Select a bejegyzésekből vagy taxonómiákból jön, az autocomplete lényegesen gyorsítja a keresést.
  • Placeholder és súgószöveg: jelezd a mezőben, hogy “Kezdj el gépelni…”, így a felhasználó azonnal érti a működést.

Összegzés​

A JetFormBuilder Select Autocomplete a Select mezőt gépelés közbeni kereséssel és AJAX-os, valós idejű opcióbetöltéssel ruházza fel, így gyors, pontos és skálázható választást ad még nagyon hosszú, dinamikus listák esetén is. Fejlesztője: Crocoblock.