วิธีเพิ่มแชทบอท AI Asyntai ไปยัง Odoo

คู่มือทีละขั้นตอนสำหรับเว็บไซต์ Odoo

แพลตฟอร์ม:

ขั้นตอนที่ 1: รับโค้ดฝังตัวของคุณ

ก่อนอื่น ไปที่แดชบอร์ด Asyntai ของคุณและเลื่อนลงไปที่ส่วน "Embed Code" คัดลอกโค้ดฝังตัวเฉพาะของคุณซึ่งจะมีลักษณะดังนี้:

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

หมายเหตุ: โค้ดด้านบนเป็นเพียงตัวอย่าง คุณต้องคัดลอกโค้ดฝังตัวเฉพาะของคุณจากแดชบอร์ดเนื่องจากมี widget ID ส่วนตัวของคุณ

ขั้นตอนที่ 2: เพิ่มโค้ดโดยใช้ Code Injection (Odoo 16+)

หากคุณใช้ Odoo เวอร์ชัน 16 หรือใหม่กว่า คุณสามารถใช้ฟีเจอร์ Code Injection ในตัวเพื่อเพิ่มแชทบอทไปยังทุกหน้า:

เข้าสู่ระบบ Odoo backend ของคุณและไปที่แอป Website
คลิก Edit เพื่อเข้าสู่ตัวแก้ไขเว็บไซต์
คลิกตัวเลือก Theme ในแถบเครื่องมือตัวแก้ไข
นำทางไปยัง Website Settings
ค้นหาและคลิก Code Injection
คลิกตัวเลือก </body> เพื่อเพิ่มโค้ดก่อนแท็กปิด body
วางโค้ดฝังตัว Asyntai ของคุณในตัวแก้ไขโค้ด
คลิก Save เพื่อบันทึกการเปลี่ยนแปลง

เคล็ดลับ: การเพิ่มโค้ดไปยังส่วน </body> จะวางไว้ก่อนแท็กปิด body ซึ่งเป็นตำแหน่งที่แนะนำสำหรับวิดเจ็ตแชทและจะไม่ทำให้หน้าโหลดช้าลง

ทางเลือก: การใช้ HTML Editor (Odoo 14-15)

สำหรับ Odoo เวอร์ชัน 14 และ 15 คุณสามารถใช้ HTML Editor เพื่อเพิ่มโค้ด:

เข้าสู่ระบบ Odoo backend ของคุณและไปที่แอป Website
คลิก Edit เพื่อเข้าสู่ตัวแก้ไขเว็บไซต์
คลิกเมนูดรอปดาวน์ Customize
เลือก HTML/CSS/JS Editor
เลือก Main Layout จากรายการเทมเพลตที่แก้ไขได้
เลื่อนไปด้านล่างของเทมเพลต ก่อนแท็กปิด </t>
วางโค้ดฝังตัว Asyntai ของคุณ
คลิก Save และรีเฟรชหน้า

สำคัญ: เมื่อแก้ไข HTML โดยตรง ตรวจสอบให้แน่ใจว่าใช้ XHTML syntax ที่ถูกต้อง แท็กสคริปต์ของคุณควรปิดตัวเองหากจำเป็น การเปลี่ยนแปลงจะมีผลกับทุกหน้าบนเว็บไซต์ของคุณ

ทางเลือก: วิธีนักพัฒนา (Custom Module)

หากคุณเป็นนักพัฒนาหรือมีสิทธิ์เข้าถึงโมดูล Odoo แบบกำหนดเอง คุณสามารถสร้างเทมเพลตที่สืบทอดจาก layout เว็บไซต์:

<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 views ของโมดูล หลังจากเพิ่มแล้ว ให้อัปเดตรายการโมดูลและติดตั้งโมดูล

ขั้นตอนที่ 3: ยืนยันการติดตั้ง

หลังจากบันทึกการเปลี่ยนแปลงแล้ว ให้เปิดเว็บไซต์ของคุณในแท็บเบราว์เซอร์ใหม่หรือหน้าต่างไม่ระบุตัวตน คุณควรเห็นปุ่มวิดเจ็ตแชทที่มุมขวาล่าง คลิกเพื่อตรวจสอบว่าเปิดขึ้นมาและทำงานได้อย่างถูกต้อง