أزرار اسأل الذكاء الاصطناعي
أضف زرًا في أي مكان على موقعك يرسل سؤالًا إلى المحادثة بنقرة واحدة
يمكنك وضع زر أو رابط في أي مكان على موقعك — بجوار منتج، في جدول الأسعار، أو في الأسئلة الشائعة — يفتح المحادثة ويطرح سؤالًا فورًا نيابة عن الزائر. نقرة واحدة ترسل الرسالة ويرد الذكاء الاصطناعي، فيحصل الزوار على إجابات دون كتابة.
نصيحة: مثالي لجداول الأسعار والأسئلة الشائعة وصفحات المنتجات — ضع زر اسأل الذكاء الاصطناعي بجوار أي شيء يسأل عنه الزوار كثيرًا.
كيف يعمل
بمجرد تثبيت سكريبت أداة Asyntai على صفحتك، يتيح واجهة JavaScript API عامة في 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() على روابط الربط لمنع الصفحة من التمرير إلى الأعلى عند النقر.
مثال زر منسّق
أنشئ زر حث على اتخاذ إجراء أكثر بروزاً بتنسيق مخصص:
<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() |
يبدّل حالة المحادثة بين الفتح والإغلاق |