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

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

แพลตฟอร์ม:

ขั้นตอนที่ 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: เพิ่มโค้ดไปยังทั้งเว็บไซต์ (แนะนำ)

เพื่อเพิ่มแชทบอทไปยังทุกหน้าของเว็บไซต์ Tilda พร้อมกัน ให้ใช้วิธี Site Settings:

เข้าสู่ระบบบัญชี Tilda ของคุณและเปิดตัวแก้ไขเว็บไซต์
คลิก Site Settings (ไอคอนรูปเฟือง) ในเมนูด้านบน
เลื่อนลงไปที่ส่วน "More"
ค้นหา "HTML code for the HEAD section for all pages"
คลิก "Edit code"
วางโค้ดฝังตัว Asyntai ของคุณในกล่องข้อความ
คลิก "Save"
คลิก "Publish" เพื่อใช้การเปลี่ยนแปลงกับเว็บไซต์ของคุณ

เคล็ดลับ: วิธีนี้เพิ่มแชทบอทไปยังทุกหน้าบนเว็บไซต์โดยอัตโนมัติ เป็นวิธีที่ง่ายที่สุดในการทำให้แชทบอทพร้อมใช้งานทั่วทั้งเว็บไซต์สำหรับผู้เยี่ยมชม

ทางเลือก: การใช้บล็อก T123 (หน้าเฉพาะ)

หากคุณต้องการเพิ่มแชทบอทเฉพาะบางหน้า คุณสามารถใช้บล็อก T123 HTML ของ Tilda:

เปิดหน้าที่คุณต้องการแก้ไขในตัวแก้ไข Tilda
คลิก "+ Add Block" หรือกด "T"
ใน Block Library ไปที่ Other → T123 (Embed HTML Code)
หรืออีกทางเลือกหนึ่งคือค้นหา "T123" ในแถบค้นหา
คลิกที่บล็อก T123 เพื่อเพิ่มไปยังหน้าของคุณ
ในการตั้งค่าบล็อก วางโค้ดฝังตัว Asyntai ของคุณ
วางตำแหน่งบล็อกที่ใดก็ได้บนหน้าของคุณ (ไม่ส่งผลต่อตำแหน่งวิดเจ็ต)
คลิก "Publish" เพื่อให้การเปลี่ยนแปลงใช้งานจริง

หมายเหตุ: บล็อก T123 รองรับ HTML, JavaScript (ภายในแท็ก <script>) และ CSS (ภายในแท็ก <style>) ตำแหน่งที่มองเห็นของบล็อกไม่สำคัญ - แชทบอทจะปรากฏที่มุมขวาล่างตามที่กำหนดค่า

ส่วน Head ต่อหน้า (ขั้นสูง)

สำหรับการควบคุมที่มากขึ้น คุณสามารถเพิ่มโค้ดไปยังส่วน head ของแต่ละหน้า:

เปิดหน้าในตัวแก้ไข Tilda
คลิก Page Settings (ไอคอนรูปเฟือง) ในเมนูด้านบน
ไปที่แท็บ "Additional"
ค้นหา "HTML code for the HEAD section"
วางโค้ดฝังตัว Asyntai ของคุณ
คลิก "Save" จากนั้น "Publish"

สำคัญ: เมื่อใช้บล็อก T123 หรือวิธีต่อหน้า คุณต้องเพิ่มโค้ดในแต่ละหน้าที่คุณต้องการให้แชทบอทปรากฏ สำหรับการติดตั้งทั่วทั้งเว็บไซต์ ให้ใช้วิธี Site Settings ที่อธิบายในขั้นตอนที่ 2

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

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