שם השיעור: בניית טופס יצירת קשר פשוט

כדי להבין את היכולות של JetFormBuilder (או בקיצור, JFB 😉), נתחיל ביצירת טופס יצירת קשר פשוט. טפסים מסוג זה הם מהחשובים ביותר באתר, שכן הם מאפשרים למשתמשים ליצור קשר עם בעלי האתר בקלות. במהלך הבנייה נשווה את היכולות של JFB לאלו של ווידג'ט הטופס של אלמנטור, ונראה כיצד JFB מציע גמישות רבה יותר באמצעות שימוש בגוטנברג ובמערכת הבלוקים המובנית של וורדפרס.

בעת יצירת הטופס, נוסיף בלוקים לשדות הנדרשים כמו שם, אימייל והודעה, ונגדיר לכל שדה תווית ושם ייחודי (id/name) כדי להבטיח שהמידע יישמר ויעבור כראוי. אחד מהיתרונות של JFB הוא היכולת לייצר שני שדות בשורה אחת בעורך גוטנברג, מה שמאפשר עיצוב דינמי וגמיש יותר בהשוואה לווידג'טים מובנים של אלמנטור. שליטה זו בעיצוב מבטיחה שהטופס יהיה אינטואיטיבי ונגיש למשתמשים.

לאחר מכן, נגדיר את תגובות הטופס – כלומר, את הפעולות שמתבצעות לאחר שליחת הנתונים. ניתן לקבוע שהמשתמש יקבל הודעת אישור, שהמידע יישלח לאימייל מסוים או שיוזן ישירות למערכת ניהול הנתונים של האתר. לבסוף, נבצע התאמות CSS קלות בלבד, כדי לוודא שהטופס ישתלב בצורה טבעית עם עיצוב האתר. יצירת טופס כזה היא שלב חשוב בלימוד בניית אתרים בוורדפרס, והיא מאפשרת שליטה רחבה יותר בעיצוב ובפונקציונליות, בהשוואה לשימוש בווידג'טים מוכנים מראש.