סקירה כללית על טפסים - עזרה של Webflow
טפסים הם אחד הכלים החזקים ביותר ברשת, המאפשרים לך לאסוף מידע ביעילות, בין אם אתה אוסף הרשמות לניוזלטר או פניות עבודה מלקוחות פוטנציאליים. עם Webflow, אתה יכול להתאים אישית ולייעל את הטפסים שלך לצרכים שלך. אתה יכול להוסיף בלוק טופס לאתר שלך מ- Add panel → Elements → Forms.
מבנה הטופס
בלוק הטופס יורש את כל רוחב האלמנט ההורה שלו ומכיל שלושה אלמנטים ילד:
- טופס — מכיל את כל הקלטים והאלמנטים של הטופס שלך
- הודעת הצלחה — ההודעה המוחזרת כאשר הטופס נשלח בהצלחה
- הודעת שגיאה — ההודעה המוחזרת כאשר יש בעיה בשליחת הטופס
מבנה הטופס
אתה יכול להוסיף או למחוק כל אחד מהאלמנטים הבאים בתוך הטופס כדי להתאים את הטופס שלך לפי הצורך:
| אלמנט טופס | מטרה |
|---|---|
| תווית שדה | משמשת לתיאור הפונקציה או המטרה של שדה טופס. תוויות שדה חיוניות לנגישות. |
| קלט | משמש לאיסוף נתונים בשורה אחת, כמו תגובה קצרה לשאלה (למשל, שם או כתובת אימייל) |
| העלאת קובץ | מאפשרת למבקרים באתר לצרף קובץ לשליחת הטופס שלהם |
| אזור טקסט | מאפשר למבקרים באתר להזין נתונים מרובי שורות, כמו הודעה ארוכה |
| תיבת סימון | משמשת להזנת נתונים שבהם מבקרים באתר יכולים לבחור אפשרות אחת או יותר |
| כפתור רדיו | משמש להזנת נתונים שבהם מבקרים באתר יכולים לבחור רק אחת מתוך אפשרויות רבות |
| בחירה | משמשת לאפשר למבקרים באתר לבחור אפשרויות מרשימה נפתחת. ניתן לבחור מספר אפשרויות |
| reCAPTCHA | שירות של Google שמונע דואר זבל בטפסים |
| כפתור שליחה | שולח את כל הנתונים שנאספו בטופס. אין טופס שלם ללא כפתור שליחה |
כיצד להגדיר רכיבי טופס
ניתן ללחוץ פעמיים על רכיב טופס (למשל, קלט, כפתור שליחה) כדי לפתוח את ההגדרות שלו. לכל רכיב טופס יש הגדרות קלט שונות בהתאם לסוגו:
| הגדרת קלט | מטרה | הערות נוספות |
|---|---|---|
| שם | מזהה את השדה בהגשות הטופס | n/a |
| חובה | מאפשר לדרוש מילוי שדה טופס כדי להגיש את הטופס | חוסם הגשות ריקות |
| מציין מקום | מציג טקסט בקלט שנעלם בעת ההקלדה; לא אמור להחליף תוויות או הוראות חשובות | לא זמין לטכנולוגיות מסייעות או כלי תרגום; ניתן לעיצוב מתפריט המצבים |
| סוג טקסט | מציין את סוג הקלט (למשל, אימייל, טלפון, סיסמה) | טלפון מקבל תווים ומציג לוח מקשים; סיסמה מסתירה תווים מוקלדים |
| מיקוד אוטומטי | מחליט אם השדה יתמקד אוטומטית בעת טעינת הדף | יש לשים לב לבעיות גלילה/קפיצה או שדות מוסתרים החוסמים הגשות |
כפתור שליחה
הגדרות כפתור השליחה מאפשרות להגדיר:
- טקסט הכפתור: מה שמופיע על הכפתור (ברירת מחדל: "שלח")
- טקסט המתנה: מה שמחליף את הכפתור לאחר לחיצה ולפני השלמת ההגשה (ברירת מחדל: "אנא המתן...")
כיצד לנהל הגדרות טופס
התאמת מצבי הצלחה ושגיאה
בחר את בלוק הטופס ועבור אל הגדרות בלוק טופס כדי:
- רגיל: מצב ברירת מחדל
- הצלחה: הודעה לאחר הגשה מוצלחת
- שגיאה: הודעה לאחר הגשה שנכשלה
הגדר את שם הטופס
השם שאתה מגדיר מקשר את הטופס עם נתוני ההגשה שלו. אם לא תגדיר שמות ייחודיים, כל נתוני ההגשה יופיעו תחת "טופס אימייל". תן שמות תיאוריים כדי להבחין בין הטפסים.
ניהול הגשות טפסים והתראות
- ציין נמענים בהגדרות בלוק הטופס.
- גש להתראות מתקדמות בהגדרות האתר → טפסים → התראות טופס.
- לבעלי אתרים מלאים: גש/נהל נתוני טופס בהגדרות האתר → טפסים → הגשות טופס.
הפנה מבקרים באתר בהגשת טופס
הוסף כתובת URL בשדה הפניה כדי לשלוח משתמשים למקום אחר לאחר ההגשה.
הגדר פעולה מותאמת אישית
הוסף פעולה מותאמת אישית כדי לשלוח הגשות למקום אחר (למשל HubSpot). כאשר אתה מוסיף זאת, Webflow לא מעבד או שולח את ההתראה. אתה יכול גם לחבר אפליקציות עבור יותר אינטגרציות.
צפה בחיבורי אפליקציות
אפליקציות מחוברות יופיעו בחיבורים. הערה: שלח נתוני טופס ל-Webflow תמיד יופיע אלא אם תעקוף לחלוטין את עיבוד Webflow.
נתוני טופס ו-GDPR
- אם אתה אוסף נתונים אישיים מתושבי האיחוד האירופי (כולל דרך טפסים), אתה נחשב למנהל נתונים תחת GDPR.
- קבל הסכמה מתאימה לאיסוף נתונים.
- אם אתה בונה עבור לקוחות, חנך אותם לגבי אחריותם.
- בדוק אחריות אם אתה מחבר נתונים לצדדים שלישיים (למשל, Zapier).
למידע נוסף:
פתרון בעיות
אם לא ניתן להגיש את הטופס שלך:
- אם הפעלת reCAPTCHA, ודא שכל הטפסים כוללים אותו. אחרת, ההגשות ייכשלו.
- אם יש לך שדות מוסתרים, ודא שמיקוד אוטומטי כבוי עבורם.
- אתרים חינמיים/לא מאוחסנים מוגבלים ל-50 הגשות טופס בסך הכל. שדרג את תוכנית האתר שלך כדי להסיר את המגבלה.
אם הבעיות נמשכות, צור קשר עם תמיכת הלקוחות.