Gumbi Vprašaj AI

Dodajte gumb kjer koli na svojem spletnem mestu, ki z enim klikom pošlje vprašanje v klepet

Gumb ali povezavo lahko postavite kjer koli na svojem spletnem mestu — ob izdelek, v cenik ali v pogosta vprašanja — ki odpre klepet in v imenu obiskovalca takoj zastavi vprašanje. En klik pošlje sporočilo, UI pa odgovori, tako da obiskovalci dobijo odgovore brez tipkanja.

Nasvet: Odlično za cenike, pogosta vprašanja in strani izdelkov — gumb Vprašaj AI postavite ob vse, o čemer obiskovalci pogosto sprašujejo.

Kako deluje

Ko je skript pripomočka Asyntai nameščen na vaši strani, izpostavi globalni API JavaScript na window.AsyntaiWidget. Lahko kličete njegove metode za programsko upravljanje pripomočka za klepet.

Za pošiljanje vprašanja pokličite window.AsyntaiWidget.ask() s sporočilom, ki ga želite poslati:

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

Osnovni primer

Dodajte gumb kjer koli v svojem HTML in podajte vprašanje, ki naj ga pošlje:

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

Ko obiskovalec klikne gumb, se klepet odpre in vprašanje se samodejno pošlje.

Primer besedilne povezave

Dodajte besedilno povezavo, ki ob kliku pošlje vprašanje:

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

Opomba: Uporabite event.preventDefault() na sidrnih povezavah, da preprečite pomikanje strani na vrh ob kliku.

Primer oblikovanega gumba

Ustvarite bolj izrazit CTA gumb s prilagojenim oblikovanjem:

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

Naloži se samodejno

Metoda ask() pred pošiljanjem počaka, da se pripomoček naloži, zato deluje, tudi če obiskovalec klikne v trenutku nalaganja strani — ni vam treba preverjati, ali je pripomoček pripravljen.

Popolna API referenca

Metoda	Opis
`AsyntaiWidget.ask("message")`	Odpre klepet in pošlje sporočilo, kot da bi ga vnesel obiskovalec
`AsyntaiWidget.open()`	Odpre pripomoček za klepet
`AsyntaiWidget.close()`	Zapre pripomoček za klepet
`AsyntaiWidget.toggle()`	Preklopi klepet med odprtim in zaprtim