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

คู่มือทีละขั้นตอนสำหรับ landing pages ของ Unbounce

แพลตฟอร์ม:

ขั้นตอนที่ 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: การใช้การตั้งค่า JavaScripts

Unbounce มีส่วน JavaScripts เฉพาะสำหรับเพิ่มสคริปต์แบบกำหนดเอง:

เปิด Unbounce landing page ของคุณในตัวแก้ไข
คลิก "Settings" ที่มุมซ้ายล่าง
เลือก "JavaScripts"
คลิก "Add custom script"
ตั้งตำแหน่งเป็น "Before Body End Tag"
วางโค้ดฝัง Asyntai ของคุณในฟิลด์สคริปต์
คลิก "Save" และเผยแพร่หน้าของคุณอีกครั้ง

เคล็ดลับ: การตั้งตำแหน่งเป็น "Before Body End Tag" ทำให้แชทบอทโหลดหลังจากเนื้อหาหน้าของคุณ คุณยังสามารถเลือกตำแหน่ง "Head" ได้แต่แนะนำให้ใช้ body end

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

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

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

เอกสาร

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

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

ขั้นตอนที่ 2: การใช้การตั้งค่า JavaScripts

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