Butang Tanya AI

Anda boleh meletakkan butang atau pautan di mana-mana pada laman web anda — di sebelah produk, dalam jadual harga, atau dalam Soalan Lazim — yang membuka sembang dan terus bertanya soalan bagi pihak pelawat. Satu klik menghantar mesej dan AI membalas, jadi mereka mendapat jawapan tanpa menaip.

Cara Ia Berfungsi

Setelah skrip widget Asyntai dipasang pada halaman anda, ia mendedahkan API JavaScript global di window.AsyntaiWidget. Anda boleh memanggil kaedahnya untuk mengawal widget sembang secara programatik.

Untuk menghantar soalan, panggil window.AsyntaiWidget.ask() dengan mesej yang ingin anda hantar:

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

Contoh Asas

Tambah butang di mana-mana dalam HTML anda dan hantar soalan yang patut dihantarnya:

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

Apabila pelawat mengklik butang, sembang terbuka dan soalan dihantar secara automatik.

Contoh Pautan Teks

Tambah pautan teks yang menghantar soalan apabila diklik:

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

Contoh Butang Bergaya

Cipta butang CTA yang lebih menonjol dengan gaya tersuai:

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

Ia Dimuatkan Secara Automatik

Kaedah ask() menunggu widget selesai dimuatkan sebelum menghantar, jadi ia berfungsi walaupun pelawat mengklik sebaik sahaja halaman dimuatkan — anda tidak perlu menyemak sama ada widget sudah sedia.

Rujukan API Penuh