كيفية إضافة روبوت الدردشة Asyntai AI إلى Odoo

دليل خطوة بخطوة لمواقع Odoo

المنصة:

الخطوة 1: احصل على كود التضمين

First, go to your Asyntai Dashboard and scroll down to the "Embed Code" section. Copy your unique embed code which will look like this:

<script>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</script>

ملاحظة: الكود أعلاه مجرد مثال. يجب عليك نسخ كود التضمين الفريد الخاص بك من لوحة التحكم لأنه يحتوي على معرف الأداة الشخصي الخاص بك.

الخطوة 2: إضافة الكود باستخدام حقن الأكواد (Odoo 16+)

إذا كنت تستخدم Odoo الإصدار 16 أو أحدث، يمكنك استخدام ميزة حقن الأكواد المدمجة لإضافة روبوت الدردشة إلى جميع الصفحات:

سجّل الدخول إلى واجهة Odoo الخلفية وانتقل إلى تطبيق Website
انقر على Edit للدخول إلى محرر الموقع
انقر على خيار Theme في شريط أدوات المحرر
انتقل إلى Website Settings
ابحث عن Code Injection وانقر عليها
انقر على خيار </body> لإضافة الكود قبل وسم إغلاق body
الصق كود تضمين Asyntai في محرر الأكواد
انقر على Save لتطبيق التغييرات

نصيحة: إضافة الكود إلى قسم </body> يضعه مباشرة قبل وسم إغلاق body، وهو الموضع الموصى به لأدوات الدردشة ولن يبطئ تحميل صفحتك.

بديل: استخدام محرر HTML (Odoo 14-15)

بالنسبة لإصدارات Odoo 14 و15، يمكنك استخدام محرر HTML لإضافة الكود:

سجّل الدخول إلى واجهة Odoo الخلفية وانتقل إلى تطبيق Website
انقر على Edit للدخول إلى محرر الموقع
انقر على القائمة المنسدلة Customize
اختر HTML/CSS/JS Editor
اختر Main Layout من قائمة القوالب القابلة للتعديل
مرر إلى أسفل القالب، مباشرة قبل وسم الإغلاق </t>
الصق كود تضمين Asyntai
انقر على Save وقم بتحديث الصفحة

مهم: عند تعديل HTML مباشرة، تأكد من استخدام صيغة XHTML صالحة. يجب أن يكون وسم script ذاتي الإغلاق عند الحاجة. ستُطبق التغييرات على جميع صفحات موقعك.

بديل: طريقة المطورين (وحدة مخصصة)

إذا كنت مطوراً أو لديك وصول إلى وحدات Odoo المخصصة، يمكنك إنشاء قالب يرث من تخطيط الموقع:

<template id="asyntai_chatbot" inherit_id="website.layout">

    <xpath expr="//div[@id='wrapwrap']" position="after">

        <script async="async" src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"/>

    </xpath>

</template>

ملاحظة: تتطلب هذه الطريقة إنشاء وحدة Odoo مخصصة وإضافة الكود أعلاه إلى عروض XML الخاصة بالوحدة. بعد الإضافة، قم بتحديث قائمة الوحدات وتثبيت الوحدة.

الخطوة 3: التحقق من التثبيت

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