חיבור אתר או דף נחיתה על ידי טפסים מוכנים של Fixdigital

1.יצירת טופס

לאחר הוספת נכס דיגיטלי חדש במערכת > ברשימת נכסים דיגיטליים יש להיכנס למסך הגדרות של הנכס (גלגל שיניים ירוק)

> בחר את הלשונית "טפסים" – כאן ניתן לראות את רשימת הטפסים המשויכים לנכס זה.

כדי ליצור טופס חדש יש ללחוץ > על כפתור "הוסף"

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

לאחר בחירת התבנית של הטופס יש ללחוץ על כפתור "התחל"

במסך הבא ניתן להוסיף שדות לטופס

ניתן להוסיף שדות מוכנים מרשימת "שדות לבחירה" או "שדות נוספים"

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

ניתן גם ליצור שדה חדש באזור של "בחר סוג לשדה חדש" באמצעות בחירת סוג שדה מתאים מרשימת סוגי השדות

לאחר גרירת השדה למיקום בו אנו רוצים להטמיעו > יש ללחוץ על השדה > יפתח תפריט צד להגדרות השדה

לדוגמא: נגדיר את השדה "עיר" באופן הבא:

ניתן להגדיר את כותרת שדה – שם השדה שיופיע מעל השדה

ניתן להגדיר טקסט עזרה – טקסט המופיע מתחת לכותרת עם הוראות לממלא הטופס

ניתן להגדיר טקסט פנימי – טקסט שיופיע בתוך השדה עד שיוזן בו טקסט על ידי הגולש (placeholder)

ניתן להגדיר ערך נבחר ברירת מחדל – הערך הנבחר שיגיע בשליחת הטופס במידה והגולש לא הזין כלום בשדה זה

בסיום העריכה יש ללחוץ על כפתור "בוצע"

ניתן להגדיר שדה חובה – הפעלת כפתור שדה חובה לא מאפשר לגולש לשלוח את הטופס ללא הזנת תוכן לשדה

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

ניתן להגדיר ולידציה לשדה – בדיקת תקינות של תוכן שהוזן לשדה.

לדוגמה: הגדרה שהגולש חייב להזין בשדה זה מינימום 9 תווים ומקסימום 11 תווים

שדה להזנת קוד ייחודי שניתן ע"י המתכנת (regular expression) – הגדרת פורמט מסוים באמצעות קוד שיתקבל ממתכנת

לדוגמה: בדיקת תקינות של פורמט טלפון נייד או נייח

מחיקת שדה – המחיקה מתבצעת באמצעות לחיצה על אייקון מחיקה בצידו השמאלי של השדה במעבר עכבר

2.הגדרות

פעולות לביצוע לאחר שליחת טופס – ישנם 2 אפשרויות מה יקרה לאחר שליחת הטופס

1. הצגת הודעה לגולש בדף הנוכחי (מקובל הודעת תודה) . ניתן לבחור מה תהיה ההודעה לגולש לדוגמא: "הטופס נשלח בהצלחה"

2. הפנייה לעמוד אחר (מקובל לעמוד תודה קיים)

ניתן להגדיר בטופס כפתור "נקה" – בחירה באפשרות זו תוסיף לטופס כפתור "נקה שדות" לחיצה עליו תנקה את כל תוכן הטופס ע"י הגולש

ניתן לבחור את השפה של טופס והשפה של הודעות השגיאה – ניתן לבחור באיזה שפה להגדיר את הטופס. זה ישפיע על כיוון הטופס (ימין או שמאל) ושפת הודעות שגיאה בטופס.

3.עיצוב הטופס

לעיצוב הטופס יש להיכנס ללשונית "עיצוב הטופס"

ישנן שתי דרכים לטיפול בעיצוב הטופס:

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

עיצוב הטופס בתוך מערכת FixDigital:

עיצוב מסגרת השדות בטופס – ניתן לקבוע את צורת מסגרת השדות (border-radius) באמצעות בחירת אחת מ 4 האפשרויות הקיימות

לדוגמה: מסגרת "פינות עגולות"

עיצוב רוחב השדות בטופס – ניתן לקבוע את רוחב הטופס באחוזים או בפיקסלים

בחירת גופן / פונט לתוכן הכתוב בשדות הטופס – ניתן לבחור את אחד הפונטים מהרשימה.

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

עיצוב צבע וגודל הכותרת של שדה הטופס – בלחיצה על שורה זו יפתח "בוחר צבעים" לבחירת צבע של כותרות השדות

בחירת צבע וגודל טקסט העזרה – בלחיצה על שורה זו יפתח "בוחר צבעים" לבחירת צבע של "טקסט עזרה"

עיצוב כפתור ה"שלח" בטופס – ניתן לבחור את צבע הכפתור, צבע הפונט, יישור (ימין, שמאל,מרכז) וגודל הכפתור

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

**הערה: כאשר רוצים לשמור את השינויים שבוצעו ובסיום כלל ההגדרות והעיצוב של הטופס יש ללחוץ על כפתור "פרסם"

4.הטמעת הטופס באתר

בפרסום הטופס מופיע פופ-אפ שמציג את הוראות ההטמעה של הטופס באתר

במסך זה יופיעו 3 השלבים לחיבור האתר למערכת FixDigital

*הערה: את השלבים 2+3 יש לבצע רק בחיבור ראשוני לכן אם שלבים אלו בוצעו ורק יצרתם טופס נוסף או שהאתר כבר מחובר ל FixDigital בהתממשקות אחרת יש לדלג על השלבים 2+3

שליחת הוראות הטמעה למתכנת האתר –

ניתן לשלוח למתכנת של האתר בצורה אוטומטית את הוראות ההטמעה באמצעות הפעלת כפתור "שליחת הוראות…"והזנת כתובת דוא"ל של המתכנת.