วิธีเพิ่มแชทบอท AI Asyntai ลงใน Joomla

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

แพลตฟอร์ม:

ขั้นตอนที่ 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>

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

ขั้นตอนที่ 2: เพิ่มโค้ดโดยใช้โมดูล Custom HTML (แนะนำ)

วิธีที่ง่ายที่สุดในการเพิ่มแชทบอทในทุกหน้าคือใช้โมดูล Custom HTML:

เข้าสู่ระบบแผงผู้ดูแลระบบ Joomla ของคุณ
ไปที่ Content → Site Modules
คลิก "New" เพื่อสร้างโมดูลใหม่
เลือก "Custom" (โมดูล Custom HTML)
ใส่ชื่อเช่น "Asyntai Chatbot" (คุณสามารถซ่อนในภายหลังได้)
คลิกปุ่ม "Toggle Editor" เพื่อสลับไปยังโหมด HTML แบบดิบ
วางโค้ดฝังตัว Asyntai ของคุณ
ในฟิลด์ "Position" เลือกตำแหน่ง footer (เช่น "footer" หรือ "debug")
ตั้ง "Show Title" เป็น "Hide"
ภายใต้แท็บ "Menu Assignment" เลือก "On all pages"
คลิก "Save & Close"

เคล็ดลับ: หากโค้ดของคุณถูกลบออก ให้ไปที่ System → Global Configuration → Site และตั้ง Default Editor เป็น "None" ชั่วคราว เพิ่มโค้ดของคุณ จากนั้นสลับกลับ

ทางเลือก: แก้ไขไฟล์เทมเพลต

คุณสามารถเพิ่มโค้ดลงในไฟล์ index.php ของเทมเพลตโดยตรง:

ไปที่ System → Site Templates
คลิกที่ชื่อเทมเพลตที่ใช้งานอยู่
ค้นหาและคลิกที่ "index.php" ในรายการไฟล์
เลื่อนลงเพื่อค้นหาแท็กปิด </body>
วางโค้ดฝังตัว Asyntai ของคุณก่อนแท็ก </body>
คลิก "Save"

สำคัญ: การเปลี่ยนแปลงไฟล์เทมเพลตจะสูญหายเมื่อคุณอัปเดตเทมเพลต พิจารณาใช้ child template หรือวิธีโมดูล Custom HTML สำหรับวิธีที่ถาวรกว่า

ทางเลือก: การใช้ส่วนขยาย

คุณยังสามารถใช้ส่วนขยายฟรีเพื่อเพิ่มสคริปต์แบบกำหนดเอง:

Go to the Joomla Extensions Directory
ดาวน์โหลดส่วนขยาย "Add Custom Javascript"
ในแผงผู้ดูแลระบบ Joomla ไปที่ System → Install → Extensions
อัปโหลดและติดตั้งส่วนขยาย
ไปที่ Components → Add Custom Javascript
เพิ่มโค้ดฝัง Asyntai ของคุณ
กำหนดค่าให้โหลดในทุกหน้า

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

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