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

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

แพลตฟอร์ม:

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

Instapage มีตัวแก้ไข HTML/CSS ในตัวสำหรับเพิ่มสคริปต์แบบกำหนดเอง:

เปิด landing page Instapage ของคุณในตัวแก้ไข
คลิก "Settings" ในแถบเครื่องมือตัวแก้ไข
ไปที่ส่วน "HTML/CSS"
วางโค้ดฝัง Asyntai ของคุณในส่วน "Head"
คลิก "Save" และเผยแพร่หน้าของคุณอีกครั้ง

เคล็ดลับ: Instapage ยังมีส่วน "Body" ในการตั้งค่า HTML/CSS ตำแหน่งใดก็ใช้ได้ แต่แนะนำส่วน Head สำหรับวิดเจ็ตแชทเนื่องจากช่วยให้โหลดได้เร็ว

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

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

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

เอกสาร

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

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

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

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