كود ويدجت دردشة بالذكاء الاصطناعي: أضف مساعد دعم إلى أي موقع
انسخ وسم script واحدًا وضع مساعد دردشة ذكيًا يعرض إجاباته أولًا بأول على موقعك. يشرح الدليل كود التضمين وخياراته والفحوص اللازمة قبل الإطلاق.
تاريخ النشر:
يجيب ويدجت الدردشة بالذكاء الاصطناعي زوارك على الصفحة التي يقرؤونها بالفعل. مع api14 يقتصر الدمج كله على وسم script واحد: تصمّم الويدجت في لوحة التحكم، ثم تنسخ الكود وتلصقه في HTML الخاص بك. لا حاجة إلى تثبيت SDK ولا إلى كتابة أي كود على الخادم.
ماذا يفعل ويدجت الدردشة
ويدجت الدردشة نافذة محادثة صغيرة تعرض إجابات النموذج الذي تختاره أولًا بأول. وهو يتبع تعليمات خاصة تكتبها أنت ولا يراها الزوار أبدًا، لذا يمكنه أن يعمل كموظف دعم أو مساعد مبيعات أو دليل لوثائقك. تدعم الإجابات التنسيق الأساسي (الفقرات والقوائم والخط العريض والكود والروابط)، ويُنهي زر إيقاف الإجابة الطويلة، وتبقى المحادثة محفوظة أثناء تنقّل الزائر بين الصفحات في التبويب نفسه.
كود الويدجت
بعد حفظ الويدجت في الأدوات المضمّنة، يعرض المحرر كود التضمين الخاص به:
<script src="https://api14.com/widget.js" data-widget="YOUR_WIDGET_ID" async></script>
ضع الوسم داخل <body> في المكان الذي يجب أن تظهر فيه الدردشة. وهناك سمتان اختياريتان تغيّران مكان العرض وطريقته:
| السمة | وظيفتها |
|---|---|
data-target | محدِّد CSS لعنصر يُعرض الويدجت بداخله، مثل #support. |
data-height | ارتفاع الويدجت المضمّن داخل الصفحة، مثل 520px. الارتفاع الافتراضي للدردشة 480px. |
إذا كنت تفضّل زرًا للفتح في زاوية الشاشة، فاختر الموضع زر عائم في المحرر. يبقى الكود كما هو.
أربع خطوات إلى مساعد دردشة يعمل
- اختر نموذجًا. يصلح أي نموذج دردشة في الكتالوج. تعرض قائمة الاختيار سعر كل نموذج، فيمكنك البدء بنموذج سريع ومنخفض التكلفة ثم التبديل لاحقًا دون لمس موقعك.
- اختر مفتاح API. يعمل كل ويدجت تحت أحد مفاتيح API الخاصة بك. اختر مفتاحًا موجودًا أو استخدم الخيار الأخير في القائمة، إنشاء مفتاح API جديد، لإنشاء مفتاح مخصص لهذا الويدجت وحده. تنطبق حدود المفتاح على الويدجت، ولا يصل المفتاح نفسه إلى المتصفح أبدًا.
- اكتب التعليمات والنصوص. حدّد العنوان ورسالة الترحيب ونص حقل الإدخال ونص الزر. وأضف تعليمات خاصة تصف منتجك والأسلوب الذي تريده.
- اسمح بنطاقاتك. في الإعدادات، مواقع الأدوات أدرج المواقع التي يُسمح للويدجت بالعمل عليها. تُرفض الطلبات القادمة من أي موقع آخر.
لماذا لا يُفسد صفحتك
يُعرض الويدجت داخل Shadow DOM معزول. لا يتسرّب CSS الخاص بك إلى نافذة الدردشة، ولا يغيّر الويدجت تنسيق صفحتك. كما أنه يُحمَّل بشكل غير متزامن، فلا يعطّل عرض بقية المحتوى.
قبل الإطلاق
- افتح المعاينة في المحرر واطرح الأسئلة التي يطرحها عملاؤك فعلًا. ترسل المعاينة طلبات حقيقية بإعداداتك غير المحفوظة.
- حدّد حدًا للإنفاق اليومي للويدجت حتى لا يفاجئك يوم مزدحم.
- تأكد من أن رصيدك يغطي الزيارات المتوقعة. تُخصم طلبات الزوار من رصيدك بالدولار الأمريكي (USD) وفق السعر العادي للنموذج.
هل أنت مستعد للتجربة؟ صمّم ويدجت دردشة دون حساب في صفحة الويدجت، ثم اقرأ المرجع الكامل في وثائق الويدجت.