Yapay Zekâya Sor düğmeleri

Sitenizin herhangi bir yerine — bir ürünün yanına, fiyat tablonuza veya SSS'ye — sohbeti açıp ziyaretçi adına anında bir soru soran bir düğme veya bağlantı yerleştirebilirsiniz. Tek tıklama mesajı gönderir ve yapay zekâ yanıtlar, böylece yazmadan yanıt alırlar.

Nasıl Çalışır

Asyntai widget betiği sayfanıza yüklendikten sonra, window.AsyntaiWidget adresinde global bir JavaScript API'si sunar. Sohbet widget'ını programatik olarak kontrol etmek için metodlarını çağırabilirsiniz.

Bir soru göndermek için göndermek istediğiniz mesajla window.AsyntaiWidget.ask() çağrısını yapın:

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

Temel Örnek

HTML'inizin herhangi bir yerine bir düğme ekleyin ve göndermesi gereken soruyu iletin:

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

Bir ziyaretçi düğmeye tıkladığında sohbet açılır ve soru otomatik olarak gönderilir.

Metin Bağlantısı Örneği

Tıklandığında bir soru gönderen bir metin bağlantısı ekleyin:

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

Stillendirilmiş Düğme Örneği

Özel stillendirme ile daha belirgin bir CTA düğmesi oluşturun:

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

Otomatik Olarak Yüklenir

ask() yöntemi göndermeden önce widget'ın yüklenmesini bekler, bu nedenle bir ziyaretçi sayfa yüklenir yüklenmez tıklasa bile çalışır — widget'ın hazır olup olmadığını kontrol etmeniz gerekmez.

Tam API Referansı