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

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

แพลตฟอร์ม:

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

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

<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: การใช้การตั้งค่า 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: ยืนยันการติดตั้ง