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

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

איך בונים כפתור וואטסאפ לאתר: הפורמט הרשמי

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

לפי מרכז העזרה של WhatsApp, הפורמט הוא https://wa.me/<number>, כאשר <number> הוא מספר טלפון מלא בפורמט בינלאומי, בלי אפס מוביל, בלי סוגריים ובלי מקפים. בישראל זה אומר להוריד את ה-0 שבתחילת המספר ולהוסיף 972 במקומו. האפסים שבתוך המספר עצמו נשארים.

• מספר בפועל: 052-123-4567
• הקישור הנכון: https://wa.me/972521234567
• מה שלא עובד: מספר עם מקפים, עם סוגריים או עם 0 בהתחלה

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

אחרי ההתקנה, בדקו את הקישור בשלושה מצבים: בנייד עם האפליקציה מותקנת, בנייד של מישהו שהמספר שלכם לא שמור אצלו, ובמחשב, שם הקישור נפתח ב-WhatsApp Web.

הודעה מוכנה שונה בכל עמוד, כדי לדעת מאיפה הגיעה השיחה

הוספת הודעה מוכנה נעשית עם הפרמטר text, כלומר https://wa.me/972521234567?text=..., כשהטקסט מקודד לכתובת אינטרנט. רוב התוספים מקודדים את העברית לבד. אם אתם מוסיפים את הקישור ידנית, ודאו שההודעה מופיעה בעברית תקינה בטלפון ולא כרצף סימנים.

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

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

איפה לשים את הכפתור בנייד, ומה אסור שהוא יסתיר

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

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

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

נגישות של כפתור צף: שם, גודל ומקלדת

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

1. שם נגיש לכפתור. לפי התיעוד של MDN, aria-label נועד בדיוק למקרה הזה: אלמנט אינטראקטיבי בלי טקסט גלוי, למשל כפתור שמכיל אייקון SVG. אם כבר קיים באתר טקסט גלוי שמתאר את הכפתור, MDN ממליץ לקשר אליו באמצעות aria-labelledby במקום לכתוב aria-label. גם הדוגמה שמופיעה בעמוד של WhatsApp עצמה כוללת aria-label על הקישור. באתר בעברית כתבו שם בעברית, למשל "פתיחת צ'אט בוואטסאפ".
2. הפעלה מהמקלדת. הכפתור צריך להיות קישור או כפתור אמיתי, לא div שמגיב ללחיצת עכבר בלבד. גולש שמנווט במקלדת צריך להגיע אליו ולראות סימון פוקוס ברור.
3. אזור לחיצה נוח. אייקון קטן מדי הוא בעיה בנייד עוד לפני שהוא בעיית נגישות. את גדלי אזור הלחיצה המומלצים פירטנו במאמר על כפתור הנעה לפעולה.

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

מדידת לחיצות כהמרה, ולמה קליק הוא עדיין לא ליד

קישור wa.me מוביל לדומיין אחר, ולכן GA4 כבר סופר אותו. לפי התיעוד של Google Analytics, כשהמדידה המשופרת פעילה נשלח אירוע click בכל פעם שגולש לוחץ על קישור שמוביל אל מחוץ לדומיין, עם פרמטרים כמו link_domain ו-link_url. כלומר, המידע קיים אצלכם גם אם לא הגדרתם דבר.

השלב הבא הוא להפוך אותו למספר שמסתכלים עליו:

1. צרו אירוע ייעודי ללחיצות שבהן link_domain הוא הדומיין של וואטסאפ, כדי להפריד אותן משאר הקישורים היוצאים.
2. סמנו אותו כאירוע מפתח. לפי התיעוד של Google, אירועי מפתח הם האירועים החשובים שאתם רוצים למדוד, ואפשר ליצור על בסיסם המרות ב-Google Ads.
3. ייבאו ל-Google Ads אם אתם מפרסמים, כדי שהאלגוריתם יקבל את הפעולה הזאת כאות.

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

מה קורה אחרי הלחיצה: מענה, שעות פעילות וטעויות נפוצות

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

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

ארבע טעויות שאנחנו רואים כמעט בכל בדיקה:

• טעות #1: מספר בפורמט שגוי. 0 בהתחלה או מקפים בקישור, והשיחה לא נפתחת אצל חלק מהמשתמשים.
• טעות #2: אותה הודעה מוכנה בכל האתר. מאבדים את המידע היחיד שהיה אפשר לקבל בחינם.
• טעות #3: כפתור צף שמסתיר כפתור אחר. בעיקר את כפתור שליחת הטופס ואת תפריט הנגישות.
• טעות #4: אף אחד לא מודד. בלי אירוע ב-GA4 אי אפשר לדעת אם הכפתור עובד או סתם תופס מקום.

מה Simple Web עושה בעניין

Simple Web היא סוכנות שיווק מבוססת AI מבני ברק, שותפי Meta מוסמכים ומומחי פרסום בגוגל, שעובדת עם 200+ עסקים ומחזיקה 35 ביקורות 5★ בגוגל. בכל אתר ודף נחיתה שאנחנו בונים, כפתור הוואטסאפ מותקן עם הודעה מוכנה שונה לפי העמוד, ממוקם כך שלא יסתיר את הטופס או את תפריט הנגישות, ומחובר כאירוע ב-GA4 מהיום הראשון. הנגישות נבנית לפי החוק הישראלי, כולל שם נגיש לכפתור.

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

סיכום

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

מקורות

• WhatsApp Help Center: How to use click to chat: הפורמט הרשמי של הקישור, כתיבת המספר בפורמט בינלאומי, והוספת הודעה מוכנה עם הפרמטר text
• Google Analytics Help: Enhanced measurement events: אירוע click על קישורים שיוצאים מהדומיין, והפרמטרים link_domain ו-link_url
• Google Analytics Help: Key events: סימון אירוע כאירוע מפתח ויצירת המרות ב-Google Ads על בסיסו
• MDN: aria-label: מתי משתמשים ב-aria-label לכפתור אייקון בלי טקסט גלוי