الفورم
فورم الحجز هو اللي الأهل بيشوفوه لما يحجزوا عبر اللينك العام بتاعك. EduBook بيشحن بفورم افتراضي معقول — اسم الطالب، تليفون ولي الأمر، المادة، المجموعة — لكن كل سنتر له احتياجاته. الـ Forms builder بيخلّيك تعدّل الفورم من غير ما تلمس كود.
فين هتلاقيه
الـ sidebar ← الفورم. الـ builder فيه pane اتنين:
- قائمة الحقول على اليسار — كل حقل في الفورم بترتيب العرض. اسحب عشان تعيد الترتيب.
- المعاينة على اليمين — render مباشر للفورم زي ما الأهل هيشوفوه بالظبط.
أنواع الحقول
لما تضغط إضافة حقل، تختار من:
- نص — input من سطر واحد. للأسماء، المرجع، الملاحظات القصيرة.
- نص متعدد الأسطر — input متعدد الأسطر. لـ “سبب الانضمام” أو تعليقات الأهل الحرة.
- قائمة منسدلة — dropdown بخيارات محددة مسبقاً. للصف، الوقت المفضل، إزاي عرفت عنا.
- تليفون — input بتحقق التليفون (طول + كود الدولة، متظبّط في الإعدادات ← عام).
- إيميل — input بتحقق الإيميل.
كل حقل جديد افتراضياً نص بـ label “حقل جديد” — حدّد الـ label والنوع الحقيقي قبل ما تحفظ.
إعدادات لكل حقل
اضغط على أي حقل عشان تفتح لوحة تفاصيله:
- Label (إنجليزي) + Label (عربي) — الفورم ثنائي اللغة، فالاتنين إلزامي. الأهل يشوفوا اللغة اللي اختاروها للموقع العام.
- النوع — بدّل بين نص / متعدد الأسطر / قائمة / تليفون / إيميل.
- إلزامي — toggle. الحقول الإلزامية بتعرض نجمة حمراء وتمنع الإرسال لو فاضية.
- الخيارات (للقائمة فقط) — خيار واحد في كل سطر. كل خيار محتاج label إنجليزي + عربي.
- التعليمات — نص مساعد صغير تحت الحقل. لتلميحات زي “استخدم تليفون ولي الأمر، مش الطالب.”
- القيمة الافتراضية — متعبّاة لما الفورم يفتح. مفيد لـ “كود الدولة: +20”.
إعادة الترتيب والحذف
- إعادة الترتيب — اسحب الحقل من الـ handle في القائمة. احفظ بعد ما تخلص.
- حذف — اضغط أيقونة الزبالة في صف الحقل. الحقل يختفي من فورم الأهل في أول تحميل صفحة جديد (مش محتاج خطوة نشر منفصلة).
القسم المتقدم
تحت قائمة الحقول، متقدم والمظهر فيه:
- عرض الـ labels — اقفلها عشان تستخدم placeholder بس (بيوفّر مساحة عمودية، لكن أقل وصولية).
- تعليم الحقول الإلزامية — toggle لعرض النجمة الحمراء.
- تفعيل tooltips المساعدة — حوّل نصوص التعليمات لـ tooltips لما يحوم الماوس بدل إنها تظهر inline. UX أنظف على الموبايل.
- CSS مخصص — اكتب قواعد CSS عشان تعيد تنسيق الفورم لبراندك (ألوان، خطوط، spacing). محصور على الفورم بس — مش هيأثر على باقي الموقع العام.
معاينة قبل النشر
الـ pane اليمين معاينة مباشرة — أي تعديل في الـ builder بينعكس عليه فوراً. مفيش خطوة “نشر” منفصلة؛ حفظ الإعدادات بيخزّن التغييرات على السيرفر، والفورم العام بياخدها أول ما يفتحه أهل في المرة الجاية.
لو حاجة شكلها غلط في المعاينة، صلّحها قبل ما تحفظ — ما تنشرش فورم مكسور للأهل.
مثال: سنتر رياضيات
إعداد شائع شفناه لسناتر رياضيات:
- الاسم الكامل للطالب (نص، إلزامي)
- موبايل ولي الأمر (تليفون، إلزامي) — تعليمات: “هنبعت تأكيدات الحجز هنا.”
- الصف (قائمة، إلزامي) — خيارات: تالتة إعدادي / أولى / تانية / تالتة ثانوي
- المادة (قائمة، متعبّاة تلقائياً من قائمة المواد، إلزامي)
- المجموعة المفضلة (قائمة، متعبّاة من مجموعات المادة المختارة)
- إزاي عرفت عنا؟ (قائمة، اختياري) — خيارات: صديق / فيسبوك / مرّيت من قدام السنتر / غير ذلك
احفظ ← خلاص. الأهل دلوقتي يشوفوا الفورم على
book.edubookapp.tech/<your-slug>/booking باللغة اللي اختاروها.