> ## Documentation Index > Fetch the complete documentation index at: https://docs.tedro.io/llms.txt > Use this file to discover all available pages before exploring further. # הגדרת Live Chat > הוסיפו וידג'ט צ'אט חי לאתר שלכם ונהלו שיחות דרך Tedro. # הגדרת Live Chat הוסיפו וידג'ט צ'אט חי לאתר האינטרנט שלכם כדי לאפשר למבקרים לפתוח שיחות ישירות מהעמודים שלכם. בניגוד ל-WhatsApp, Instagram ו-Messenger, Live Chat לא דורש OAuth או חשבון צד שלישי -- צרו ערוץ והטמיעו תגית script באתר. ל-Live Chat אין הגבלות חלון הודעות. אפשר לשלוח הודעות למבקרים בכל עת כל עוד יש להם session פעיל באתר. ## דרישות מוקדמות לפני הגדרת Live Chat, ודאו שיש לכם: * סביבת עבודה ב-Tedro עם תפקיד **Admin** * אתר אינטרנט שבו אפשר להוסיף תגית script (גישה ל-HTML או מנהל תגיות) ## יצירת ערוץ Live Chat ### פתיחת הגדרות הערוץ עברו אל **Settings > Channels** בסביבת העבודה שלכם ב-Tedro. ### יצירת הערוץ לחצו על **Connect Channel** ובחרו ב-**Live Chat**. הזינו שם לערוץ (לדוגמה, "צ'אט האתר" או שם החברה) ולחצו **Create**. בניגוד לערוצים אחרים, Live Chat לא דורש אישור OAuth. הערוץ מוכן מיד לאחר היצירה. ### העתקת קוד ההטמעה לאחר היצירה, דף פרטי הערוץ מציג קוד הטמעה. העתיקו את תגית ה-script: ```html theme={null} ``` החליפו את `YOUR_CHANNEL_ID` במזהה הערוץ שמוצג בדף הפרטים. ### הוספה לאתר הדביקו את תגית ה-script ב-`` של ה-HTML באתר, ממש לפני תגית ה-`` הסוגרת. אם אתם משתמשים במנהל תגיות (Google Tag Manager וכדומה), הוסיפו אותה כתגית HTML מותאמת. ### אימות הוידג'ט בקרו באתר וודאו שוידג'ט הצ'אט מופיע בפינת הדף. לחצו עליו כדי לפתוח את חלון הצ'אט ושלחו הודעת בדיקה. ההודעה אמורה להופיע בתיבת הדואר ב-Tedro. ## התאמה אישית של הוידג'ט לאחר החיבור, פתחו את דף פרטי הערוץ (**Settings > Channels > \[ערוץ ה-Live Chat שלכם]**) כדי להגדיר את מראה הוידג'ט והתנהגותו. ### מיתוג | הגדרה | תיאור | | ------------------- | ------------------------------------------------------------------------------- | | **צבע ראשי** | צבע ההדגשה של כפתור הוידג'ט והכותרת. השתמשו בבורר הצבעים כדי להתאים למותג שלכם. | | **שם חברה** | מוצג בכותרת הוידג'ט. | | **הודעת ברכה** | ברכה שמופיעה כשמבקר פותח את הוידג'ט בפעם הראשונה. | | **placeholder קלט** | טקסט מציין מקום בשדה ההודעה (לדוגמה, "הקלידו הודעה..."). | | **מיקום** | היכן הוידג'ט מופיע בדף: למטה-ימין (ברירת מחדל) או למטה-שמאל. | ### טופס טרום-צ'אט הפעילו את טופס הטרום-צ'אט כדי לאסוף מידע על המבקר לפני תחילת השיחה: | הגדרה | תיאור | | ------------------------ | ------------------------------------------------------ | | **הפעלת טופס טרום-צ'אט** | כשמופעל, מבקרים ממלאים טופס לפני שליחת ההודעה הראשונה. | | **שם חובה** | דרישה שהמבקר יזין את שמו. | | **אימייל חובה** | דרישה שהמבקר יזין כתובת אימייל. | איסוף כתובת אימייל מאפשר לכם ליצור קשר עם מבקרים גם אחרי שעזבו את האתר. ## יכולות הערוץ | תכונה | תמיכה | | ----------------------- | --------------- | | הודעות טקסט | כן | | מדיה (תמונות, סרטונים) | כן | | כפתורים / תשובות מהירות | כן | | עיצוב עשיר | כן | | מגבלת תווים | 10,000 תווים | | חלון הודעות | אין (תמיד פתוח) | ## אינטגרציה מתקדמת של הוידג'ט ### אפליקציות עמוד יחיד (SPA) אם האתר שלכם הוא אפליקציית עמוד יחיד (React, Vue, Angular וכדומה), סקריפט הטעינה של הוידג'ט מטפל בשינויי נתיב אוטומטית. הוסיפו את תגית ה-script פעם אחת בקובץ ה-HTML הראשי -- היא נשמרת לאורך ניווט בצד הלקוח. ### Google Tag Manager להוספת הוידג'ט דרך Google Tag Manager: ### יצירת תגית HTML מותאמת ב-GTM, צרו תגית **Custom HTML** חדשה והדביקו את קוד ההטמעה: ```html theme={null} ``` ### הגדרת הטריגר הגדירו את הטריגר ל-**All Pages** כדי שהוידג'ט ייטען בכל עמוד באתר. ### פרסום פרסמו את קונטיינר ה-GTM. הוידג'ט יופיע באתר לאחר עדכון הקונטיינר. ### Data Attributes של הוידג'ט התאימו את התנהגות הוידג'ט באמצעות data attributes בתגית ה-script: | Attribute | סוג | ברירת מחדל | תיאור | | ----------------- | ------ | -------------- | ---------------------------------------------- | | `data-channel-id` | string | (חובה) | מזהה ערוץ ה-Live Chat מדף פרטי הערוץ | | `data-position` | string | `bottom-right` | מיקום הוידג'ט: `bottom-right` או `bottom-left` | | `data-color` | string | (מההגדרות) | דריסת הצבע הראשי (ערך hex, לדוגמה `#6210CD`) | | `data-welcome` | string | (מההגדרות) | דריסת הודעת הברכה | | `data-company` | string | (מההגדרות) | דריסת שם החברה בכותרת | דריסות Data attribute מקבלות עדיפות על הגדרות שהוגדרו בלוח הבקרה של Tedro. השתמשו בהן להתאמה לפי עמוד -- לדוגמה, הצגת הודעת ברכה שונה בעמוד התמחור לעומת עמוד התמיכה. ## מה הלאה נהלו שיחות Live Chat לצד שאר הערוצים בתיבת הדואר המאוחדת. הגדירו סוכן AI שמטפל בשיחות Live Chat באופן אוטומטי.