Mező-típusok és feltételes logika

Egy űrlap mezőkből áll. A Bookinda 17 mezőtípust ismer, mindegyik más célt szolgál.

A 17 mezőtípus

Szöveg-mezők

1. Text: egysoros szöveg (név, cím)
2. Textarea: többsoros szöveg (megjegyzés, leírás)
3. Email: email-cím (auto-validáció)
4. Phone: telefonszám

Számszerű

5. Number: egész vagy decimális szám

Választás

6. Radio: egy választás több opció közül (klasszikus rádió-gomb)
7. Dropdown: egy választás drop-downból
8. Checkbox: egyszerű igen/nem
9. Checkbox Group: több opció kiválasztható

Az egyedülálló checkboxnál a Címke a jelölő mellett áll, a Súgó alatta, kisebb betűvel. Nyilatkozatnál így a címke legyen rövid (pl. „Ellenjavallatok tudomásul vétele”), a hosszú szöveg menjen a súgóba. A kötelező mezőket a vendég csillaggal (*) jelölve látja. Az előnézet pontosan úgy mutatja az űrlapot, ahogy a vendég kapja.

Dátum / idő

10. Date: dátum-választó
11. Time: idő-választó
12. DateTime: dátum + idő

Média

13. Signature: e-aláírás (rajzolva)
14. Drawing: általános rajzolás (pl. testfestés helye)
15. File Upload: fájl-feltöltés (PDF, DOC)
16. Image Upload: kép-feltöltés (referencia-fotó)

Layout (nem-input)

17. Heading: csoport-fejléc (szakasz-elválasztó)
18. Text Block: statikus szöveg (info, magyarázat)
19. Divider: vízszintes vonal
20. Image: statikus kép
21. Lenyitható szöveg: címek, amelyek alatt a szöveg csak kattintásra nyílik le (hosszú tájékoztató, GYIK)

(Layout-mezők nem kérnek értéket, csak struktúra-célt szolgálnak.)

Szövegblokk és lenyitható szöveg

• Szövegblokk: a vendégnek szánt szöveget a mező szerkesztőjében, a Szöveg mezőbe írd. A sortöréseket megtartja, így több bekezdés is lehet benne. A Címke csak neked látszik a szerkesztőben, a mezők listájában.
• Lenyitható szöveg: egy elemben több rész is lehet, mindegyiknek van címe és tartalma. A vendég először csak a címeket látja, a tartalmat egy kattintással nyitja le, így a hosszú szöveg nem nyomja szét az űrlapot. GYIK-hez minden kérdés legyen külön rész: a kérdés a cím, a válasz a tartalom. A részek sorrendjét a nyilakkal tudod állítani. A tartalom formázható: félkövér, dőlt, aláhúzott, alcím, felsorolás, számozott lista és link, így egy hosszú tájékoztató is jól olvasható. A korábban beírt sima szöveg megmarad, bekezdésekre bontva.
• Egyik sem kér választ, ezért a kitöltöttségbe nem számítanak bele, és a beküldött válaszok között sem jelennek meg.

Per-mező beállítások

Alapok

• Cím (a kérdés szövege)
• Help text (kis magyarázat alá)
• Placeholder (input-mezőkben szürke szöveg)
• Required (kötelező)
• Width: full, half, third
• Sort order (sorrend)

Validáció

• Min / max hossz (text-mezőknél)
• Min / max érték (number-mezőknél)
• Pattern (regex, haladó)

Mapping

• Map to customer field: a beérkező érték a vendég-profilra kerül (név, email, telefon, születésnap, stb.)

Feltételes logika (visibleIf)

Egy mező csak akkor jelenik meg, ha egy másik mező értéke valami konkrét.

Példa

• Mező 1: "Van allergiád?" (Radio: Igen / Nem)
• Mező 2: "Mire?" (Text): csak akkor látható, ha a Mező 1 értéke "Igen"

Beállítás

A Mező 2 szerkesztőjén:

• Visible if: Mező 1 = "Igen"

Ha a vendég "Nem"-et választ, a Mező 2 nem jelenik meg.

Aláírás-mező részletei

A Signature mezőben:

• Rajzfelület (egér / érintőképernyő)
• Clear gomb (újrarajzolás)
• Mentéskor: PNG-kép + IP-cím + timestamp + user-agent

A jogi auditolhatóság érdekében ezek mind tárolódnak.

Fotó, fájl és rajz mező

Ezek valódi feltöltő mezők, a vendég linkjén és a Bookinda Business alkalmazásban (Kitöltés itt) is:

• Fotó: a vendég lefényképezi vagy kiválasztja a telefonjáról (JPG, PNG, WEBP vagy HEIC, legfeljebb 10 MB).
• Fájl: fotó vagy PDF, legfeljebb 10 MB.
• Rajz: ujjal vagy egérrel rajzol a vásznon, a rajz képként mentődik.

A feltöltött fájl védett helyre kerül: csak az üzlet bejelentkezett munkatársai nyithatják meg, a kitöltés megtekintésénél és a vendég adatlapján. A vendég és idegen nem látja. A fotóból a telefon helyadata kikerül.

Kötelező feltöltő mező csak akkor számít kitöltöttnek, ha tényleg került bele fájl.

Mikor használd

Szcenárió 1, kozmetikai allergia-szűrés

• Radio: "Van bőrproblémád?" (Igen/Nem)
• Visible-if Igen: Textarea "Mit?"
• Visible-if Igen: Image Upload "Tudsz fotót küldeni?"

Szcenárió 2, masszázs konzultáció

• Drawing: "Hol fáj? Rajzold be a testen"
• Textarea: "Részletek"
• Number: "Fájdalom 1-10 skálán"

Szcenárió 3, Consent

• Text Block: a teljes consent-szöveg
• Checkbox: "Elolvastam és elfogadom"
• Signature: aláírás

Szcenárió 4, Intake

• Text: "Vezetéknév" (mappingelve customer.lastName)
• Text: "Keresztnév" (mappingelve customer.firstName)
• Email: "Email" (mappingelve customer.email)
• Phone: "Telefon" (mappingelve customer.phone)
• Date: "Születésnap" (mappingelve customer.birthday)

Szcenárió 5, Feedback

• Radio: "Hány csillag? (1-5)"
• Textarea: "Mi tetszett?"
• Textarea: "Mi javíthatnánk?"

Tippek

• A required mezőket szigorúan: csak amit tényleg szükséges. Egy hosszú űrlap sok kötelezővel = magas elhagyás-arány.
• A visibleIf logika rövid űrlapot épít hosszú adatokra: csak releváns mező jelenik meg.
• A Drawing mező sokoldalú: testfestés-célzás, fogazat-állapot, parképítés-rajz.
• A File Upload-ot ritkán használd, mert a vendég nem szeret fájlt csatolni. Image Upload egyszerűbb.
• A mező-szélesség (full/half/third) a desktop-on érvényes, mobilon mindig full.
• A Pattern (regex) hibás validáció esetén kapcsolj ki, ne frusztrálja a vendéget.
• A Heading és Divider mezők nem mező-számba mennek, csak rendezéshez.

Kapcsolódó cikkek

• Űrlapszerkesztő
• Áttekintés
• Beküldések