صمم ويدجت الدردشة الذكي وأضفه لموقعك من مصمم الواجهة
ويدجت ثقه يعمل مع أي موقع بغض النظر عن التقنية المستخدمة. HTML عادي، WordPress، Shopify، Squarespace، Wix، أو أي منصة أخرى.
مصمم الواجهة هو أداة متكاملة تتيح لك تخصيص ويدجت الدردشة ومعاينته مباشرة والحصول على كود التثبيت، كل ذلك من صفحة واحدة.
اختر البوت، اسم العرض، لون الثيم، نمط الزر، موضع الويدجت، السلوك، واللغة
شاهد كيف سيبدو الويدجت على موقعك في الوقت الفعلي
مفتاح API، النطاقات المسموحة، حدود الاستخدام، وكود التضمين
من لوحة الإدارة، اضغط على "مركز البوت" في الشريط العلوي
في مركز البوت، اضغط على بطاقة "مصمم الأداة" للدخول إلى صفحة مصمم الواجهة
في اللوحة اليمنى "تخصيص الويدجت"، اختر البوت الذي سيعمل على موقعك، ثم خصص لون الثيم، نمط الزر (مربع/مستدير/دائري)، وموضع الويدجت. شاهد التغييرات مباشرة في المعاينة.
في اللوحة اليسرى "كود التثبيت": انسخ مفتاح API الخاص بك، أضف نطاق موقعك في "النطاقات المسموحة"، واضبط حدود الاستخدام. ثم اضغط "حفظ الإعدادات".
في أسفل لوحة كود التثبيت، اختر طريقة التضمين: "HTML >" للكود المباشر أو "WordPress" لإضافة ووردبريس. انسخ الكود والصقه في موقعك قبل
.
<!-- Thikaa Chat Widget --> <script> (function() { var s = document.createElement('script'); s.src = 'https://thikaa.com/thik_tenant_YOURSTORE/embed/widget-loader.js?key=YOUR_API_KEY'; s.async = true; document.body.appendChild(s); })(); </script>
| اختر بوت | اختر أي بوت من بوتاتك لتشغيله على الويدجت |
| اسم عرض البوت | الاسم الذي يظهر للزوار في نافذة الدردشة |
| لون الثيم | اللون الرئيسي للويدجت (مثال: #0891b2) |
| نمط الزر | مربع، مستدير، أو دائري |
| موضع الويدجت | أعلى اليمين، أعلى اليسار، أسفل اليمين، أو أسفل اليسار |
| رسالة الترحيب | الرسالة التي تظهر عند فتح المحادثة |
| فتح تلقائي عند تحميل الصفحة | تبديل تشغيل/إيقاف |
| إظهار شارة الإشعار | تبديل تشغيل/إيقاف |
| اللغة | اختيار لغة الويدجت (العربية، English، وغيرها) |
| إعدادات الصوت | تفعيل أصوات الإشعارات واختيار نوع الصوت ومستوى الصوت |
| مفتاح API | المفتاح الفريد للويدجت (مثال: 0bd7a0e157_t96v8k). يمكنك نسخه أو تجديده. |
| النطاقات المسموحة | أضف نطاق موقعك (مثال: example.com). استخدم * للسماح لجميع النطاقات. افصل بفاصلة لنطاقات متعددة. |
| حدود الاستخدام | التوكنات (100K افتراضي)، طلبات/يوم (1000)، طلبات/ساعة (100) |
انسخ الكود من تبويب "HTML >" في مصمم الواجهة والصقه قبل في ملف HTML
استخدم تبويب "WordPress" في مصمم الواجهة لتحميل الإضافة، أو الصق كود HTML في footer.php أو عبر إضافة Insert Headers and Footers
انسخ كود HTML من مصمم الواجهة، ثم اذهب إلى Online Store > Themes > Edit Code > theme.liquid والصقه قبل
انسخ كود HTML من مصمم الواجهة، ثم اذهب إلى Settings > Advanced > Custom Code والصق الكود
انسخ كود HTML من مصمم الواجهة، ثم اذهب إلى Settings > Advanced > Code Injection والصقه في Footer
انسخ كود HTML من مصمم الواجهة، ثم اذهب إلى Project Settings > Custom Code > Footer Code
تأكد أن الكود قبل مباشرة، وأن مفتاح API صحيح ونشط، وأن نطاق موقعك مضاف في "النطاقات المسموحة" في مصمم الواجهة
تأكد من اختيار بوت نشط في مصمم الواجهة، وتحقق من عدم وجود أخطاء في Console المتصفح
غيّر موضع الويدجت من مصمم الواجهة (أعلى اليمين/اليسار أو أسفل اليمين/اليسار)
راجع إعدادات الحدود في لوحة "كود التثبيت" بمصمم الواجهة وقم بزيادتها حسب الحاجة
لا، الويدجت يتم تحميله بشكل غير متزامن (async) ولا يؤثر على سرعة تحميل الموقع
نعم، التصميم متجاوب بالكامل ويعمل على جميع الأجهزة والشاشات
نعم، من مصمم الواجهة يمكنك تغيير اللون ونمط الزر والموضع ورسالة الترحيب والصوت واللغة مع معاينة مباشرة
نعم، جميع الاتصالات مشفرة عبر HTTPS. النطاقات المسموحة تمنع استخدام الويدجت من مواقع غير مصرح لها.
في مصمم الواجهة، اللوحة اليسرى "كود التثبيت" - مفتاح API يظهر مع شارة "نشط" ويمكنك نسخه أو تجديده
فريقنا جاهز لمساعدتك في إعداد الويدجت على موقعك