המדריך לחיבור חנות שופיפיי לוואטסאפ
חיבור חנות שופיפיי לוואטסאפ - כל פנייה ישר לטלפון
לחנות השופיפיי שלך יש טופס ״צור קשר״, ואולי גם בקשות ״הודיעו לי כשיהיה במלאי״ - וכל אלה נוחתים במייל שאתה בקושי פותח. המדריך הזה מראה איפה בדיוק בעורך הקוד של שופיפיי מדביקים תג `<script>` אחד, כדי שכל פנייה תגיע לוואטסאפ שלך תוך שניות, בלי אפליקציה מהחנות ובלי לגעת בעיצוב.
ללא כרטיס אשראי · 7 ימי ניסיון- עובד עם טופס צור הקשר של השופיפיי
- נדבק פעם אחת ב-theme.liquid, לכל דפי החנות
- מ-19 ₪/חודש · 7 ימי ניסיון בלי כרטיס אשראי
בקצרה
מה מחברים בשופיפיי, ולמה זה לא כמו וורדפרס
שופיפיי היא פלטפורמת מסחר סגורה: אין לך גישה לשרת ואין תוסף שמתקינים בלחיצה כמו בוורדפרס. הדרך היחידה להוסיף קוד לחנות היא דרך עורך הקוד של הערכה (Theme code editor), שבו עורכים ישירות את קובץ `theme.liquid`. זה נשמע מפחיד, אבל ההוספה עצמה היא הדבקה של שורה אחת במקום מוגדר מראש - בלי לכתוב Liquid ובלי לגעת בלוגיקה של החנות.
בחנות שופיפיי טיפוסית יש בדרך כלל שני סוגי פניות שכדאי לתפוס: טופס צור קשר (בעמוד `/pages/contact`, לרוב מבוסס על הסניפט המובנה `contact-form.liquid`), ובקשות מלאי - ״הודיעו לי כשיהיה זמין״ בעמוד מוצר, שלרוב מגיעות מאפליקציה נפרדת (Back in Stock, Kite וכדומה) ולא מהטופס המובנה. התג תופס את טופס צור הקשר הרגיל מעצמו; בקשת מלאי מאפליקציית צד שלישי תלויה בכך שהאפליקציה בעצמה שולחת HTML שהתג מזהה - שווה לבדוק בפועל אחרי ההתקנה.
חשוב להבחין: בשופיפיי קיים גם כלי בשם Custom Pixel (תחת Settings ← Customer events), אבל הוא נועד למעקב אנליטי - שולח אירועים לכלי סטטיסטיקה, ורץ בסביבת Sandbox מוגבלת שלא יכולה לתפוס שליחת טופס או לגעת בעמוד. הוא לא מתאים לחיבור לוואטסאפ. הדרך הנכונה היא הוספת התג ל-`theme.liquid`, לא ל-Custom Pixel.
אילו פניות זה תופס
טופס צור קשר ובקשות מלאי
בחנות שופיפיי יש כמה נקודות שבהן לקוח משאיר פרטים - לא רק בקופה.
טופס צור קשר (Contact page)
רוב ערכות השופיפיי כוללות עמוד ״צור קשר״ עם טופס מובנה. התג תופס את השליחה שלו בדיוק כמו כל טופס HTML רגיל.
בקשת ״הודיעו לי כשיהיה במלאי״
אם האפליקציה שמפעילה את הכפתור מציגה טופס HTML רגיל בעמוד, התג תופס גם אותו - שווה לבדוק עם בקשת בדיקה אחרי ההתקנה.
טופס שאלה על מוצר
ערכות רבות מוסיפות ״שאלה על המוצר הזה?״ בעמוד המוצר עצמו. גם זה טופס רגיל שנתפס באותה שיטה.
מה לא זה מחליף
התג לא נוגע בתהליך הקנייה או בקופה של שופיפיי - הוא תופס רק טפסי פנייה, לא הזמנות. הזמנות ממשיכות להתנהל דרך שופיפיי כרגיל.
שלב-אחר-שלב
לחבר את השופיפיי לוואטסאפ בארבעה צעדים
עורכים קוד פעם אחת דרך הממשק של שופיפיי - בלי FTP ובלי גישת שרת.
- 1
נכנסים ומחברים וואטסאפ
נכנסים לחשבון עם גוגל ומחברים את הוואטסאפ שלך בשליחת הודעה אחת מהטלפון - בלי QR ובלי אפליקציה נוספת.
- 2
מעתיקים את שורת הקוד
מקבלים תג <script> אחד. זו אותה שורה לכל דפי החנות - לא צריך להגדיר אותה מול כל עמוד בנפרד.
- 3
פותחים את עורך הקוד ומדביקים ב-theme.liquid
בלוח הניהול: Online Store ← Themes ← שלוש הנקודות ליד הערכה הפעילה ← Edit code. פותחים את `layout/theme.liquid`, ומדביקים את התג ממש לפני התג הסוגר `</head>` (או לפני `</body>` אם מעדיפים טעינה מאוחרת). שומרים.
- 4
בודקים עם פניית דמה
נכנסים לעמוד ״צור קשר״ בחנות החיה וממלאים פרטים לדוגמה. תוך שניות ההודעה נוחתת בוואטסאפ עם השם, הטלפון והנושא - וגם נשמרת בלוח הבקרה.
מה עם אפליקציות טפסים מה-Shopify App Store?
חלק מהחנויות מוסיפים אפליקציית טופס נוספת (Contact Form Builder, Powr וכדומה) במקום להסתמך על טופס הערכה. אם האפליקציה מטמיעה טופס HTML רגיל בעמוד - התג תופס אותה באותו אופן. אם היא פועלת דרך iframe חיצוני (כמו טפסי Typeform או Google Forms מוטמעים), התג לא יכול לראות פנימה ל-iframe מסיבות אבטחה של הדפדפן, וצריך פתרון ייעודי לאותו כלי (למשל וובהוק).
כלל אצבע מהיר: אם הטופס נראה חלק מעיצוב האתר שלך ולא בתוך מסגרת נפרדת עם עיצוב שונה - כנראה שהוא HTML רגיל, והתג יעבוד עליו בלי הגדרה נוספת.
הפנייה הבאה מהשופיפיי שלך - כבר בוואטסאפ
תג אחד ב-theme.liquid, מ-19 ₪ לחודש, 7 ימי ניסיון בלי כרטיס אשראי. עובד עם טופס צור קשר ורוב אפליקציות הטפסים.
שאלות נפוצות
איך מחברים חנות שופיפיי לוואטסאפ?
מדביקים תג <script> אחד בקובץ theme.liquid של הערכה, דרך Online Store ← Themes ← Edit code. התג תופס את טופס צור הקשר הקיים ושולח כל פנייה לוואטסאפ שלך תוך שניות - בלי אפליקציה נוספת מה-App Store ובלי לגעת בעיצוב החנות.
אפשר להשתמש ב-Custom Pixel של שופיפיי לחיבור לוואטסאפ?
לא. Custom Pixel נועד למעקב אנליטי בלבד ורץ בסביבת Sandbox מוגבלת שלא יכולה לתפוס שליחת טופס. כדי לתפוס פניות צריך להדביק את התג ישירות ב-theme.liquid, לא באזור ה-Customer events / Custom Pixel.
איפה בדיוק בעורך הקוד מדביקים את הקוד?
ב-Online Store ← Themes ← שלוש הנקודות ← Edit code, פותחים את layout/theme.liquid ומדביקים את התג ממש לפני </head> (או לפני </body> לטעינה מאוחרת יותר). זו עריכה חד-פעמית שחלה על כל דפי החנות.
זה עובד עם עמוד ״הודיעו לי כשיהיה במלאי״?
אם האפליקציה שמציגה את הכפתור מטמיעה טופס HTML רגיל בעמוד - כן, התג תופס אותו כמו כל טופס אחר. אם היא בנויה כ-iframe חיצוני, התג לא יכול לראות פנימה מסיבות אבטחה, וכדאי לבדוק בפועל עם בקשת דמה אחרי ההתקנה.
עריכת theme.liquid לא מסוכנת לחנות?
ההוספה עצמה היא שורה אחת בתחילת/סוף הקובץ, בלי לגעת בלוגיקה הקיימת - הסיכון נמוך מאוד. בכל מקרה שופיפיי שומר גרסאות קודמות של הערכה, כך שאפשר לשחזר בקלות אם משהו לא נראה נכון.
צריך אפליקציית וואטסאפ מה-Shopify App Store?
לא. אלה בדרך כלל כפתורי wa.me שהלקוח צריך ליזום בעצמו. החיבור בתג לוכד את כל מי שממלא טופס - גם מי שלא היה טורח ללחוץ על כפתור צ'אט - ומעביר את הפנייה אליך אוטומטית.
זה יאט את טעינת החנות?
התג קל וטוען אסינכרונית, כך שהוא לא חוסם את רינדור העמוד או משפיע על מהירות הטעינה שמשפיעה על דירוג SEO וחוויית הקנייה בחנות.