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

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

แพลตฟอร์ม:

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

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

วิธีที่ 1: การใช้ Instant Site Editor (แนะนำ)

หากคุณใช้ Instant Site ของ Ecwid คุณสามารถเพิ่มส่วนโค้ดแบบกำหนดเองได้โดยตรงผ่าน site editor วิธีนี้ใช้ได้กับแผน Venture, Business และ Unlimited

การเพิ่มส่วนโค้ดแบบกำหนดเอง

เข้าสู่ระบบแผงผู้ดูแลระบบ Ecwid ของคุณ
ไปที่ Website → Edit Site (หรือ Overview → Manage Instant Site)
จากดรอปดาวน์ "Page: Homepage" ที่มุมซ้ายบน เลือกหน้าที่คุณต้องการเพิ่มแชทบอท (หรือเก็บ Homepage ไว้สำหรับทั่วทั้งเว็บไซต์)
คลิก "Add Section"
เลื่อนลงไปที่ "Advanced Solutions"
ในบล็อก "Embed & Custom Code" คลิก "Add Custom Code Section"
วางโค้ดฝังตัว Asyntai ของคุณ
คลิก "Save"

เคล็ดลับ: การเพิ่มโค้ดลงใน Homepage จะทำให้ปรากฏในทุกหน้า เพื่อประสิทธิภาพที่ดีที่สุด ให้เพิ่ม JavaScript ลงในส่วน body แทนที่จะเป็น header

วิธีที่ 2: การใช้ส่วนโค้ด JavaScript แบบกำหนดเอง

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

เข้าสู่ระบบแผงผู้ดูแลระบบ Ecwid ของคุณ
ไปที่ Website (หรือ Overview → Manage Instant Site)
เลื่อนลงไปที่ "Advanced website settings"
ภายใต้ "Custom JavaScript code" คลิก "Add Code"
วางโค้ดฝัง Asyntai ของคุณในฟิลด์ที่ปรากฏ
คลิก "Save"
รีเฟรชหน้า Instant Site ในเบราว์เซอร์เพื่อดูการเปลี่ยนแปลง

หมายเหตุ: ส่วนโค้ด JavaScript แบบกำหนดเองมีขีดจำกัด 4000 ตัวอักษร โค้ดฝัง Asyntai อยู่ภายในขีดจำกัดนี้ โค้ดที่เพิ่มที่นี่จะปรากฏที่ด้านล่างของส่วน <body>

วิธีที่ 3: เว็บไซต์ภายนอกกับร้านค้า Ecwid

หากคุณฝังร้านค้า Ecwid บนเว็บไซต์ภายนอก (WordPress, Wix, HTML แบบกำหนดเอง ฯลฯ) คุณควรเพิ่มโค้ด Asyntai ลงในเว็บไซต์นั้นแทน

สำหรับ WordPress กับปลั๊กอิน Ecwid

Follow the WordPress installation guide
เพิ่มโค้ดฝัง Asyntai ลงในเว็บไซต์ WordPress ของคุณโดยใช้ปลั๊กอิน WPCode หรือไฟล์ธีม
แชทบอทจะปรากฏในทุกหน้า รวมถึงหน้าที่มีร้านค้า Ecwid ของคุณ

สำหรับแพลตฟอร์มอื่น

หากร้านค้า Ecwid ของคุณถูกฝังบนแพลตฟอร์มอื่น:

Find the appropriate installation guide for your platform
เพิ่มโค้ดฝัง Asyntai ลงในแพลตฟอร์มนั้น
แชทบอทจะทำงานร่วมกับร้านค้า Ecwid ที่ฝังไว้ของคุณ

ทำไมต้องเพิ่มโค้ดลงในเว็บไซต์ภายนอก? เมื่อ Ecwid ถูกฝังบนเว็บไซต์อื่น เว็บไซต์หลักเป็นผู้ควบคุมหน้าเว็บ การเพิ่มแชทบอทลงในเว็บไซต์หลักช่วยให้โหลดได้อย่างถูกต้องและปรากฏในทุกหน้า

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

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

ไม่เห็นวิดเจ็ต? ล้างแคชเบราว์เซอร์และรีเฟรชหน้าเว็บ ตรวจสอบให้แน่ใจว่าคุณมีแผน Ecwid แบบชำระเงิน เนื่องจากฟีเจอร์ JavaScript แบบกำหนดเองต้องใช้แผน Venture, Business หรือ Unlimited

เอกสาร