กลับไปที่แดชบอร์ด

เอกสาร

เรียนรู้วิธีใช้ Asyntai

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

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

รับโค้ดฝัง

ขั้นตอนที่ 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: เพิ่มโค้ดไปยังธีม Shopify ของคุณ

ทำตามขั้นตอนเหล่านี้เพื่อเพิ่มแชทบอทไปยังร้านค้า Shopify ของคุณ:

  1. เข้าสู่ระบบแผงควบคุม Shopify Admin ของคุณ
  2. ไปที่ Online Store → Themes
  3. ค้นหาธีมปัจจุบันของคุณและคลิกปุ่ม "..." (สามจุด)
  4. เลือก "Edit code" จากเมนูดรอปดาวน์
  5. ในแถบด้านข้างซ้าย ภายใต้ Layout ให้คลิก theme.liquid
  6. เลื่อนลงเพื่อค้นหาแท็กปิด </body>
  7. วางโค้ดฝังตัว Asyntai ของคุณก่อนแท็ก </body>
  8. คลิก "Save" ที่มุมขวาบน

เคล็ดลับ: ใช้ Ctrl+F (Windows) หรือ Cmd+F (Mac) เพื่อค้นหา </body> ในไฟล์ theme.liquid อย่างรวดเร็ว

ทางเลือก: การใช้แอป Shopify

หากคุณไม่ต้องการแก้ไขโค้ด คุณสามารถใช้แอป Shopify เพื่อเพิ่มสคริปต์แบบกำหนดเอง:

  1. ไปที่ Shopify App Store
  2. ค้นหา "Custom Script Injector" หรือ "Header & Footer Scripts"
  3. ติดตั้งแอปที่คุณเลือก
  4. ใช้แอปเพื่อเพิ่มโค้ดฝังตัว Asyntai ของคุณไปยังส่วนท้าย

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

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

ไม่เห็นวิดเจ็ต? Shopify อาจแคชไฟล์ธีมของคุณ ลองเปิดร้านค้าในหน้าต่างเบราว์เซอร์ไม่ระบุตัวตน/ส่วนตัว หรือรอสักครู่แล้วรีเฟรชหน้า

ผู้ใช้ Shopify Plus

หากคุณใช้ Shopify Plus คุณยังสามารถเพิ่มสคริปต์ผ่านไฟล์ checkout.liquid เพื่อแสดงแชทบอทบนหน้าชำระเงิน อย่างไรก็ตาม โปรดทราบว่าร้านค้าส่วนใหญ่ต้องการเฉพาะในหน้าร้านค้าหลักเท่านั้น