انتقل إلى المحتوى الرئيسي

تكامل الويب

هل ترغب في إضافة ميزة دردشة مدعومة بالذكاء الاصطناعي إلى موقعك الإلكتروني؟ اتبع هذا الدليل لتكامل AI SmartTalk في بضع خطوات بسيطة. سنقدم أيضًا تحذيرات ونصائح لمساعدتك في حل المشكلات الشائعة.

المتطلبات الأساسية​

قبل أن تبدأ، تأكد من أن لديك:

  • حساب AI SmartTalk نشط.
  • الوصول إلى محرر HTML لموقعك الإلكتروني.
معلومات

ليس لديك حساب AI SmartTalk بعد؟ سجل هنا للبدء.

تعليمات خطوة بخطوة​

الخطوة 1: استرجاع كود التكامل​

  1. قم بتسجيل الدخول إلى حسابك في AI SmartTalk.
  2. انتقل إلى قسم التكامل في المكتب الخلفي. b52e6797-0a13-418f-aba8-8abb0db3e1c9.png
  3. قم بإنشاء كود التكامل الفريد الخاص بك. 12d45607-710d-4820-948c-4e5f2a7db811.png
خطر

يحتوي رمز API على معرفات خاصة بحسابك. لا تشاركه علنًا.

الخطوة 2: أضف كود التكامل إلى موقعك الإلكتروني​

  1. افتح الملف HTML الرئيسي لموقعك الإلكتروني.
  2. الصق كود التكامل قبل وسم </body> مباشرة.
<iframe id="chatbot-iframe" src="https://cdn.aismarttalk.tech/chatbot/{chatModelId}?lang=en&initialColorMode=light&syncHtmlColorScheme=true" width='100px' height='70px' position='fixed' bottom='0' right='0' allow='microphone; camera' scrolling='no' frameborder='0' style='border: none; overflow: hidden; position: fixed; bottom: 0; right: 0; z-index: 999999; display: block;'></iframe>
<script type="text/javascript" src="https://cdn.aismarttalk.tech/latest.js"></script>

تأكد من أن موقعك يستخدم HTTPS. لا تعمل سكربتات AI SmartTalk على المواقع غير الآمنة.

الخطوة 3: تكوين الروبوت الدردشة​

بعد إضافة البرنامج النصي، قم بتسجيل الدخول إلى لوحة معلومات AI SmartTalk الخاصة بك. 71591349-2e7c-4b3e-90d6-723ff96e01ee.png

تلميح

يمكنك تخصيص مظهر الروبوت الدردشة ليتناسب مع تصميم موقعك. استكشف خيارات التخصيص في المكتب الخلفي.

الخطوة 4: الاختبار والتفعيل​

  1. قم بتحديث موقعك للتحقق من أن الروبوت الدردشة يظهر بشكل صحيح.
  2. اختبر سيناريوهات مختلفة للتأكد من أن الروبوت الدردشة يعمل كما هو متوقع.
warning

إذا لم يظهر الروبوت الدردشة، تحقق من أن البرنامج النصي تم إدخاله بشكل صحيح وأن بيانات اعتمادك صالحة.

القضايا الشائعة​

لا يظهر الروبوت الدردشة​

  • تأكد من إدراج البرنامج النصي قبل علامة </body>.
  • تحقق من أن موقعك يحتوي على شهادة SSL صالحة.

أخطاء التكوين​

  • تأكد من صحة حقول معرف نموذج الدردشة و رمز نموذج الدردشة.
  • إذا استمرت المشكلة، اتصل بدعم AI SmartTalk الفني.

هل تواجه أخطاء مستمرة؟ تحقق من الوثائق الفنية أو اتصل بفريق الدعم لدينا.

موارد إضافية​

من خلال اتباع هذه الخطوات، يمكنك دمج AI SmartTalk بنجاح في موقعك وتوفير تجربة تفاعلية لمستخدميك.

Je suis là pour corriger ou ajuster si nécessaire. 🙏