Tombol Tanya AI

Anda dapat menempatkan tombol atau tautan di mana saja di situs Anda — di samping produk, di tabel harga, atau di FAQ — yang membuka obrolan dan langsung mengajukan pertanyaan untuk pengunjung. Satu klik mengirim pesan dan AI membalas, sehingga mereka mendapatkan jawaban tanpa mengetik.

Cara Kerjanya

Setelah skrip widget Asyntai terpasang di halaman Anda, skrip tersebut menyediakan API JavaScript global di window.AsyntaiWidget. Anda dapat memanggil metodenya untuk mengontrol widget obrolan secara terprogram.

Untuk mengirim pertanyaan, panggil window.AsyntaiWidget.ask() dengan pesan yang ingin Anda kirim:

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

Contoh Dasar

Tambahkan tombol di mana saja dalam HTML Anda dan berikan pertanyaan yang harus dikirim:

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

Saat pengunjung mengklik tombol, obrolan terbuka dan pertanyaan dikirim secara otomatis.

Contoh Tautan Teks

Tambahkan tautan teks yang mengirim pertanyaan saat diklik:

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

Contoh Tombol Bergaya

Buat tombol CTA yang lebih menonjol dengan gaya kustom:

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

Memuat Secara Otomatis

Metode ask() menunggu widget selesai dimuat sebelum mengirim, jadi tetap berfungsi meskipun pengunjung mengklik saat halaman dimuat — Anda tidak perlu memeriksa apakah widget sudah siap.

Referensi API Lengkap