Tagasi juhtpaneelile

Dokumentatsioon

Õppige Asyntaid kasutama

Küsi AI nupud

Lisage oma saidile ükskõik kuhu nupp, mis saadab ühe klõpsuga vestlusse küsimuse

Saate paigutada nupu või lingi ükskõik kuhu oma saidil — toote kõrvale, hinnatabelisse või KKK-sse —, mis avab vestluse ja esitab kohe külastaja eest küsimuse. Üks klõps saadab sõnumi ja tehisintellekt vastab, nii et külastajad saavad vastused ilma kirjutamata.

Vihje: Ideaalne hinnatabelite, KKK kirjete ja tootelehtede jaoks — pange Küsi AI nupp kõige kõrvale, mille kohta külastajad sageli küsivad.

Kuidas see töötab

Kui Asyntai vidina skript on teie lehele paigaldatud, pakub see globaalset JavaScripti API-d aadressil window.AsyntaiWidget. Saate kutsuda selle meetodeid vestlusvidina programmiliseks juhtimiseks.

Küsimuse saatmiseks kutsuge window.AsyntaiWidget.ask() sõnumiga, mida soovite saata:

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

Pohinaide

Lisage oma HTML-i ükskõik kuhu nupp ja edastage küsimus, mille see peaks saatma:

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

Kui külastaja klõpsab nupul, avaneb vestlus ja küsimus saadetakse automaatselt.

Tekstilingi näide

Lisage tekstilink, mis klõpsamisel saadab küsimuse:

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

Märkus: Kasutage ankurlinkide puhul event.preventDefault(), et vältida lehe üles kerimist klikkimisel.

Stiiliga nupu näide

Looge silmapaistvam CTA-nupp kohandatud stiiliga:

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

See laaditakse automaatselt

Meetod ask() ootab enne saatmist, kuni vidin on laadimise lõpetanud, nii et see töötab ka siis, kui külastaja klõpsab lehe laadimise hetkel — te ei pea kontrollima, kas vidin on valmis.

Täielik API-viide

Meetod Kirjeldus
AsyntaiWidget.ask("message") Avab vestluse ja saadab sõnumi, nagu oleks külastaja selle sisestanud
AsyntaiWidget.open() Avab vestlusvidina
AsyntaiWidget.close() Sulgeb vestlusvidina
AsyntaiWidget.toggle() Avab või sulgeb vestluse