דלג לתוכן הראשי

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

הוסיפו וידג’ט צ’אט חי לאתר האינטרנט שלכם כדי לאפשר למבקרים לפתוח שיחות ישירות מהעמודים שלכם. בניגוד ל-WhatsApp, Instagram ו-Messenger, Live Chat לא דורש OAuth או חשבון צד שלישי — צרו ערוץ והטמיעו תגית script באתר.
ל-Live Chat אין הגבלות חלון הודעות. אפשר לשלוח הודעות למבקרים בכל עת כל עוד יש להם session פעיל באתר.

דרישות מוקדמות

לפני הגדרת Live Chat, ודאו שיש לכם:
  • סביבת עבודה ב-Tedro עם תפקיד Admin
  • אתר אינטרנט שבו אפשר להוסיף תגית script (גישה ל-HTML או מנהל תגיות)

יצירת ערוץ Live Chat

1
פתיחת הגדרות הערוץ
2
עברו אל Settings > Channels בסביבת העבודה שלכם ב-Tedro.
3
יצירת הערוץ
4
לחצו על Connect Channel ובחרו ב-Live Chat. הזינו שם לערוץ (לדוגמה, “צ’אט האתר” או שם החברה) ולחצו Create.
5
בניגוד לערוצים אחרים, Live Chat לא דורש אישור OAuth. הערוץ מוכן מיד לאחר היצירה.
6
העתקת קוד ההטמעה
7
לאחר היצירה, דף פרטי הערוץ מציג קוד הטמעה. העתיקו את תגית ה-script:
8
<script
  src="https://api.tedro.io/widget/v1/loader.js"
  data-channel-id="YOUR_CHANNEL_ID"
  async
></script>
9
החליפו את YOUR_CHANNEL_ID במזהה הערוץ שמוצג בדף הפרטים.
10
הוספה לאתר
11
הדביקו את תגית ה-script ב-<body> של ה-HTML באתר, ממש לפני תגית ה-</body> הסוגרת. אם אתם משתמשים במנהל תגיות (Google Tag Manager וכדומה), הוסיפו אותה כתגית HTML מותאמת.
12
אימות הוידג’ט
13
בקרו באתר וודאו שוידג’ט הצ’אט מופיע בפינת הדף. לחצו עליו כדי לפתוח את חלון הצ’אט ושלחו הודעת בדיקה. ההודעה אמורה להופיע בתיבת הדואר ב-Tedro.

התאמה אישית של הוידג’ט

לאחר החיבור, פתחו את דף פרטי הערוץ (Settings > Channels > [ערוץ ה-Live Chat שלכם]) כדי להגדיר את מראה הוידג’ט והתנהגותו.

מיתוג

הגדרהתיאור
צבע ראשיצבע ההדגשה של כפתור הוידג’ט והכותרת. השתמשו בבורר הצבעים כדי להתאים למותג שלכם.
שם חברהמוצג בכותרת הוידג’ט.
הודעת ברכהברכה שמופיעה כשמבקר פותח את הוידג’ט בפעם הראשונה.
placeholder קלטטקסט מציין מקום בשדה ההודעה (לדוגמה, “הקלידו הודעה…”).
מיקוםהיכן הוידג’ט מופיע בדף: למטה-ימין (ברירת מחדל) או למטה-שמאל.

טופס טרום-צ’אט

הפעילו את טופס הטרום-צ’אט כדי לאסוף מידע על המבקר לפני תחילת השיחה:
הגדרהתיאור
הפעלת טופס טרום-צ’אטכשמופעל, מבקרים ממלאים טופס לפני שליחת ההודעה הראשונה.
שם חובהדרישה שהמבקר יזין את שמו.
אימייל חובהדרישה שהמבקר יזין כתובת אימייל.
איסוף כתובת אימייל מאפשר לכם ליצור קשר עם מבקרים גם אחרי שעזבו את האתר.

יכולות הערוץ

תכונהתמיכה
הודעות טקסטכן
מדיה (תמונות, סרטונים)כן
כפתורים / תשובות מהירותכן
עיצוב עשירכן
מגבלת תווים10,000 תווים
חלון הודעותאין (תמיד פתוח)

אינטגרציה מתקדמת של הוידג’ט

אפליקציות עמוד יחיד (SPA)

אם האתר שלכם הוא אפליקציית עמוד יחיד (React, Vue, Angular וכדומה), סקריפט הטעינה של הוידג’ט מטפל בשינויי נתיב אוטומטית. הוסיפו את תגית ה-script פעם אחת בקובץ ה-HTML הראשי — היא נשמרת לאורך ניווט בצד הלקוח.

Google Tag Manager

להוספת הוידג’ט דרך Google Tag Manager:
1
יצירת תגית HTML מותאמת
2
ב-GTM, צרו תגית Custom HTML חדשה והדביקו את קוד ההטמעה:
3
<script
  src="https://api.tedro.io/widget/v1/loader.js"
  data-channel-id="YOUR_CHANNEL_ID"
  async
></script>
4
הגדרת הטריגר
5
הגדירו את הטריגר ל-All Pages כדי שהוידג’ט ייטען בכל עמוד באתר.
6
פרסום
7
פרסמו את קונטיינר ה-GTM. הוידג’ט יופיע באתר לאחר עדכון הקונטיינר.

Data Attributes של הוידג’ט

התאימו את התנהגות הוידג’ט באמצעות data attributes בתגית ה-script:
Attributeסוגברירת מחדלתיאור
data-channel-idstring(חובה)מזהה ערוץ ה-Live Chat מדף פרטי הערוץ
data-positionstringbottom-rightמיקום הוידג’ט: bottom-right או bottom-left
data-colorstring(מההגדרות)דריסת הצבע הראשי (ערך hex, לדוגמה #6210CD)
data-welcomestring(מההגדרות)דריסת הודעת הברכה
data-companystring(מההגדרות)דריסת שם החברה בכותרת
דריסות Data attribute מקבלות עדיפות על הגדרות שהוגדרו בלוח הבקרה של Tedro. השתמשו בהן להתאמה לפי עמוד — לדוגמה, הצגת הודעת ברכה שונה בעמוד התמחור לעומת עמוד התמיכה.

מה הלאה

תיבת דואר

נהלו שיחות Live Chat לצד שאר הערוצים בתיבת הדואר המאוחדת.

סוכני AI

הגדירו סוכן AI שמטפל בשיחות Live Chat באופן אוטומטי.