המדריך לחיבור טופס אלמנטור לוואטסאפ
חיבור אלמנטור לוואטסאפ - כל טופס Elementor Pro ישר לטלפון
בנית את כל האתר ב-Elementor, כולל כמה טפסים - צור קשר, בקשת הצעת מחיר, אולי גם טופס תלת-שלבי. המדריך הזה מראה איך לחבר את כל הטפסים האלה לוואטסאפ בבת אחת, דרך כלי ה-Custom Code של אלמנטור, בלי להגדיר אינטגרציית Webhook נפרדת לכל טופס בעורך.
ללא כרטיס אשראי · 7 ימי ניסיון- תג אחד תופס את כל טפסי Elementor Pro באתר
- בלי הגדרת Webhook נפרדת לכל טופס
- מ-19 ₪/חודש · 7 ימי ניסיון בלי כרטיס אשראי
בקצרה
למה טפסי אלמנטור צריכים חיבור, לא רק Webhook
Elementor Pro Forms מגיע עם מנגנון ״Actions After Submit״ שכולל אפשרות Webhook - אבל היא דורשת הגדרה ידנית מול כל טופס בנפרד: פותחים את עורך הטופס, מוסיפים Action, מדביקים כתובת Webhook, וממפים כל שדה בטופס אל שם שדה בפלט. אם יש לך שלושה טפסים באתר - צור קשר, הצעת מחיר, וטופס תלת-שלבי - זו הגדרה שלוש פעמים, וכל טופס חדש שתוסיף בעתיד דורש את אותה עבודה מחדש.
חיבור אלמנטור לוואטסאפ עם תג אחד עובד אחרת: התג נדבק פעם אחת באזור ה-Custom Code של אלמנטור, ותופס את שליחת כל טופס Elementor Pro באתר מעצמו - בלי לפתוח את עורך הטופס ובלי למפות שדות. טופס חדש שתוסיף מחר עובד אוטומטית, בלי הגדרה נוספת.
חשוב להבחין: Elementor Pro Forms דורש רישיון Elementor Pro (לא זמין בגרסה החינמית). הכלי Custom Code עצמו הוא גם הוא פיצ'ר של Elementor Pro - אם אין לך רישיון, אפשר להדביק את התג במקום זאת דרך פלאגין כללי כמו Insert Headers and Footers, כמתואר במדריך חיבור וורדפרס לוואטסאפ.
אילו טפסים זה תופס
כל וידג'ט טופס שבנית באלמנטור
התג לא אכפת לו כמה שדות יש בטופס או איך הוא עוצב - הוא מזהה את שליחת הטופס עצמה.
טופס צור קשר בסיסי
שם, טלפון, הודעה - הטופס הנפוץ ביותר. נתפס בלי הגדרה נוספת מרגע שהתג באתר.
טופס בקשת הצעת מחיר / הזמנת שירות
טופס עם שדות מותאמים (סוג שירות, תאריך מבוקש וכדומה) - כל שדה שהמתעניין מילא מגיע להודעת הוואטסאפ.
טופס רב-שלבי (Multi-Step)
וידג'ט הטופס הרב-שלבי של Elementor Pro נתפס באותה שיטה - הפנייה נשלחת רק בסיום, וזו הנקודה שהתג תופס.
טופס בפופאפ של Elementor
טופס שמוצג בפופאפ (Elementor Pro Popup Builder) נתפס גם הוא, כל עוד הפופאפ טעון בעמוד בזמן השליחה.
שלב-אחר-שלב
לחבר את טפסי אלמנטור לוואטסאפ בארבעה צעדים
משתמשים בכלי Custom Code המובנה של אלמנטור - בלי לגעת בעורך הטופס עצמו.
- 1
נכנסים ומחברים וואטסאפ
נכנסים לחשבון עם גוגל ומחברים את הוואטסאפ שלך בשליחת הודעה אחת מהטלפון - בלי QR ובלי אפליקציה.
- 2
מעתיקים את שורת הקוד
מקבלים תג <script> אחד. זו אותה שורה לכל טפסי האתר - לא צריך להגדיר אותה מול כל טופס.
- 3
מוסיפים קטע קוד חדש ב-Custom Code
בלוח הניהול של וורדפרס: Elementor ← Custom Code ← Add New. מדביקים את התג בשדה הקוד, בוחרים מיקום Header (או Body End), ותחת Display Conditions בוחרים ״Entire Site״.
- 4
שומרים ובודקים עם פניית דמה
שומרים ומפרסמים (Publish). נכנסים לעמוד עם טופס Elementor וממלאים פרטים לדוגמה - תוך שניות ההודעה נוחתת בוואטסאפ, וגם נשמרת בלוח הבקרה.
איזו דרך לבחור
תג אחד מול Webhook Action מובנה של אלמנטור
לשני הכלים יש מקום, אבל הם פותרים בעיות שונות.
| תג אחד (יש ליד) | Webhook Action בעורך הטופס | |
|---|---|---|
| הגדרה | פעם אחת, לכל האתר | בנפרד לכל טופס, כולל מיפוי שדות |
| טופס חדש שנוסף בעתיד | נתפס אוטומטית, בלי לגעת בעורך | דורש הגדרת Webhook נוספת |
| יעד | וואטסאפ + לוח בקרה מובנה | כל כתובת URL שתגדיר - צריך שרת שמקבל את הנתונים |
| מתאים כש... | רוצים כל פנייה בוואטסאפ, בלי לתחזק אינטגרציות | כבר יש מערכת ייעודית שמצפה ל-Webhook בפורמט מסוים |
אם יש לך כבר Zapier או Make שמצפה ל-Webhook מהטופס, זה עדיין רלוונטי לצד ההתראה המיידית בוואטסאפ - שני הדברים לא סותרים.
כל טופס אלמנטור באתר - יצלצל בוואטסאפ
תג אחד ב-Custom Code, מ-19 ₪ לחודש, 7 ימי ניסיון בלי כרטיס אשראי. עובד עם כל טפסי Elementor Pro, קיימים ועתידיים.
שאלות נפוצות
איך מחברים טופס Elementor Pro לוואטסאפ?
מדביקים תג <script> אחד דרך Elementor ← Custom Code, עם מיקום Header ותנאי תצוגה Entire Site. התג תופס את שליחת כל טופס Elementor Pro באתר ושולח את הפרטים לוואטסאפ תוך שניות - בלי לפתוח את עורך הטופס.
צריך להגדיר Webhook Action בכל טופס בנפרד?
לא, וזה בדיוק ההבדל מהאינטגרציה המובנית של Elementor. במקום להוסיף Webhook Action ולמפות שדות בכל טופס, מדביקים תג אחד באזור ה-Custom Code, והוא תופס אוטומטית כל טופס Elementor Pro באתר - כולל טפסים שתוסיף מחר.
צריך רישיון Elementor Pro?
לתפיסת טופס Elementor Pro Forms עצמו - כן, כי הפיצ'ר עצמו זמין רק ב-Pro. אם אין לך Pro אבל יש לך טופס HTML פשוט בעמוד, אפשר להדביק את התג דרך פלאגין כללי כמו Insert Headers and Footers במקום דרך Custom Code של אלמנטור.
זה עובד עם טופס רב-שלבי (Multi-Step)?
כן. הטופס הרב-שלבי של Elementor Pro שולח את כל הנתונים בבת אחת בסיום, וזו הנקודה שהתג תופס - כל השדות שהמתעניין מילא לאורך השלבים מגיעים בהודעת וואטסאפ אחת.
איפה בדיוק בממשק מדביקים את התג?
בתפריט הניהול: Elementor ← Custom Code ← Add New. מדביקים את התג, בוחרים מיקום Header, ותחת Display Conditions בוחרים Entire Site כדי שהוא יחול על כל עמודי האתר ולא רק על עמוד אחד.
זה מחליף את התוסף Contact Form 7 שיש לי בנוסף לאלמנטור?
לא צריך להחליף כלום. אותו תג אחד תופס גם טפסי Elementor Pro וגם Contact Form 7 באותו אתר, כי הוא מזהה שליחת טופס בכלל - בלי תלות בכלי שבנה אותו.
משפיע על מהירות טעינת עמוד ה-Elementor?
לא באופן משמעותי. התג טוען אסינכרונית ולא חוסם רינדור העמוד, כך שהוא לא פוגע בציוני המהירות שמשפיעים על חוויית המשתמש ועל דירוג SEO של דפי אלמנטור.