טופס יצירת קשר באתר: שדות, מיקום ובדיקה

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

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

מה טופס יצירת קשר באתר צריך לעשות?

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

במה טופס שונה משיחה או מוואטסאפ?

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

האם כל עמוד צריך טופס?

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

אילו שדות לשים בטופס יצירת קשר?

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

מתי כדאי לשאול עוד שאלה?

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

האם לבקש גם מייל?

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

איך מנסחים את הטופס ואת הכפתור?

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

מה כותבים מעל הטופס?

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

איך מסמנים שדה חובה?

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

איפה למקם טופס יצירת קשר באתר?

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

מה עם טופס בחלון קופץ?

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

איך זה נראה בדף נחיתה?

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

איך מתאימים את הטופס לטלפון?

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

למה סוג השדה משנה?

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

איפה לשים את הכיתוב?

מעל השדה. לפי אותה הדרכה, מיקום התוויות מעל השדות עוזר לצמצם גלילה אופקית לאנשים עם ראייה ירודה ולמי שגולש במכשיר נייד.

למה כל שדה צריך תווית גלויה?

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

מה התווית עושה מעבר לטקסט?

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

האם אפשר להסתיר תווית?

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

איך מילוי אוטומטי חוסך זמן בטופס?

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

מה צריך להגדיר בפועל?

לשדה השם את הערך name, לשדה הטלפון tel ולשדה המייל email. זו עבודה של דקות למי שבנה את האתר, ואפשר לבקש אותה במפורש.

האם לכבות מילוי אוטומטי?

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

איך מגינים על הטופס מספאם?

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

מה זה שדה מלכודת?

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

מה לא לבקש בטופס?

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

מה קורה אחרי שהגולש לוחץ על שליחה?

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

לאן הפניות צריכות להגיע?

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

האם לשלוח אישור לפונה?

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

איך מודדים כמה פניות מגיעות מהטופס?

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

מה הדרך הפשוטה למדוד?

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

מה עושים עם הנתונים?

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

מה עושים כדי לוודא שהטופס באמת עובד?

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

מה נשבר בדרך כלל?

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

מי אחראי על הבדיקה?

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

איך כותבים הודעת שגיאה בטופס?

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

מתי להציג את השגיאה?

כשהגולש עוזב את השדה או לוחץ על שליחה, ולא בזמן שהוא עוד מקליד. הודעה שקופצת אחרי האות הראשונה מרגישה כמו נזיפה.

איך מסמנים שגיאה בלי להסתמך על צבע?

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

מה כותבים ליד הטופס על פרטיות?

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

האם לבקש הסכמה לדיוור?

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

מה עושים עם הפניות אחרי הטיפול?

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

מתי טופס לבד לא מספיק?

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

איך משלבים וואטסאפ?

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

ומה אם בונים אתר חדש?

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

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

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

שאלות נפוצות על טופס יצירת קשר באתר