Forms

The booking form is what parents see when they book a slot through your public link. EduBook ships with a sensible default — student name, parent phone, subject, group — but every center has its own needs. The Forms builder lets you reshape it without touching code.

Where to find it

Sidebar → Forms. The builder has two panes:

• Field list on the left — every field in the form, in display order. Drag to reorder.
• Preview on the right — a live render of the parent-facing form, exactly as parents will see it.

Field types

When you click Add Field, you pick from:

• Text — single-line input. Use for names, references, short notes.
• Textarea — multi-line input. Use for “Reason for joining” or free-form parent comments.
• Select — dropdown with predefined options. Use for grade, preferred time slot, how-they-heard-about-you.
• Phone — text input with phone validation (length + country code, configured in Settings → General).
• Email — text input with email validation.

Each new field defaults to Text with the label “New field” — set the real label and type before saving.

Per-field settings

Click any field to open its detail panel:

• Label (English) + Label (Arabic) — the form is bilingual, so both labels are required. Parents see whichever language they picked for the public site.
• Type — switch between text / textarea / select / phone / email.
• Required — toggle. Required fields show a red asterisk and block submission if empty.
• Options (Select fields only) — one option per line. Each option needs its own English + Arabic label.
• Instructions — small helper text below the field. Use for hints like “Use the parent’s mobile, not the student’s.”
• Default value — pre-filled when the form first loads. Useful for “Country code: +20”.

Reordering and removing

• Reorder — drag the field by its handle in the list. Save when done.
• Remove — click the trash icon on the field’s row. The field disappears from the parent form on the next page reload (no need for a separate publish step).

Caution

Removing a field permanently. Bookings that were submitted with the old field still keep their data — but new bookings won’t have a value for it. Don’t remove a field mid-semester unless you’re sure you don’t need its data going forward.

The advanced section

Below the field list, Advanced & Appearance has:

• Show labels — turn off to use placeholder text only (saves vertical space; less accessible).
• Mark required fields — toggle the red asterisk display.
• Enable help tooltips — turn the Instructions strings into hover tooltips instead of inline text. Cleaner mobile UX.
• Custom CSS — drop in CSS rules to restyle the form for your brand (colors, fonts, spacing). Scoped to the form only — won’t bleed into the rest of the public site.

Preview before publishing

The right pane is a live preview — every change you make in the builder reflects there immediately. There’s no separate “publish” step; Save Settings persists the changes server-side, and the public form picks them up the next time a parent loads it.

If something looks broken in preview, fix it before saving — don’t publish a broken form to parents.

Example: a math center

A typical configuration we’ve seen for math centers:

1. Student full name (text, required)
2. Parent’s mobile (phone, required) — instruction: “We send booking confirmations here.”
3. Grade (select, required) — options: Grade 9 / Grade 10 / Grade 11 / Grade 12
4. Subject (select, auto-populated from your Subjects list, required)
5. Preferred group (select, populated from groups in the picked subject)
6. How did you hear about us? (select, optional) — options: Friend / Facebook / Walk-by / Other

Save → done. Parents now see the form on book.edubookapp.tech/<your-slug>/booking in their chosen language.