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 |