ปุ่มถาม AI

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

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

เคล็ดลับ: เหมาะสำหรับตารางราคา รายการคำถามที่พบบ่อย และหน้าสินค้า — วางปุ่มถาม AI ไว้ข้างสิ่งที่ผู้เข้าชมมักสอบถามบ่อย

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

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

หากต้องการส่งคำถาม ให้เรียก window.AsyntaiWidget.ask() พร้อมข้อความที่ต้องการส่ง:

// Open the chat and send a question
window.AsyntaiWidget.ask("What are your shipping times?");

ตัวอย่างพื้นฐาน

เพิ่มปุ่มที่ใดก็ได้ใน HTML ของคุณ และส่งคำถามที่ต้องการให้ปุ่มส่ง:

<button onclick="window.AsyntaiWidget.ask('What are your shipping times?')">
  Ask about shipping
</button>

เมื่อผู้เข้าชมคลิกที่ปุ่ม แชทจะเปิดขึ้นและส่งคำถามโดยอัตโนมัติ

ตัวอย่างลิงก์ข้อความ

เพิ่มลิงก์ข้อความที่ส่งคำถามเมื่อคลิก:

<a href="#" onclick="event.preventDefault(); window.AsyntaiWidget.ask('Do you offer refunds?');">
  Ask about refunds
</a>

หมายเหตุ: ใช้ event.preventDefault() บนลิงก์ anchor เพื่อป้องกันไม่ให้หน้าเลื่อนขึ้นด้านบนเมื่อคลิก

ตัวอย่างปุ่มที่มีสไตล์

สร้างปุ่ม CTA ที่โดดเด่นยิ่งขึ้นด้วยสไตล์ที่กำหนดเอง:

<style>
  .ask-ai-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 18px;
    background: #6366f1;
    color: #fff;
    border: none;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(99, 102, 241, 0.3);
  }
  .ask-ai-btn:hover {
    background: #4f46e5;
    transform: translateY(-1px);
    box-shadow: 0 6px 18px rgba(99, 102, 241, 0.4);
  }
</style>

<button class="ask-ai-btn" onclick="window.AsyntaiWidget.ask('How does pricing work?')">
  <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
    <path d="M12 2l1.9 4.8L18.7 8l-4.8 1.9L12 14.7l-1.9-4.8L5.3 8l4.8-1.2L12 2z"/>
  </svg>
  Ask AI
</button>

โหลดโดยอัตโนมัติ

เมธอด ask() จะรอให้วิดเจ็ตโหลดเสร็จก่อนส่ง จึงทำงานได้แม้ผู้เข้าชมจะคลิกในขณะที่หน้ากำลังโหลด — คุณไม่จำเป็นต้องตรวจสอบว่าวิดเจ็ตพร้อมหรือไม่

ข้อมูลอ้างอิง API ทั้งหมด

เมธอด	คำอธิบาย
`AsyntaiWidget.ask("message")`	เปิดแชทและส่งข้อความเสมือนว่าผู้เข้าชมเป็นผู้พิมพ์
`AsyntaiWidget.open()`	เปิดวิดเจ็ตแชท
`AsyntaiWidget.close()`	ปิดวิดเจ็ตแชท
`AsyntaiWidget.toggle()`	สลับเปิดหรือปิดแชท