แถบ Ask AI

สไตล์วิดเจ็ตแบบเต็มหน้าจอ: แถบป้อนข้อความตรงกลางที่ขยายเป็นการสนทนาแบบเต็มรูปแบบ

Pro & Enterprise

ภาพรวม

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

เบื้องหลังคือผู้ช่วยตัวเดียวกัน: ฐานความรู้ คำสั่ง AI สี การตั้งค่าความเป็นส่วนตัว การเก็บข้อมูลลูกค้าเป้าหมาย การจอง และการตั้งค่าอื่น ๆ ทั้งหมดใช้ได้กับทั้งสองสไตล์ การรับช่วงต่อโดยมนุษย์ บันทึกการสนทนา และประวัติการสนทนาทำงานเหมือนกันทุกประการ

การเปิดใช้งาน

เปิดหน้า Customize ในแดชบอร์ดของคุณและเลือกแถบ Ask AI ใต้ Widget Style เท่านี้ก็เสร็จแล้ว - โค้ดฝังและปลั๊กอินเดิมของคุณยังใช้งานได้ต่อไป และสไตล์ใหม่จะปรากฏเมื่อโหลดหน้าเว็บครั้งถัดไป ไม่ต้องแก้ไขโค้ดใด ๆ บนเว็บไซต์ของคุณ

แถบนี้ใช้ได้ในแผน Pro และ Enterprise หากแผนของคุณเปลี่ยนไปในภายหลัง เว็บไซต์ของคุณจะกลับไปใช้บับเบิลแบบคลาสสิกโดยอัตโนมัติ - ไม่มีอะไรเสียหาย

ข้อความตัวอย่าง (Placeholder)

โดยค่าเริ่มต้น แถบจะเชิญชวนผู้เข้าชมด้วยข้อความ Ask AI ซึ่งแปลเป็นภาษาของผู้เข้าชมแต่ละคนโดยอัตโนมัติ คุณสามารถแทนที่ด้วยข้อความของคุณเอง - เช่น ถามผู้เชี่ยวชาญด้านการท่องเที่ยวของเรา - ในการตั้งค่า Bar Placeholder Text ที่ปรากฏเมื่อเลือกสไตล์แถบ

ความกว้างของแถบ

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

แสดงแถบเฉพาะบางหน้าเท่านั้น

หลายเว็บไซต์ต้องการให้แถบแสดงบนหน้าที่มีเนื้อหามาก เช่น เอกสารประกอบหรือศูนย์ช่วยเหลือ และใช้บับเบิลแบบคลาสสิกในหน้าอื่น ๆ เปิดใช้ตัวเลือก Show Bar Only On Specific Pages แล้วระบุรายการหน้า หนึ่งหน้าต่อบรรทัดหรือคั่นด้วยเครื่องหมายจุลภาค:

/pricing, /docs*, example.com/support

ผู้เข้าชมจะเห็นแถบบนหน้าที่ตรงกับรายการ และเห็นบับเบิลบนหน้าอื่น ๆ ทั้งหมด เส้นทางอย่าง /pricing ใช้ได้โดยไม่ต้องใส่โดเมนและจับคู่กับหน้านั้นแบบตรงตัว - เครื่องหมายทับท้ายเส้นทางไม่มีผล ปิดท้ายรายการด้วยเครื่องหมายดอกจันเพื่อครอบคลุมทั้งส่วน: /docs* จับคู่กับ /docs และทุกหน้าที่อยู่ภายใต้

การควบคุมสไตล์ด้วยโค้ด

นักพัฒนาสามารถบังคับสไตล์เป็นรายหน้าได้โดยตรงบนโค้ดฝังด้วยแอตทริบิวต์ data-asyntai-style ซึ่งรับค่า bar หรือ bubble และมีความสำคัญเหนือการตั้งค่าในแดชบอร์ด:

<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");s.setAttribute("data-asyntai-style","bar");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</script>

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

ข้อควรรู้

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