تثبيت الويدجت
انسخ كود الويدجت والصقه في موقعك الإلكتروني
تثبيت الويدجت يعني لصق وسم <script> واحد في موقعك الإلكتروني. ولا يلزم أي إعداد آخر.
الخطوة 1: انسخ الكود
انتقل إلى الإعدادات ← الويدجت واضغط على نسخ في بطاقة الكود. يحتوي الكود بالفعل على معرّف عيادتك.
ويبدو بهذا الشكل:
<script
src="https://docistra.com/widget/embed.js"
data-clinic-id="YOUR_CLINIC_ID"
data-lang="ar"
async
></script>انسخ الكود دائمًا من لوحة التحكم بدلًا من كتابته يدويًا، حتى يكون معرّف العيادة صحيحًا تمامًا.
| الخاصية | وظيفتها |
|---|---|
data-clinic-id | تربط الويدجت بعيادتك. إلزامية. |
data-lang | ar لويدجت عربي (الزر على اليسار)، وen للإنجليزي (الزر على اليمين). يستخدم الكود اللغة التي كانت عليها لوحة التحكم عند نسخه. |
يمكن وضع معرّف عيادتك بأمان في كود الموقع العام. فهو يتيح للزوار التحدث مع الذكاء الاصطناعي لديك فقط، ولا يتيح الوصول إلى لوحة التحكم.
الخطوة 2: الصقه قبل </body>
استخدم إضافة مثل WPCode أو Insert Headers and Footers والصق الكود في قسم التذييل (footer). أو أضفه إلى ملف footer.php في القالب قبل </body> مباشرة.
- انتقل إلى Online Store ← Themes ← Edit code
- افتح الملف
layout/theme.liquid - الصق الكود قبل
</body>مباشرة ثم احفظ
الصق الكود قبل وسم الإغلاق </body> مباشرة في كل صفحة تريد ظهور الويدجت فيها.
الخطوة 3: تحقق من أنه يعمل
افتح موقعك الإلكتروني. يجب أن ترى زر المحادثة في الركن السفلي. اضغط عليه واطرح سؤالًا، ثم تحقق من ظهور المحادثة في المحادثات.
حل المشكلات
- تأكد من أن الكود موضوع قبل
</body>وأن التعديل تم نشره - تأكد من عدم تغيير
data-clinic-id - جرّب نافذة خاصة/التصفح المتخفي لتجاوز ذاكرة التخزين المؤقت للمتصفح
- تحقق من باقتك: الويدجت لا يرد في باقات فردي
- تحقق من أن اشتراكك نشط
- أكمل ملف عيادتك (الاسم، والرابط العام، والشعار، والوصف، ورقم الهاتف، وعنوان واحد على الأقل). ينتظر الذكاء الاصطناعي حتى تُملأ هذه البيانات.
أزل أداة المحادثة الأخرى، أو غيّر قيمة data-lang لينتقل زر دوكسترا إلى الجهة الأخرى.