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

คู่มือทีละขั้นตอนสำหรับร้านค้าอีคอมเมิร์ซ Volusion

แพลตฟอร์ม:

ขั้นตอนที่ 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: สำรองธีมของคุณ

ก่อนทำการเปลี่ยนแปลงใดๆ กับร้านค้า Volusion ของคุณ สิ่งสำคัญคือสร้างสำเนาสำรอง:

เข้าสู่ระบบแผงควบคุม Volusion Admin ของคุณ
นำทางไปยัง Design → File Editor
คลิก Archive Theme เพื่อสร้างสำเนาสำรอง
ดาวน์โหลดสำเนาของไฟล์เก็บถาวรเพื่อเก็บรักษาอย่างปลอดภัย

สำคัญ: สำรองธีมเสมอก่อนทำการเปลี่ยนแปลงโค้ด วิธีนี้ช่วยให้คุณย้อนกลับได้ง่ายหากมีข้อผิดพลาด

ขั้นตอนที่ 3: เพิ่มโค้ดไปยังเทมเพลต (แนะนำ)

เพื่อเพิ่มแชทบอทไปยังทุกหน้าของร้านค้า Volusion ของคุณ:

ในแผงควบคุม Volusion Admin ของคุณ ไปที่ Design → Template
หรือไปที่ Design → File Editor → Shortcuts
ค้นหาไฟล์เทมเพลตหลัก (โดยปกติคือ template_*.html)
เลื่อนลงเพื่อค้นหาแท็กปิด </body>
วางโค้ดฝังตัว Asyntai ของคุณก่อนแท็ก </body>
คลิก Save เพื่อใช้การเปลี่ยนแปลง
ดูตัวอย่างร้านค้าเพื่อตรวจสอบว่าแชทบอทปรากฏ

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

วิธีทางเลือกที่ 1: การฉีด HTML ส่วนหัว/ส่วนท้าย

Volusion ช่วยให้คุณเพิ่มโค้ดแบบกำหนดเองผ่านการตั้งค่าทั่วไป:

เข้าสู่ระบบแผงควบคุม Volusion Admin ของคุณ
นำทางไปยัง Settings → Design Settings
มองหาส่วน Custom HTML หรือ Footer Code
วางโค้ดฝังตัว Asyntai ของคุณในฟิลด์นี้
คลิก Save
โค้ดจะถูกเพิ่มไปยังทุกหน้าโดยอัตโนมัติ

หมายเหตุ: ตำแหน่งที่แน่นอนของการตั้งค่า custom HTML อาจแตกต่างกันขึ้นอยู่กับแผนและเวอร์ชัน Volusion ของคุณ มองหาการตั้งค่าที่เกี่ยวข้องกับ "Custom Code," "Header/Footer," หรือ "Global HTML.

วิธีทางเลือกที่ 2: การติดตั้งเฉพาะหน้า

หากคุณต้องการเพิ่มแชทบอทเฉพาะบางหน้า:

ไปที่ Design → File Editor → Shortcuts
สร้างหรือแก้ไขเทมเพลตเฉพาะหน้าโดยใช้ฟังก์ชัน PageName
เพิ่มโค้ดเงื่อนไขเพื่อรวมสคริปต์เฉพาะในบางหน้า:

<!-- Add to template file -->
<script>
if (PageName == 'home' || PageName == 'products') {
    // Your Asyntai embed code here
    var script = document.createElement('script');
    script.src = 'https://asyntai.com/static/js/chat-widget.js';
    script.setAttribute('data-asyntai-id', 'YOUR_WIDGET_ID');
    script.async = true;
    document.head.appendChild(script);
}
</script>

เคล็ดลับ: วิธีนี้มีประโยชน์หากคุณต้องการแชทบอทเฉพาะบางหน้าเช่น หน้าสินค้า หน้าชำระเงิน หรือหน้าสนับสนุน เปลี่ยน 'home' และ 'products' เป็นชื่อหน้าจริงจากร้านค้า Volusion ของคุณ

วิธีทางเลือกที่ 3: บทความ Custom CSS/HTML

คุณยังสามารถเพิ่มโค้ดผ่าน article block:

ในแผงควบคุม Volusion ไปที่ Articles → Articles
สร้างบทความใหม่หรือแก้ไขบทความที่มีอยู่
สลับไปที่ มุมมอง HTML ในตัวแก้ไขบทความ
วางโค้ดฝังตัว Asyntai ของคุณ
บันทึกบทความ
เพิ่มบทความนี้ลงในเทมเพลตหน้าเว็บหรือแถบข้าง
แชทบอทจะปรากฏบนหน้าที่แสดงบทความนี้

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

ขั้นตอนที่ 4: ตรวจสอบการติดตั้ง

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

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

ต้องการความช่วยเหลือ?

หากคุณไม่ถนัดในการแก้ไขไฟล์เทมเพลต ทีมสนับสนุนลูกค้าของ Volusion สามารถช่วยเหลือเกี่ยวกับคำขอ HTML และ CSS แบบกำหนดเองได้ คุณยังสามารถติดต่อฝ่ายสนับสนุน Asyntai เพื่อขอคำแนะนำในการติดตั้งแชทบอทบนร้าน Volusion ของคุณ

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

เอกสาร