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

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

แพลตฟอร์ม:

ขั้นตอนที่ 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: เลือกวิธีการติดตั้ง

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

วิธีที่ 1: โค้ด Footer ทั่วทั้งเว็บไซต์ (แนะนำ)

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

เข้าสู่ระบบบัญชี Weebly ของคุณและเปิดตัวแก้ไขเว็บไซต์
คลิกที่ Settings ในเมนูด้านบน
เลือก SEO จากแถบข้างซ้าย
เลื่อนลงเพื่อค้นหาส่วน Footer Code
วางโค้ดฝังของ Asyntai ลงในกล่อง Footer Code
คลิก Save
คลิก Publish เพื่อทำให้การเปลี่ยนแปลงใช้งานได้

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

วิธีที่ 2: การติดตั้งแบบหน้าเดียว

หากคุณต้องการแชทบอทเฉพาะบางหน้า ให้ใช้วิธีนี้สำหรับแต่ละหน้า:

ในตัวแก้ไข Weebly คลิกที่ Pages ในเมนูด้านบน
เลือกหน้าที่คุณต้องการเพิ่มแชทบอท
คลิกที่ SEO Settings (หรือ Advanced Settings) สำหรับหน้านั้น
ค้นหาส่วน Footer Code
วางโค้ดฝังตัว Asyntai ของคุณ
คลิก Save
ทำซ้ำสำหรับหน้าอื่นๆ ที่คุณต้องการแชทบอท
คลิก Publish เพื่อทำให้การเปลี่ยนแปลงใช้งานได้

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

วิธีที่ 3: ใช้องค์ประกอบ Embed Code

คุณยังสามารถใช้องค์ประกอบ Embed Code ของ Weebly ได้ แม้ว่าวิธี footer จะเป็นที่นิยมมากกว่าสำหรับวิดเจ็ตแชท:

ในตัวแก้ไข Weebly ไปที่แท็บ Build
ค้นหาองค์ประกอบ Embed Code ภายใต้ส่วน Basic
ลากองค์ประกอบ Embed Code ไปยังหน้าเว็บของคุณ (ควรอยู่ใกล้ด้านล่าง)
คลิกที่องค์ประกอบและเลือก Edit Custom HTML
วางโค้ดฝังตัว Asyntai ของคุณ
คลิกนอกองค์ประกอบเพื่อบันทึก
คลิก Publish เพื่อทำให้การเปลี่ยนแปลงใช้งานได้

สำคัญ: องค์ประกอบ Embed Code จะไม่แสดงตัวอย่างในตัวแก้ไข คุณจะต้องเผยแพร่เว็บไซต์เพื่อดูการทำงานของแชทบอท

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

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

ไม่เห็นวิดเจ็ต? Weebly ไม่แสดงตัวอย่างสำหรับโค้ดที่เพิ่มในส่วน header/footer ตรวจสอบว่าคุณได้คลิก "Publish" เพื่อให้การเปลี่ยนแปลงมีผลแล้ว ลองล้างแคชเบราว์เซอร์หรือดูในหน้าต่างส่วนตัว

หมายเหตุ Weebly Square Online

หากคุณใช้ Square Online (แพลตฟอร์มอีคอมเมิร์ซของ Weebly) ขั้นตอนจะคล้ายกัน:

ไปที่แดชบอร์ด Square Online ของคุณ
ไปที่ Website > Site Settings
ค้นหา Advanced Settings หรือ Custom Code
เพิ่มโค้ดฝังของ Asyntai ลงในส่วน footer
บันทึกและเผยแพร่การเปลี่ยนแปลงของคุณ

เอกสาร