Nút Hỏi AI

Bạn có thể đặt một nút hoặc liên kết ở bất kỳ đâu trên trang web — bên cạnh sản phẩm, trong bảng giá hoặc trong phần Câu hỏi thường gặp — để mở cuộc trò chuyện và lập tức đặt câu hỏi thay cho khách. Một cú nhấp sẽ gửi tin nhắn và AI trả lời, nên khách nhận được câu trả lời mà không cần gõ.

Cách hoạt động

Sau khi script tiện ích Asyntai được cài đặt trên trang, nó cung cấp API JavaScript toàn cục tại window.AsyntaiWidget. Bạn có thể gọi các phương thức của nó để điều khiển tiện ích chat theo chương trình.

Để gửi câu hỏi, hãy gọi window.AsyntaiWidget.ask() với thông điệp bạn muốn gửi:

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

Ví dụ Cơ bản

Thêm một nút ở bất kỳ đâu trong HTML của bạn và truyền câu hỏi mà nút cần gửi:

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

Khi khách nhấp vào nút, cuộc trò chuyện sẽ mở ra và câu hỏi được gửi tự động.

Ví dụ về liên kết văn bản

Thêm một liên kết văn bản gửi câu hỏi khi được nhấp:

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

Ví dụ Nút có Kiểu dáng

Tạo nút CTA nổi bật hơn với kiểu dáng tùy chỉnh:

<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>

Tự động tải

Phương thức ask() chờ widget tải xong trước khi gửi, nên nó vẫn hoạt động ngay cả khi khách nhấp vào lúc trang vừa tải — bạn không cần kiểm tra xem widget đã sẵn sàng hay chưa.

Tham chiếu API Đầy đủ