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

คู่มือทีละขั้นตอนสำหรับไซต์ Carrd

แพลตฟอร์ม:

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

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

<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: เพิ่ม Embed Element (ต้องใช้แผน Pro)

Carrd อนุญาตให้คุณเพิ่มโค้ดที่กำหนดเองผ่านองค์ประกอบ Embed ทำตามขั้นตอนเหล่านี้:

เปิดไซต์ Carrd ของคุณในตัวแก้ไข
คลิก "Add Element" (ปุ่ม +)
เลือก "Embed"
ตั้ง Type เป็น "Code"
วางโค้ดฝังตัว Asyntai ของคุณในฟิลด์ "Code"
สำหรับ Style เลือก "Hidden" และเลือก "Before closing body tag"
บันทึกและเผยแพร่ไซต์ของคุณ

หมายเหตุ: การเพิ่มองค์ประกอบ embed ด้วยโค้ดที่กำหนดเองต้องใช้แผน Carrd Pro Standard หรือสูงกว่า แผนฟรีไม่รองรับการฝังโค้ด คุณสามารถอัปเกรดเป็น Pro ได้โดยตรงจากแดชบอร์ด Carrd ของคุณ

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

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

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

เอกสาร

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

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

ขั้นตอนที่ 2: เพิ่ม Embed Element (ต้องใช้แผน Pro)

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