
# ווידג'ט WhatsApp

## הטמעת ווידג'ט WhatsApp

הוסיפו כפתור צ'אט צף של WhatsApp לאתר שלכם בעזרת מדריך פשוט זה.

> **כדאי לדעת.** הווידג'ט של WhatsApp הוא כפתור פשוט מסוג "לחץ כדי לשוחח" — לחיצה עליו פותחת את WhatsApp עבור המבקר באתר שלך כדי שיוכל לשלוח לך הודעה שם. הוא אינו מעביר הודעות לתיבת הדואר הנכנס של הצ'אטים שלך ואינו מפעיל את ה-AI באופן עצמאי. לחוויית צ'אט מבוססת AI המוטמעת בתוך דפי האתר שלך, השתמש ב-[Chat Widget](chat-widget.md) הנפרד במקום.
>
> **רוצה רק קישור פשוט או כפתור משלך?** אם אינך מעוניין בווידג'ט הצף ומעדיף לקשר כפתור משלך (או טקסט כלשהו) ישירות לצ'אט ב-WhatsApp, דלג אל [מעדיף קישור או כפתור פשוט? (wa.me)](#prefer-a-plain-link-or-button-wa-me) להלן. עבור שווה ערך ל-SMS, ראה [הוספת קישור לחיצה לשליחת הודעת טקסט (SMS)](../messaging-channels/sms.md#adding-a-click-to-text-sms-link-to-your-website).

### התקנה

1. פתחו את קובץ ה-HTML של האתר שלכם בעורך טקסט.
2. אתרו את התגית `</body>` (בדרך כלל בסוף קובץ ה-HTML שלכם).
3. הדביקו את הסקריפט הבא ממש לפני התגית `</body>`:

{% code overflow="wrap" %}
```html
<script src="https://api.youraiconnector.com/v1/whatsapp-widget/NUMBER"></script>
```
{% endcode %}

1. בקוד שלמעלה, החליפו את:
   * `NUMBER` במספר ה-WhatsApp שלכם
   * לדוגמה: עבור המספר 15551234567+ 1, פשוט השתמשו ב: 15551234567

### הוספת הודעה מותאמת אישית

אם ברצונכם שהודעה מוכנה מראש תופיע כאשר מישהו לוחץ על הכפתור:

1. השתמשו בקוד זה במקום:

{% code overflow="wrap" %}
```html
<script src="https://api.youraiconnector.com/v1/whatsapp-widget/NUMBER/Your message here"></script>
```
{% endcode %}

1. דוגמה עם מספר והודעה אמיתיים:

{% code overflow="wrap" %}
```html
<script src="https://api.youraiconnector.com/v1/whatsapp-widget/15551234567/Hello! I'm interested in your services"></script>
```
{% endcode %}

### מה אתם מקבלים

לאחר ההתקנה, תראו באופן אוטומטי:

* כפתור WhatsApp ירוק בפינה הימנית התחתונה של האתר שלכם
* הכפתור נשאר גלוי בזמן גלילה
* הכפתור עובד בצורה חלקה במכשירים ניידים
* אנימציה עדינה מופיעה בעת ריחוף מעל הכפתור

### מידע נוסף

* ניתן לכתוב את מספר הטלפון שלך עם או בלי:
  * סימן פלוס (+)
  * רווחים
  * מקפים (-)
  * אלו יעובדו אוטומטית בצורה נכונה
* ההודעה יכולה להכיל רווחים באופן טבעי
* אין צורך בקבצים נוספים או בהתקנות
* הכפתור מותאם אוטומטית למסכים ניידים

### דוגמה מלאה לדף אינטרנט

{% code overflow="wrap" %}
```html
<!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>
```
{% endcode %}

## מעדיף קישור פשוט או כפתור? (wa.me)

הווידג'ט שלמעלה מספק לך כפתור צף מוכן לשימוש. אך אם כבר יש לך כפתור משלך (או קישור בתפריט, תמונה, או טקסט) ואתה רק רוצה שהוא יפתח צ'אט WhatsApp עם המספר שלך, אינך זקוק לווידג'ט כלל — פשוט קשר אותו לכתובת `wa.me`.

הפורמט הוא:

{% code overflow="wrap" %}
```
https://wa.me/NUMBER
```
{% endcode %}

החלף את `NUMBER` במספר המלא שלך בפורמט בינלאומי — **ספרות בלבד, ללא סימן פלוס, רווחים או מקפים**. לדוגמה, עבור 31658015937+ תשתמש ב:

{% code overflow="wrap" %}
```
https://wa.me/31658015937
```
{% endcode %}

### מילוי מראש של הודעה

כדי שהודעה תהיה כתובה מראש בעת פתיחת הצ'אט, הוסף את `?text=` ולאחריו את ההודעה שלך:

{% code overflow="wrap" %}
```
https://wa.me/31658015937?text=Hi!%20I%20have%20a%20question
```
{% endcode %}

יש לכתוב רווחים בהודעה כ-`%20` (כך קישורים מטפלים ברווחים).

### הוספה על כפתור

קשר כל כפתור לכתובת ה-URL הזו — בדיוק באותו אופן שבו היית מקשר כפתור לכל כתובת אתר אחרת. ב-HTML גולמי זה נראה כך:

{% code overflow="wrap" %}
```html
<a href="https://wa.me/31658015937?text=Hi!%20I%20have%20a%20question">Chat on WhatsApp</a>
```
{% endcode %}

בבונה אתרים (Wix, Squarespace, WordPress, Webflow וכו'), הוסף כפתור כרגיל והדבק את ה-URL של `wa.me` בשדה ה-"קישור" / "URL" שלו.

> **רוצה קישור קצר אחד שמחליף בין מספרים שונים, זוכר מבקרים חוזרים ועוקב אחר לחיצות?** השתמש בקישורים קצרים (תחת **הגדרות ← ערוצים**) במקום בכתובת `wa.me` גולמית.
