أضف دردشة AI إلى موقعك
وسم script واحد أو حزمة npm. يعمل مع أي إطار عمل.
HTML / JS
React / Angular / Vue
WordPress
خطوة 1
أنشئ وكيلك
سجل، أنشئ وكيلاً وعلمه عن عملك عبر فحص موقعك أو رفع الملفات.
خطوة 2
انسخ كود الويجت
احصل على كود التضمين من سطرين من لوحة تحكم الوكيل.
خطوة 3
أضف إلى صفحتك
الصق وسم script قبل </body> في HTML. يعمل على أي موقع.
خطوة 4
أنت مباشر
دعم عملاء بالذكاء الاصطناعي مع جمع العملاء المحتملين وتحليل المحادثات.
البدء السريع
خطوة 1: أضف وسم script
أضف وسم script
<!-- Add before closing </body> tag -->
<script src="https://cdn.namiru.ai/chat/namiru-chat.umd.js"></script>خطوة 2: هيّئ الأداة
هيّئ الأداة
<script>
NamiruChat.init({
agentId: "YOUR_AGENT_ID",
});
</script>الإعدادات
جميع خيارات التكوين لـ NamiruChat.init().
| الخاصية | النوع | الافتراضي | الوصف |
|---|---|---|---|
| agentId* | string | - | معرّف الوكيل الخاص بك من لوحة تحكم Agent Builder. |
| mode | "button" | "inline" | "button" | وضع العرض. "button" يُظهر فقاعة دردشة عائمة؛ "inline" يعرض مباشرة في حاوية. |
| container | HTMLElement | - | عنصر الحاوية المستهدف للوضع المضمّن. مطلوب عندما يكون الوضع "inline". |
هذا كل شيء - كل شيء آخر قابل للتكوين مباشرة في Namiru.AI لوحة التحكم.
التخصيص
خصّص العلامة التجارية في لوحة تحكم Agent Builder ضمن المظهر. تجلب الأداة إعداداتك تلقائياً.
وضع الزر
فقاعة دردشة عائمة في زاوية صفحتك. ينقر الزوار لفتح نافذة الدردشة.
وضع الزر
<script>
NamiruChat.init({
agentId: "YOUR_AGENT_ID",
mode: "button",
position: "bottom-right",
});
</script>الوضع المضمّن
ادمج الدردشة مباشرة داخل أي عنصر حاوية في صفحتك.
الوضع المضمّن
<div id="namiru-container" style="width: 400px; height: 600px;"></div>
<script>
NamiruChat.init({
agentId: "YOUR_AGENT_ID",
mode: "inline",
container: document.getElementById("namiru-container"),
});
</script>الأسئلة الشائعة
هل أنت مستعد لإضافة دردشة AI إلى موقعك؟
أنشئ وكيلك في Agent Builder، خصصه وأضفه إلى موقعك في دقائق.