איך בונים טופס באמצעות Pojo Forms

באמצעות התוסף Pojo Forms ניתן ליצור טפסים באתר ללא הגבלה על ידי ממשק Drag & Drop פשוט וידידותי שיאפשר לכם לבנות טפסים מעוצבים בקלות ובפשטות שעוד לא הכרתם. עם אין ספור פריסות ואפשרויות תצוגה ייחודיות, תוך שליטה מלאה על העיצוב והסטייל של השדות והכפתורים. במדריך הבא נסביר איך בונים טופס ולמה כל סוג שדה מיועד:

ראשית כל, עוברים בלוח הבקרה אל > טפסים > ולוחצים על הכפתור "הוספת חדש" > לאחר מכן נותנים שם לטופס שישמר במערכת.

בעת לחיצה על הכפתור "הוספת שדה" > ניתן לבחור בין בין 9 סוגי שדות שונים המותאמים כולם ל-HTML5:

טקסט
שדה רגיל. בד"כ משמש להזנת פרטים כלליים, כגון: שם, כתובת ותוכן כללי שאינו דורש יותר ממספר מילים בודדות.

אימייל
כתובת אימייל של המשתמש, פותח גם במובייל את המקלדת עם אפשרות להוספת התו @ בקליק אחד. הטופס מותאם לכתיבה משמאל לימין גם באתרי RTL - עבור כתובות אימייל

אזור טקסט
שדה זה שימושי בעיקר לתוכן ארוך יותר כגון "הודעה". ניתן להגדיר את גובה השדה שיופיע בטופס. כברירת מחדל הגובה הוא: 5 שורות

טלפון
מספר טלפון, שימושי במיוחד למובייל, בעת לחיצה על השדה נפתחת מקלדת של מספר טלפון ולא מקלדת רגילה

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

אפשרויות בחירה
כפתורי רדיו. בדומה לתיבות סימון, אבל עם אפשרות בחירה בודדת בלבד.

תפריט בחירה
יש שקוראים לזה Select או Drop-down. מאפשר להוסיף תפריט נפתח של אפשרויות בחירה. כמו כן ניתן לבחור שדה ראשון ריק

מספר
שדה עבור מספר, שימושי בד"כ לקליטת מידע של ספרות בלבד, ניתן להגדיר מינימום או מקסימום מספר לשדה הזה

קישור URL

שדה להוספת כתובת אתר אינטרנט עם ואלידציה על כתובת אינטרנט, יש להוסיף //:http לכתובת ה-URL

העלאת קובץ
שדה המאפשר לצרף קבצים בעת שליחת הטופס על ידי שדה ״הוספת קובץ״ בטופס. הקובץ יעלה אוטומטית לתיקיית uploads/pojo_forms בשרת וקישור לקובץ ישלח עם שאר התוכן של הטופס. כברירת מחדל הקבצים המורשים הם: jpg, jpeg, png, gif, pdf, doc, docx, ppt, pptx, odt, avi, ogg, m4a, mov, mp3, mp4, mpg, wav, wmv. ניתן להגדיר סוג קבצים ספציפיים ולהגביל את גודל הקובץ שישלח.

הגדרות
לכל שדה יש את ההגדרות המתאימות לו וניתן להגדיר מספר פרמטרים נוספים:

כותרת שדה (חובה)
או בשפה המדוברת יותר: Label. כותרת השדה מוגדרת להיות תמיד מוצגת בקוד מקור, מה שמאפשר התאמה מלאה לכל כללי הנגישות הרלוונטיים. שימו לב, חובה למלא שדה זה לכל שדה. במידה ולא רוצים להציג אותו ניתן להגדיר זאת בסגנון הטופס.

Placeholder
טקסט בתוך השדה מאפשר להוסיף טקסט הנעה לפעולה או הסבר אודות המילוי של השדה עצמו

רוחב שדה
רוחב שדה של 100% יתפרס על כל רוחב הטופס. הגדרת רוחב של 50% תאפשר לשים על ידו שדה נוסף ברוחב 50%, מה שיאפשר עימוד של טופס עם 2 עמודות

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

CSS Classes
מעבר להגדרות העיצוב שהכנסנו לטופס, אתם תמיד תוכלו להוסיף את הטאצ' האישי שלכם על ידי הוספת CSS משלכם ובכך להחיל עליו הגדרות עיצוב שונות

שורטקוד ID
באמצעות השורטקוד ID ניתן להגדיר פרמטרים שונים לשליחה במייל, תוכלו לקרוא עוד על הנושא במדריך אפשרויות טופס