טוען מאמר...
טוען...
טוען...
טוען מאמר...
טופס יצירת קשר טוב מביא פי 3 יותר פניות. מדריך מקיף: אילו שדות לכלול, עיצוב ממיר, חוקי פרטיות בישראל, ו-A/B testing לאופטימיזציה.
טופס יצירת קשר זה הגשר בין עניין ללקוח. טופס גרוע יכול להרוס את כל המאמץ שהשקעת בשיווק, בעוד טופס טוב יכול להכפיל את הפניות שלך.
המציאות הקשה: טופס עם 5 שדות מביא פי 2 יותר פניות מטופס עם 10 שדות. כל שדה שאתה מוסיף מוריד את שיעור ההמרה ב-10-15%.
במאמר הזה אני אראה לך:
בוא נתחיל.
לפני שנדבר על עקרונות, בוא נבין מה עושה טופס טוב:
טוב: "קבל הצעת מחיר תוך 24 שעות" רע: "טופס יצירת קשר"
הכותרת צריכה להגיד למשתמש מה הוא יקבל. אף אחד לא ממלא טופס בשביל הכיף - הוא רוצה לדעת מה בתמורה.
חובה:
אופציונלי:
זכור: כל שדה נוסף מוריד המרה. רק אם אתה באמת חייב את המידע - תוסיף.
טוב: "קבל הצעת מחיר", "קבע פגישת ייעוץ", "הורד את המדריך" רע: "שלח", "הגש"
הכפתור צריך להיות גדול, בצבע בולט, ולהגיד בדיוק מה קורה אחרי הלחיצה.
זה העיקרון החשוב ביותר.
המספרים מדברים בעד עצמם:
שאל את עצמך על כל שדה: "האם אני באמת חייב את זה כדי לתת ערך ללקוח?"
אם התשובה לא ברורה - תוציא.
אם יש לך שדות חובה ושדות אופציונליים - תסמן את זה.
השיטה הכי נפוצה: כוכבית אדומה (*) ליד שדות חובה.
עוד יותר טוב: כתוב ליד שדות אופציונליים "(לא חובה)".
במובייל, שדות קטנים = חוויה מעצבנת.
מינימום 44px גובה לכל שדה (תקן של Apple). זה מבטיח שאפשר ללחוץ בקלות גם עם אצבע עבה.
רווח בין שדות, פונט קריא, ניגודיות טובה.
זכור: מעל 60% מהגלישה היום מגיעה ממובייל. אם הטופס שלך לא נוח בטלפון - אתה מפסיד רוב הפניות.
HTML5 נותן לך כלים נהדרים:
type="tel" - פותח מקלדת מספרים לטלפוןtype="email" - מקלדת עם @ ו-.type="number" - מקלדת נומריתזה חוסך למשתמש זמן ומפחית טעויות.
אל תכתוב רק "טלפון". תכתוב דוגמה: "054-1234567"
זה עוזר למשתמש להבין בדיוק איזה פורמט אתה מצפה.
שימו לב: Placeholder זה לא תחליף ל-Label. צריך גם Label קבוע שנשאר גם אחרי שמתחילים למלא.
Inline validation - זה אומר שהמערכת בודקת את השדה ברגע שהמשתמש מסיים למלא אותו.
למשקל:
לא לחכות ללחיצה על "שלח" ואז להציף אותו בהודעות שגיאה.
רע: "אנא מלא את כל השדות" טוב: "שדה 'טלפון' חייב להכיל 10 ספרות"
רע: "שגיאה בטופס" טוב: "האימייל שהזנת לא תקין. בדוק שיש @ ושם דומיין"
ספציפיות חוסכת זמן ותסכול.
הטופס שלך חייב לכלול:
הצהרת פרטיות ברורה: "המידע שלך נשמר אצלנו בצורה מאובטחת ולא מועבר לצדדים שלישיים"
קישור למדיניות פרטיות
עמידה בחוק הגנת הפרטיות הישראלי (1981):
עמידה ב-GDPR (אם אתה עובד עם אירופה):
זה לא רק חובה חוקית - זה גם בונה אמון.
הטופס צריך להיות:
רעיון טוב: Sticky button שנשאר בתחתית המסך בזמן גלילה, עם טקסט "קבל הצעת מחיר".
אחרי שהמשתמש לחץ "שלח", הוא חייב לדעת שזה עבד.
אפשרויות:
בונוס: הוסף בדף התודה CTA משני - "הצטרף לניוזלטר", "עקוב אחרינו בפייסבוק", וכו'.
דפדפנים מודרניים יודעים לשמור מידע של משתמשים (שם, אימייל, טלפון, כתובת).
השתמש ב-autocomplete attribute:
<input type="text" name="name" autocomplete="name">
<input type="email" name="email" autocomplete="email">
<input type="tel" name="phone" autocomplete="tel">
זה מאפשר למשתמש למלא את הטופס בלחיצה אחת.
סטטיסטיקה: טפסים עם Autofill רואים 30% שיפור בשיעור ההשלמה.
אתה לעולם לא תדע מה עובד הכי טוב עד שתבדוק.
מה לבדוק:
כלים:
הרץ טסט למשך לפחות שבועיים כדי לקבל מספיק דאטה.
לא כל טופס זהה. הנה הגדרה לפי מטרה:
מטרה: לקוח פוטנציאלי רוצה לדעת כמה זה יעלה
שדות מומלצים:
דוגמה: חברת בניית אתרים, צלם, מעצב פנים
מטרה: לאפשר ליצור קשר על כל נושא
שדות מומלצים:
זה הטופס הכי בסיסי. פשוט, ישיר, עובד.
מטרה: קביעת פגישה או שיחת ייעוץ
שדות מומלצים:
טיפ: אפשר שילוב עם Calendly או שירות קביעת פגישות אוטומטי.
מטרה: לקבל מידע של ליד בתמורה לתוכן (מדריך, eBook, checklist)
שדות מומלצים:
לפעמים שם, אבל ככל שפחות - כך יותר מורידים.
דוגמה ישראלית: "הורד מדריך חינם: 50 טיפים לשיפור SEO בגוגל"
לא חייבים לדעת קוד כדי לבנות טופס טוב.
Google Forms
Typeform
Jotform
WPForms (WordPress)
HubSpot
ActiveCampaign
Gravity Forms (WordPress)
אם אתה מפתח או עובד עם אחד, Next.js עם React Hook Form + Zod Validation זו קומבינציה מצוינת.
המלצה שלי:
טופס יצירת קשר זה לא רק פורמליות - זה כלי מכירה קריטי.
לזכור:
עצה אחרונה: בדוק את הטופס שלך עכשיו. כמה שדות יש בו? האם הוא נוח במובייל? האם אתה באמת צריך את כל השדות?
עשה שינוי קטן אחד היום, ותראה שיפור בפניות.
רוצה עזרה לבנות טופס שממיר באמת?
אני עוזר לעסקים בישראל לבנות אתרים עם טפסים ממירים ומהירים.
צור קשר: itayost1@gmail.com | 054-499-4417
בוא נדבר על האתר שלך.
מהירות אתר - למה כל שנייה משפיעה על המכירות והדירוג בגוגל 1 שנייה. זה הזמן שלוקח למשתמש להחליט אם הוא נשאר באתר שלך או עובר למתחרה. אתר שלוקח יותר מ-3 שניות להיטען מאבד 53% מהמבקרים - ואיתם גם הכנסות...
אתר מובייל - למה עיצוב Mobile-First חייב לכל עסק ב-2025 נסה לזכור את הפעם האחרונה שחיפשת משהו בגוגל מהמחשב. לא זוכר? זה כי 70% מהחיפושים בישראל מתבצעים ממכשיר מובייל. אם האתר שלך לא עובד במובייל, אתה...