המדריך לחיבור Typeform לוואטסאפ
חיבור Typeform לוואטסאפ - למה זה עניין של וובהוק, לא תג
Typeform יפה ונעים למילוי, אבל הוא מוצר מתארח - גם כשמטמיעים אותו באתר כ-Embed או כ-Popup, השאלות עצמן נטענות מדומיין Typeform. המדריך הזה מסביר למה תג אתר רגיל לא תופס שליחת Typeform, ואיך ה-Webhook המובנה שלו הוא הדרך האמיתית לחבר אותו לוואטסאפ.
ללא כרטיס אשראי · 7 ימי ניסיון- כנות טכנית: Embed זה עדיין טופס מתארח
- הפתרון האמיתי: Webhook, לא תג באתר
- מ-19 ₪/חודש · 7 ימי ניסיון בלי כרטיס אשראי
לפני שממשיכים - בכנות
טופס מוטמע עדיין טופס מתארח
Typeform מציע כמה דרכי הטמעה באתר: Embed מלא בתוך העמוד, חלון Popup שנפתח בלחיצה, או Slider שמופיע בצד. כולן נראות כאילו הטופס ״חי״ באתר שלכם - אבל מבחינה טכנית, כל הדרכים האלה טוענות iframe שמצביע לדומיין של Typeform (`typeform.com`). ההקלדה, הוולידציה, ולחיצת השליחה - כל זה קורה בתוך הדומיין ההוא, לא באתר שלכם.
בדיוק כמו עם כל טופס שמתארח בדומיין אחר, תג `<script>` שרץ על האתר שלכם לא יכול ״להציץ״ פנימה ל-iframe של Typeform ולקרוא ממנו נתונים כשהמשתמש שולח. זו הגנת same-origin policy בסיסית של הדפדפן - קיימת כדי למנוע מאתר אחד לגנוב נתונים מאתר אחר, ולכן שום פתרון מבוסס-תג לא יכול לתפוס שליחת Typeform ישירות.
החדשות הטובות: בניגוד ל-Google Forms, Typeform נבנה מלכתחילה ככלי לעסקים, ולכן יש לו יכולת Webhook מובנית - הגדרה שבה Typeform עצמו שולח את התשובה לכתובת שאתם קובעים, ברגע שהיא נשלחת. זה בדיוק מה שצריך כדי לגשר בין הטופס המתארח לבין הוואטסאפ שלכם.
שתי אפשרויות אמיתיות
Webhook של Typeform מול טופס באתר עם תג
אם כבר יש לכם Typeform בנוי ואתם אוהבים את חוויית המילוי שלו, יש דרך לגיטימית להישאר איתו. הנה ההבדל מול טופס אתר רגיל.
| Typeform + Webhook | טופס באתר (עם תג) | |
|---|---|---|
| מהירות ההגעה לוואטסאפ | כמעט מיידית - ה-Webhook יורה ברגע השליחה | תוך שניות, ישירות מהתג |
| זמינות התכונה | Webhooks זמינים לרוב רק בתוכניות Typeform בתשלום, לא בתוכנית החינמית | כלול תמיד, בלי תלות בתוכנית של כלי צד שלישי |
| הקמה טכנית | דורש הגדרת endpoint שמקבל את ה-Webhook ומתרגם אותו לפורמט של יש ליד | מדביקים תג אחד, בלי הגדרת endpoint |
| עיצוב וחוויית מילוי | עיצוב Typeform המוכר - שאלה אחת במסך, אנימציות | טופס שנראה כמו האתר שלכם, כמה שדות במסך אחד |
אם חוויית המילוי של Typeform (שאלה-אחר-שאלה) חשובה לכם עסקית, ה-Webhook הוא הדרך הנכונה. אם המטרה היא רק ״טופס קצר שממיר״, טופס אתר עם תג פשוט יותר.
שלב-אחר-שלב
לחבר Typeform לוואטסאפ דרך Webhook
דורש תוכנית Typeform שכוללת Webhooks (בדרך כלל תוכניות בתשלום), ונקודת קצה (endpoint) שמקבלת את הנתונים.
- 1
פותחים את הגדרות ה-Connect בטופס
בעורך ה-Typeform: Connect ← Webhooks ← Add a Webhook. שם מגדירים את כתובת ה-endpoint שאליה יישלחו התשובות.
- 2
מגדירים את נקודת הקצה (Webhook endpoint)
משתמשים ב-webhook endpoint או ב-API של יש ליד כיעד, כדי שכל תשובה חדשה תיצור ליד בדאשבורד ותשלח הודעת וואטסאפ.
- 3
ממפים את השדות הרלוונטיים
מוודאים שהשדות החשובים - שם, טלפון, תשובות מרכזיות - מזוהים נכון בפורמט ה-JSON שה-Webhook שולח.
- 4
בודקים עם שליחה אמיתית
ממלאים את ה-Typeform מתחילתו ועד סופו ולוחצים שלח. עוקבים שה-Webhook יורה ושהפנייה מגיעה לוואטסאפ ולדאשבורד.
ומה אם אני לא על תוכנית עם Webhooks?
בתוכנית החינמית של Typeform, ה-Webhooks לרוב לא זמינים, ואפשר רק לייצא תשובות ידנית או לחבר אינטגרציות מוגבלות. אם זה המצב שלכם ואתם לא מעוניינים לשדרג, האפשרות הזמינה היא לייצא תשובות ל-Google Sheets (Typeform תומך בזה גם בתוכנית חינמית) ולבנות תרחיש ב-Zapier או Make שמעביר כל שורה חדשה לוואטסאפ - בדיוק כמו עם Google Forms, עם אותה השהיה של דקות במקום שניות.
אם המטרה המרכזית שלכם היא מהירות תגובה ללידים ולא חוויית שאלה-אחר-שאלה, שווה לשקול טופס קצר על האתר שלכם עצמו, מחובר בתג אחד. זה חוסך את כל שכבת ה-Webhook או שרשרת האוטומציה, ומבטיח שהפנייה מגיעה תוך שניות בלי תלות בתוכנית תשלום של כלי חיצוני.
בין Webhook של Typeform לתג פשוט - תחליטו לפי הצורך שלכם
רוצים טופס קצר שממיר תוך שניות בלי שכבות אמצע? תג אחד, מ-19 ₪ לחודש, 7 ימי ניסיון בלי כרטיס אשראי.
שאלות נפוצות
אפשר לחבר Typeform לוואטסאפ עם תג באתר, כמו טופס רגיל?
לא. Typeform מוטמע באתר בתוך iframe שמצביע לדומיין typeform.com, ולכן השליחה קורית שם, לא באתר שלכם. תג שרץ על הדומיין שלכם לא יכול לקרוא נתונים מ-iframe של דומיין אחר - זו הגנת אבטחה בסיסית של הדפדפן, לא מגבלה שקשורה לכלי חיבור מסוים.
אז מה הדרך הנכונה לחבר Typeform לוואטסאפ?
דרך ה-Webhook המובנה של Typeform: בהגדרות Connect מגדירים כתובת endpoint שאליה נשלחת כל תשובה חדשה ברגע שהיא מוגשת. ה-endpoint הזה מתחבר ליש ליד ומייצר ליד חדש שנשלח כהודעת וואטסאפ.
Webhooks זמינים גם בתוכנית החינמית של Typeform?
לרוב לא. תכונת ה-Webhooks מוגבלת בדרך כלל לתוכניות Typeform בתשלום. בתוכנית החינמית האפשרות המעשית היא ייצוא תשובות ל-Google Sheets ובניית תרחיש ב-Zapier או Make שמעביר כל שורה חדשה הלאה.
למה זה חשוב שהטופס 'מתארח' ולא 'מוטמע' - זה לא אותו דבר?
ויזואלית זה נראה מוטמע, אבל טכנית ה-iframe טוען דף שלם מדומיין נפרד. הדפדפן מתייחס אליו כאילו זה אתר אחר לגמרי, ולכן שום סקריפט מהדומיין שלכם לא יכול לגשת לתוכן שבתוכו - כולל ערכי השדות שהמשתמש מילא.
מה ההבדל בזמן הגעה בין Webhook של Typeform לתג רגיל באתר?
Webhook יורה כמעט מיידית ברגע השליחה, כך שההבדל בפועל קטן - אבל הוא תלוי בזמינות התוכנית של Typeform ובתקינות ה-endpoint. תג באתר פשוט יותר להקמה ולא תלוי בתוכנית תשלום חיצונית או בהגדרת Webhook נכונה.
כדאי לי לעבור מ-Typeform לטופס באתר רגיל?
תלוי במה חשוב לכם. אם חוויית המילוי שאלה-אחר-שאלה של Typeform משרתת אתכם עסקית (למשל שאלוני התאמה ארוכים), ה-Webhook הוא הפתרון הנכון. אם המטרה היא טופס קצר שממיר לליד מהיר, טופס אתר עם תג פשוט ומהיר יותר להקמה.
צריך ידע בתכנות כדי להגדיר את ה-Webhook של Typeform?
לא ידע בתכנות מלא, אבל כן צריך להגדיר נכון את כתובת ה-endpoint ולוודא שהשדות ממופים כראוי בפורמט שה-Webhook שולח. זה מורכב יותר מהדבקת תג אחד, ולכן שווה לבדוק שליחת דמה מלאה לפני שסומכים על החיבור.