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

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

แพลตฟอร์ม:

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

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

<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 Code (แนะนำ)

Custom Code จะเพิ่มแชทบอทลงในทุกหน้าพร้อมกัน Wix มีฟีเจอร์นี้ให้สำหรับเว็บไซต์ที่เผยแพร่แล้วและเชื่อมต่อโดเมนแล้ว ซึ่งต้องใช้แพ็กเกจ Premium:

เข้าสู่ระบบ บัญชี Wix ของคุณและไปที่แดชบอร์ดของเว็บไซต์
คลิก Settings ในแถบด้านข้างซ้าย
ในส่วน Development & integrations ให้คลิก Custom Code
คลิก "+ Add Custom Code" ที่มุมขวาบน
วางโค้ดฝังตัว Asyntai ของคุณในกล่องข้อความ
ป้อนชื่อสำหรับโค้ดของคุณ (เช่น "Asyntai Chatbot")
ภายใต้ "Add Code to Pages" เลือก "All pages"
ภายใต้ "Place Code in" เลือก "Body - end"
คลิก "Apply" เพื่อบันทึก

เคล็ดลับ: การเลือก "Body - end" จะวางสคริปต์ไว้ก่อนแท็กปิด </body> ซึ่งเป็นตำแหน่งที่แนะนำสำหรับวิดเจ็ตแชท

ทางเลือก: ใช้องค์ประกอบ Embed HTML (แพ็กเกจฟรี)

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

เปิดเว็บไซต์ของคุณใน Wix Editor
คลิก "Add Elements" (ปุ่ม "+") ในแถบเครื่องมือด้านซ้าย
เลือก "Embed Code" จากนั้น "Popular Embeds" แล้วเลือก "Embed HTML"
คลิก "Enter Code" แล้ววางโค้ดฝัง Asyntai ของคุณ
คลิก "Apply"
ลากมุมขององค์ประกอบเพื่อให้ใหญ่พอสำหรับหน้าต่างแชทที่เปิดอยู่
คลิก "Publish" เพื่อบันทึกการเปลี่ยนแปลงของคุณ

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

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

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

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

การเพิ่มช่องค้นหา AI

ช่องค้นหา AI เป็นวิดเจ็ตแยกต่างหากที่มีโค้ดของตัวเอง จะเพิ่มพร้อมกับแชท หรือเพิ่มเดี่ยว ๆ ก็ได้ ต้องใช้แพ็กเกจ Standard ขึ้นไป หากต่ำกว่านั้น ช่องค้นหาจะปรากฏแต่ไม่แสดงผลลัพธ์

เพิ่มแอตทริบิวต์ data-replace ในแท็กสคริปต์ แล้วแถบค้นหานี้จะเข้าแทนที่แถบเดิมของธีมคุณ เพิ่มได้ที่ Settings, Custom Code ซึ่งเป็นที่เดียวกับโค้ดแชท Wix มี Custom Code ให้เฉพาะในแพ็กเกจ Premium ที่เชื่อมต่อโดเมนแล้วเท่านั้น คุณจึงต้องมีแพ็กเกจนี้เพื่อติดตั้ง

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