המדריך לחיבור טופס Framer לוואטסאפ
חיבור אתר Framer לוואטסאפ - כל פנייה ישר לטלפון
בנית אתר ב-Framer - נקי, מהיר, בלי הקוד המיותר של בילדרים ישנים - ויש בו טופס צור קשר שהפניות ממנו נוחתות במייל. המדריך הזה מראה איך לחבר את הטופס לוואטסאפ דרך Site Settings של Framer, כך שכל פנייה תגיע לטלפון שלך תוך שניות, בתג `<script>` אחד ובלי לגעת בעיצוב או בקוד הרכיבים.
ללא כרטיס אשראי · 7 ימי ניסיון- עובד עם טופס ה-Form הקיים ב-Framer
- תג אחד ב-Custom Code - בלי פלאגין
- מ-19 ₪/חודש · 7 ימי ניסיון בלי כרטיס אשראי
בקצרה
למה Framer שונה, ולמה זה עדיין פשוט
Framer בנוי בפילוסופיה אחרת מוורדפרס או וויקס - אין בו חנות פלאגינים, ואין בו קהילת תוספים לכל צורך. זו בדיוק הסיבה שמעצבים ופרילנסרים עוברים אליו: פחות שכבות, טעינה מהירה יותר, קוד נקי. אבל זה גם אומר שאין ״פלאגין וואטסאפ ל-Framer״ שאפשר פשוט להתקין - חיבור Framer לוואטסאפ נעשה דרך אזור ה-Custom Code המובנה של הפלטפורמה, לא דרך שוק תוספים.
החדשות הטובות: Framer דווקא הופך את זה לפשוט יותר, לא פחות. אזור Site Settings → Custom Code מיועד בדיוק לתרחיש הזה - הדבקת קוד חיצוני שרץ על כל האתר בלי לגעת ברכיבים עצמם. מדביקים תג אחד, והוא תופס את שליחת הטופס שכבר בנית ב-Framer, בין אם זה רכיב ה-Form המובנה או טופס מותאם שהרכבת בעצמך.
העיקרון זהה לכל אתר: אתה לא בונה טופס חדש ולא נוגע בעימוד (layout) או ב-Overrides. הטופס שהמבקר רואה נשאר בדיוק אותו טופס. מה שמשתנה זה רק לאן הפנייה ממשיכה אחרי לחיצה על ״שלח״ - במקום להיעלם למייל, היא נוחתת בוואטסאפ שלך.
למי זה הכי רלוונטי
אתרי Framer שמפספסים פניות
Framer פופולרי בעיקר בקרב מעצבים, סוכנויות ועסקי בוטיק. בכל אחד מהם הפנייה שמחכה במייל היא ליד שמתקרר.
פורטפוליו של מעצב או פרילנסר
טופס ״בואו נדבר על פרויקט״ עם שם, טלפון ותקציב. כשהפנייה נוחתת רק במייל, יש סיכוי סביר שהיא תיפתח אחרי שהלקוח כבר פנה למישהו אחר.
אתר תדמית לסוכנות בוטיק
אתר Framer מוצג ללקוחות פוטנציאליים כדוגמה לאיכות העבודה - חבל שהפנייה הראשונה שהם שולחים דרכו נעלמת בתיבת מייל.
עמוד נחיתה למוצר או שירות חדש
Framer נפוץ לעמודי השקה מהירים. כשיש תנועה ממומנת לעמוד, כל דקת עיכוב בתגובה לפנייה עולה כסף בפועל.
אתר תדמית עם כמה עמודי נחיתה
אם יש לך כמה עמודים ב-Framer עם טפסים נפרדים, תג אחד ב-Custom Code של האתר מכסה את כולם - לא צריך להגדיר כל עמוד בנפרד.
שלב-אחר-שלב
לחבר את ה-Framer לוואטסאפ בארבעה צעדים
כל התהליך לוקח כמה דקות, ולא דורש הכרות עם Code Components או API.
- 1
נכנסים ומחברים וואטסאפ
נכנסים לחשבון עם גוגל ומחברים את הוואטסאפ שלך בשליחת הודעה אחת מהטלפון - בלי QR ובלי אפליקציה נוספת.
- 2
מעתיקים את שורת הקוד
מקבלים תג <script> אחד. זו אותה שורה לכל האתר - לא צריך להגדיר אותה מול כל טופס או עמוד בנפרד.
- 3
מדביקים ב-Site Settings של Framer
בפינה השמאלית העליונה: אייקון ה-Site Settings ← לשונית Custom Code ← מדביקים את התג באזור ה-Head ומשמרים.
- 4
מפרסמים (Publish) ובודקים
לוחצים Publish כדי שהשינוי יעלה לאתר החי, ואז ממלאים את הטופס עם פרטי דמה. תוך שניות ההודעה נוחתת בוואטסאפ, וגם נשמרת בלוח הבקרה.
בלי אקוסיסטם של פלאגינים - זה עדיין קל?
Framer מול בילדר עם חנות תוספים
אין ל-Framer שוק פלאגינים כמו וורדפרס, אבל זה לא אומר שהחיבור מסובך יותר - להפך.
| Framer (Custom Code) | בילדר עם שוק פלאגינים | |
|---|---|---|
| התקנה | שורת קוד אחת ב-Site Settings, פעם אחת לכל האתר | חיפוש פלאגין, התקנה, הגדרה מול כל שדה |
| תחזוקה | אין - השכבה רצה מהצד שלנו | עדכוני גרסה לפלאגין, בדיקת תאימות |
| השפעה על מהירות האתר | תג קל, אסינכרוני - לא מוסיף שכבת פלאגין | כל פלאגין נוסף מוסיף משקל וטעינה |
| לוח בקרה לכל הפניות | דאשבורד בעברית עם סטטוס וחותמת זמן | תלוי בפלאגין - לרוב שליחה בלבד |
הפנייה הבאה מה-Framer שלך - כבר בוואטסאפ
תג אחד ב-Custom Code, מ-19 ₪ לחודש, 7 ימי ניסיון בלי כרטיס אשראי.
שאלות נפוצות
יש פלאגין וואטסאפ רשמי ל-Framer?
לא - ל-Framer אין שוק פלאגינים כמו וורדפרס. החיבור נעשה דרך Site Settings → Custom Code, שם מדביקים תג <script> אחד שתופס את הטופס הקיים באתר ושולח כל פנייה לוואטסאפ תוך שניות, בלי תוסף חיצוני.
איפה בדיוק מדביקים את הקוד ב-Framer?
לוחצים על אייקון ה-Site Settings בפינה העליונה של הקנבס, נכנסים ללשונית Custom Code, ומדביקים את השורה באזור ה-Head. זה חל על כל עמודי האתר בבת אחת, ורק אחרי Publish השינוי עולה לאתר החי.
זה עובד עם רכיב ה-Form המובנה של Framer?
כן. התג מזהה את שליחת הטופס בעמוד בלי צורך בהגדרה מול Overrides או Code Components. השם, הטלפון והנושא שהמתעניין מילא מגיעים לוואטסאפ שלך כפי שהם, בדיוק כמו כל טופס אחר באתר.
צריך לדעת קוד או React כדי לחבר את זה?
לא. למרות ש-Framer מאפשר Code Components ל-React למי שרוצה, החיבור לוואטסאפ לא דורש שום ידע כזה - מדביקים שורה מוכנה באזור ה-Custom Code, בלי לכתוב או לערוך קוד בעצמך.
זה משפיע על מהירות הטעינה של אתר Framer?
בפועל לא מורגש. התג קטן ורץ אסינכרונית ברקע, כך שהוא לא חוסם את רינדור הדף. Framer כבר מוכר בזכות אתרים מהירים, והחיבור לא משנה את זה - הוא לא שכבת פלאגין נוספת שנטענת בטעינת העמוד.
אפשר לחבר כמה עמודי נחיתה נפרדים באותו פרויקט Framer?
כן. תג אחד ב-Site Settings חל על כל העמודים בפרויקט - כולל עמודי נחיתה נוספים שהוספת. אין צורך להדביק את הקוד שוב עבור כל עמוד, כל עוד הם חלק מאותו אתר Framer.
מה קורה אם אני מפרסם אתר Framer חדש בהמשך?
אם מדובר באותו פרויקט - הקוד ב-Custom Code נשאר. אם פותחים פרויקט Framer נפרד לגמרי (למשל מיקרו-סייט נוסף), צריך להדביק את שורת הקוד גם שם, פעם אחת, באותו מקום ב-Site Settings.