חזרה ללוח הבקרה

תיעוד

למדו כיצד להשתמש ב-Asyntai

כפתורי שאל בינה מלאכותית

הוסיפו כפתור בכל מקום באתר שלכם ששולח שאלה לצ'אט בלחיצה אחת

אפשר למקם כפתור או קישור בכל מקום באתר — ליד מוצר, בטבלת המחירים או בשאלות הנפוצות — שפותח את הצ'אט ושואל מיד שאלה עבור המבקר. לחיצה אחת שולחת את ההודעה וה-AI עונה, כך שמקבלים תשובות בלי להקליד.

טיפ: מושלם לטבלאות מחירים, שאלות נפוצות ודפי מוצר — הציבו כפתור שאל בינה מלאכותית ליד כל דבר שמבקרים שואלים עליו לעיתים קרובות.

איך זה עובד

לאחר שסקריפט ווידג'ט Asyntai מותקן בדף שלכם, הוא חושף API JavaScript גלובלי ב-window.AsyntaiWidget. תוכלו לקרוא לשיטות שלו כדי לשלוט בווידג'ט הצ'אט באופן תכנותי.

כדי לשלוח שאלה, קראו ל-window.AsyntaiWidget.ask() עם ההודעה שברצונכם לשלוח:

// Open the chat and send a question
window.AsyntaiWidget.ask("What are your shipping times?");

דוגמה בסיסית

הוסיפו כפתור בכל מקום ב-HTML שלכם והעבירו את השאלה שהוא צריך לשלוח:

<button onclick="window.AsyntaiWidget.ask('What are your shipping times?')">
  Ask about shipping
</button>

כשמבקר לוחץ על הכפתור, הצ'אט נפתח והשאלה נשלחת אוטומטית.

דוגמה לקישור טקסט

הוסיפו קישור טקסט ששולח שאלה בעת לחיצה:

<a href="#" onclick="event.preventDefault(); window.AsyntaiWidget.ask('Do you offer refunds?');">
  Ask about refunds
</a>

הערה: השתמשו ב-event.preventDefault() בקישורי עוגן כדי למנוע מהדף לגלול למעלה בלחיצה.

דוגמת כפתור מעוצב

צרו כפתור CTA בולט יותר עם עיצוב מותאם:

<style>
  .ask-ai-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 18px;
    background: #6366f1;
    color: #fff;
    border: none;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(99, 102, 241, 0.3);
  }
  .ask-ai-btn:hover {
    background: #4f46e5;
    transform: translateY(-1px);
    box-shadow: 0 6px 18px rgba(99, 102, 241, 0.4);
  }
</style>

<button class="ask-ai-btn" onclick="window.AsyntaiWidget.ask('How does pricing work?')">
  <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
    <path d="M12 2l1.9 4.8L18.7 8l-4.8 1.9L12 14.7l-1.9-4.8L5.3 8l4.8-1.2L12 2z"/>
  </svg>
  Ask AI
</button>

נטען אוטומטית

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

תיעוד API מלא

שיטה תיאור
AsyntaiWidget.ask("message") פותח את הצ'אט ושולח הודעה כאילו המבקר הקליד אותה
AsyntaiWidget.open() פותח את ווידג'ט הצ'אט
AsyntaiWidget.close() סוגר את ווידג'ט הצ'אט
AsyntaiWidget.toggle() מחליף את מצב הצ'אט בין פתוח לסגור