דילוג לתוכן
חיפוש באתר

עיצוב וחוויית משתמש

דף צור קשר וטופס פנייה: מה חייב להופיע

דף צור קשר שעובד: אילו ערוצי פנייה להציג, כמה שדות בטופס, נגישות ו-autocomplete, הגנה מספאם, ואיך מוודאים שהפניות באמת מגיעות.

· עודכן: · 1 צפיות ·

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

מה חייב להופיע בדף צור קשר

  • טלפון לחיץ — קישור tel: שמחייג בלחיצה בטלפון.
  • וואטסאפ — לקהל רבים בישראל זה הערוץ המועדף. ראו כפתור וואטסאפ לאתר.
  • טופס קצר — למי שמעדיף לכתוב, או פונה מחוץ לשעות הפעילות.
  • מייל — רצוי בכתובת על הדומיין של העסק. ראו מייל עסקי על הדומיין.
  • כתובת או אזור שירות, ושעות פעילות אם רלוונטי.
  • משפט שמסביר מה קורה אחרי הפנייה — רק אם אתם באמת עומדים בו.

מחקר של Nielsen Norman Group על מידע אודות החברה מצא שמשתמשים מחפשים כמה אפשרויות ליצירת קשר, ושהדרך להגיע לאדם אמיתי היא חלק ממה שבונה אמון.

הטופס: כמה שפחות שדות

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

  1. שם
  2. טלפון או מייל (או שניהם, אם באמת צריך)
  3. הודעה חופשית — או בחירה קצרה של נושא

מה שאפשר לברר בשיחה — תקציב, מועדים, פרטי הפרויקט — לא צריך להיות שדה חובה בטופס. ותזכרו: כל שדה הוא גם מידע אישי שאתם אוספים, ותיקון 13 לחוק הגנת הפרטיות הגביר את החשיבות של איסוף מינימלי ויידוע ברור.

טופס נגיש ונוח

דרישה למה
תווית (label) גלויה לכל שדה טקסט placeholder נעלם כשמקלידים, וקוראי מסך לא תמיד מקריאים אותו
מאפיין autocomplete הדפדפן ממלא שם וטלפון אוטומטית; זו גם הטכניקה המומלצת לסעיף 1.3.5 של WCAG
סוג שדה נכון type="tel" פותח מקלדת ספרות בטלפון
הודעות שגיאה בטקסט לא רק מסגרת אדומה — הסבר מה לתקן, ליד השדה
הודעת הצלחה ברורה הגולש צריך לדעת שהפנייה התקבלה
הפעלה מלאה במקלדת חובת נגישות — ראו חוק נגישות אתרים

דוגמה לשדה טלפון נכון:

<label for="phone">טלפון</label>
<input id="phone" name="phone" type="tel" autocomplete="tel">

ספאם: להגן בלי להעניש את הגולש

טפסים מושכים ספאם. הפתרונות הנוחים לגולש הם שדה מלכודת נסתר (honeypot) ובדיקות בצד השרת; פאזלים ו-CAPTCHA קשים עלולים לחסום גם אנשים אמיתיים, ובמיוחד משתמשים עם מוגבלות. פירוט במאמר ספאם בטפסים.

שהפנייה באמת תגיע

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

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

אחרי השליחה: מה הגולש רואה

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

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

דף צור קשר בטלפון

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

שאלות נפוצות

האם צריך מפה בדף צור קשר?

רק אם לקוחות מגיעים פיזית. מפה מוטמעת מוסיפה משקל לעמוד; לעיתים קישור פשוט לניווט מספיק.

טופס או וואטסאפ?

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

האם לשים טופס גם בעמודים אחרים?

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

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

אהבתם את המאמר?

בואו נבנה יחד!

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

חיפוש באתר