ווידג’ט WhatsApp
הטמעת ווידג’ט WhatsApp
הוסיפו כפתור צ’אט צף של WhatsApp לאתר שלכם בעזרת מדריך פשוט זה.
כדאי לדעת. הווידג’ט של WhatsApp הוא כפתור פשוט מסוג “לחץ כדי לשוחח” — לחיצה עליו פותחת את WhatsApp עבור המבקר באתר שלך כדי שיוכל לשלוח לך הודעה שם. הוא אינו מעביר הודעות לתיבת הדואר הנכנס של הצ’אטים שלך ואינו מפעיל את ה-AI באופן עצמאי. לחוויית צ’אט מבוססת AI המוטמעת בתוך דפי האתר שלך, השתמש ב-Chat Widget הנפרד במקום.
רוצה רק קישור פשוט או כפתור משלך? אם אינך מעוניין בווידג’ט הצף ומעדיף לקשר כפתור משלך (או טקסט כלשהו) ישירות לצ’אט ב-WhatsApp, דלג אל מעדיף קישור או כפתור פשוט? (wa.me) להלן. עבור שווה ערך ל-SMS, ראה הוספת קישור לחיצה לשליחת הודעת טקסט (SMS).
התקנה
- פתחו את קובץ ה-HTML של האתר שלכם בעורך טקסט.
- אתרו את התגית
</body>(בדרך כלל בסוף קובץ ה-HTML שלכם). - הדביקו את הסקריפט הבא ממש לפני התגית
</body>:
<script src="https://api.youraiconnector.com/v1/whatsapp-widget/NUMBER"></script>
- בקוד שלמעלה, החליפו את:
NUMBERבמספר ה-WhatsApp שלכם- לדוגמה: עבור המספר 15551234567+ 1, פשוט השתמשו ב: 15551234567
הוספת הודעה מותאמת אישית
אם ברצונכם שהודעה מוכנה מראש תופיע כאשר מישהו לוחץ על הכפתור:
- השתמשו בקוד זה במקום:
<script src="https://api.youraiconnector.com/v1/whatsapp-widget/NUMBER/Your message here"></script>
- דוגמה עם מספר והודעה אמיתיים:
<script src="https://api.youraiconnector.com/v1/whatsapp-widget/15551234567/Hello! I'm interested in your services"></script>
מה אתם מקבלים
לאחר ההתקנה, תראו באופן אוטומטי:
- כפתור WhatsApp ירוק בפינה הימנית התחתונה של האתר שלכם
- הכפתור נשאר גלוי בזמן גלילה
- הכפתור עובד בצורה חלקה במכשירים ניידים
- אנימציה עדינה מופיעה בעת ריחוף מעל הכפתור
מידע נוסף
- ניתן לכתוב את מספר הטלפון שלך עם או בלי:
- סימן פלוס (+)
- רווחים
- מקפים (-)
- אלו יעובדו אוטומטית בצורה נכונה
- ההודעה יכולה להכיל רווחים באופן טבעי
- אין צורך בקבצים נוספים או בהתקנות
- הכפתור מותאם אוטומטית למסכים ניידים
דוגמה מלאה לדף אינטרנט
<!DOCTYPE html>
<html>
<head>
<title>My Website</title>
</head>
<body>
<!-- Your website content here -->
<!-- WhatsApp Widget (place this just before </body>) -->
<script src="https://api.youraiconnector.com/v1/whatsapp-widget/15551234567/Hello! I have a question"></script>
</body>
</html>
מעדיף קישור פשוט או כפתור? (wa.me)
הווידג’ט שלמעלה מספק לך כפתור צף מוכן לשימוש. אך אם כבר יש לך כפתור משלך (או קישור בתפריט, תמונה, או טקסט) ואתה רק רוצה שהוא יפתח צ’אט WhatsApp עם המספר שלך, אינך זקוק לווידג’ט כלל — פשוט קשר אותו לכתובת wa.me.
הפורמט הוא:
https://wa.me/NUMBER
החלף את NUMBER במספר המלא שלך בפורמט בינלאומי — ספרות בלבד, ללא סימן פלוס, רווחים או מקפים. לדוגמה, עבור 31658015937+ תשתמש ב:
https://wa.me/31658015937
מילוי מראש של הודעה
כדי שהודעה תהיה כתובה מראש בעת פתיחת הצ’אט, הוסף את ?text= ולאחריו את ההודעה שלך:
https://wa.me/31658015937?text=Hi!%20I%20have%20a%20question
יש לכתוב רווחים בהודעה כ-%20 (כך קישורים מטפלים ברווחים).
הוספה על כפתור
קשר כל כפתור לכתובת ה-URL הזו — בדיוק באותו אופן שבו היית מקשר כפתור לכל כתובת אתר אחרת. ב-HTML גולמי זה נראה כך:
<a href="https://wa.me/31658015937?text=Hi!%20I%20have%20a%20question">Chat on WhatsApp</a>
בבונה אתרים (Wix, Squarespace, WordPress, Webflow וכו’), הוסף כפתור כרגיל והדבק את ה-URL של wa.me בשדה ה-“קישור” / “URL” שלו.
רוצה קישור קצר אחד שמחליף בין מספרים שונים, זוכר מבקרים חוזרים ועוקב אחר לחיצות? השתמש בקישורים קצרים (תחת הגדרות ← ערוצים) במקום בכתובת
wa.meגולמית.