แชทแบบฝังตัว

ภาพรวม

โดยค่าเริ่มต้น วิดเจ็ตแชท Asyntai จะปรากฏเป็นบับเบิลลอยที่มุมเว็บไซต์ของคุณ ด้วยแชทแบบฝัง คุณยังสามารถแสดงแชทโดยตรงบนหน้าของคุณ — ตัวอย่างเช่น ในส่วน "แชทกับเรา" บนหน้าแรกของคุณ

บับเบิลลอยยังคงทำงานควบคู่กับแชทแบบฝัง ผู้เยี่ยมชมที่ไม่เลื่อนไปยังส่วนที่ฝังยังคงสามารถใช้บับเบิลได้ ทั้งสองแชร์การสนทนาเดียวกัน

วิธีการทำงาน

การตั้งค่า

เพิ่มบรรทัด HTML เดียวนี้ที่ใดก็ได้ที่คุณต้องการให้แชทปรากฏบนหน้าของคุณ:

<script src="https://asyntai.com/static/js/chat-embed.js" data-asyntai-id="YOUR_WIDGET_ID"></script>

แทนที่ YOUR_WIDGET_ID ด้วย ID วิดเจ็ตของคุณ คุณสามารถค้นหาโค้ดฝังพร้อม ID ที่กรอกไว้ล่วงหน้าบน หน้าตั้งค่าแชทแบบฝัง

ตัวอย่าง

นี่คือวิธีที่คุณอาจใช้บนหน้าแรก:

<section style="max-width: 500px; margin: 0 auto;">
    <h2>Chat with us</h2>
    <p>Ask us anything — our AI assistant is here to help.</p>

    <!-- The chat will appear right here -->
    <script src="https://asyntai.com/static/js/chat-embed.js" data-asyntai-id="YOUR_WIDGET_ID"></script>
</section>

รายละเอียด

ขนาด

แชทแบบฝังแสดงผลขนาดเท่ากับวิดเจ็ตลอย: กว้าง 400px และสูง 650px บนเดสก์ท็อป เต็มความกว้างและสูง 550px บนมือถือ คุณสามารถควบคุมตำแหน่งโดยจัดสไตล์คอนเทนเนอร์หลัก

พฤติกรรมบับเบิลลอย

เมื่อแชทแบบฝังมองเห็นได้บนหน้าจอและผู้เยี่ยมชมคลิกบับเบิลลอย จะเลื่อนไปยังแชทแบบฝัง หากแชทแบบฝังไม่อยู่ในมุมมอง บับเบิลจะเปิดแชทลอยแบบโอเวอร์เลย์ปกติ

การซิงค์ข้อความ

ทั้งแชทแบบฝังและแชทลอยแชร์การสนทนาเดียวกัน ข้อความที่ส่งจากที่ใดจะปรากฏในทั้งสอง ใช้เซสชันเดียวกัน บริบท AI และประวัติแชทเดียวกัน

หลายหน้า

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

ดูตัวอย่างสด

นี่คือแชทแบบฝังสดเพื่อให้คุณเห็นว่ามีหน้าตาอย่างไร:

ข้อกำหนด