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

คู่มือทีละขั้นตอนสำหรับ Bludit CMS

แพลตฟอร์ม:

ขั้นตอนที่ 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: เพิ่มโค้ดโดยใช้ปลั๊กอิน HTML Code (แนะนำ)

วิธีที่ง่ายที่สุดในการเพิ่มแชทบอทลงในไซต์ Bludit คือใช้ปลั๊กอิน HTML Code ในตัว:

เข้าสู่ระบบ Bludit Admin Panel ของคุณ
ไปที่ Plugins ในแถบด้านข้างซ้าย
ค้นหาปลั๊กอิน "HTML Code" (มักจะติดตั้งไว้ล่วงหน้า)
หากยังไม่ทำงาน คลิก "Activate" เพื่อเปิดใช้งาน
คลิก "Configure" บนปลั๊กอิน HTML Code
ในการกำหนดค่า คุณจะเห็นฟิลด์สำหรับโค้ด Header และ Footer
วางโค้ดฝังตัว Asyntai ของคุณในฟิลด์ "Footer"
คลิก "Save"

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

วิธีทางเลือกที่ 1: การรวมไฟล์ธีม

สำหรับการควบคุมที่มากขึ้น คุณสามารถเพิ่มโค้ดลงในไฟล์ธีมโดยตรง:

เชื่อมต่อกับการติดตั้ง Bludit ของคุณผ่าน FTP หรือ File Manager
ไปที่ /bl-themes/your-theme-name/
เปิดไฟล์ index.php เพื่อแก้ไข
ค้นหาแท็กปิด </body>
วางโค้ดฝังตัว Asyntai ของคุณก่อนแท็ก </body>
บันทึกไฟล์
ล้างแคชไซต์ของคุณหากมี

หมายเหตุ: เมื่อแก้ไขไฟล์ธีมโดยตรง ตรวจสอบให้แน่ใจว่าสำรองข้อมูลไฟล์ต้นฉบับก่อน การอัปเดตธีมอาจเขียนทับการเปลี่ยนแปลงของคุณ ดังนั้นจดบันทึกการแก้ไขของคุณ

วิธีทางเลือกที่ 2: เนื้อหาที่กำหนดเองในหน้า

คุณยังสามารถเพิ่มโค้ดแชทบอทลงในหน้าเฉพาะโดยใช้ตัวแก้ไขเนื้อหาของ Bludit:

เข้าสู่ระบบ Bludit Admin Panel ของคุณ
ไปที่ Content และเลือกหน้าที่คุณต้องการแก้ไข
สลับไปที่ HTML mode ในตัวแก้ไข (หากใช้ตัวแก้ไขภาพ)
เพิ่มโค้ดฝังตัว Asyntai ของคุณที่ใดก็ได้ในเนื้อหาหน้า
คลิก "Save"
ทำซ้ำสำหรับหน้าอื่นๆ ที่คุณต้องการแชทบอท

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

ใช้ Plugin Hooks (ขั้นสูง)

สำหรับนักพัฒนาที่สร้างปลั๊กอินที่กำหนดเอง Bludit มี plugin hooks:

siteBodyBegin - ทำงานที่ด้านบนของแท็ก <body>
siteBodyEnd - ทำงานที่ด้านล่าง เหมาะสำหรับโค้ด JavaScript เช่นวิดเจ็ต Asyntai

คุณสามารถสร้างปลั๊กอินที่กำหนดเองที่ใช้ hook siteBodyEnd เพื่อฉีดโค้ดแชทบอทในทุกหน้า

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

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

ไม่เห็นวิดเจ็ต? ตรวจสอบให้แน่ใจว่าคุณบันทึกการกำหนดค่าปลั๊กอินหรือการเปลี่ยนแปลงไฟล์ธีม ล้างแคชเบราว์เซอร์และแคชของ Bludit (หากเปิดใช้งาน) ตรวจสอบคอนโซลเบราว์เซอร์ (F12) สำหรับข้อผิดพลาด JavaScript