تكامل الويب
هل ترغب في إضافة ميزة دردشة مدعومة بالذكاء الاصطناعي إلى موقعك الإلكتروني؟ اتبع هذا الدليل لتكامل AI SmartTalk في بضع خطوات بسيطة. سنقدم أيضًا تحذيرات ونصائح لمساعدتك في حل المشكلات الشائعة.
المتطلبات الأساسية
قبل أن تبدأ، تأكد من أن لديك:
- حساب AI SmartTalk نشط.
- الوصول إلى محرر HTML لموقعك الإلكتروني.
ليس لديك حساب AI SmartTalk بعد؟ سجل هنا للبدء.
تعليمات خطوة بخطوة
الخطوة 1: استرجاع كود التكامل
- قم بتسجيل الدخول إلى حسابك في AI SmartTalk.
- انتقل إلى قسم التكامل في المكتب الخلفي.
- قم بإنشاء كود التكامل الفريد الخاص بك.
يحتوي رمز API على معرفات خاصة بحسابك. لا تشاركه علنًا.
الخطوة 2: أضف كود التكامل إلى موقعك الإلكتروني
- افتح الملف HTML الرئيسي لموقعك الإلكتروني.
- الصق كود التكامل قبل وسم
</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 الخاصة بك.
يمكنك تخصيص مظهر الروبوت الدردشة ليتناسب مع تصميم موقعك. استكشف خيارات التخصيص في المكتب الخلفي.
الخطوة 4: الاختبار والتفعيل
- قم بتحديث موقعك للتحقق من أن الروبوت الدردشة يظهر بشكل صحيح.
- اختبر سيناريوهات مختلفة للتأكد من أن الروبوت الدردشة يعمل كما هو متوقع.
إذا لم يظهر الروبوت الدردشة، تحقق من أن البرنامج النصي تم إدخاله بشكل صحيح وأن بيانات اعتمادك صالحة.
القضايا الشائعة
لا يظهر الروبوت الدردشة
- تأكد من إدراج البرنامج النصي قبل علامة
</body>
. - تحقق من أن موقعك يحتوي على شهادة SSL صالحة.
أخطاء التكوين
- تأكد من صحة حقول معرف نموذج الدردشة و رمز نموذج الدردشة.
- إذا استمرت المشكلة، اتصل بدعم AI SmartTalk الفني.
هل تواجه أخطاء مستمرة؟ تحقق من الوثائق الفنية أو اتصل بفريق الدعم لدينا.
موارد إضافية
من خلال اتباع هذه الخطوات، يمكنك دمج AI SmartTalk بنجاح في موقعك وتوفير تجربة تفاعلية لمستخدميك.
Je suis là pour corriger ou ajuster si nécessaire. 🙏