Gumbi Pitaj AI

Gumb ili poveznicu možete postaviti bilo gdje na svojoj stranici — pokraj proizvoda, u tablici cijena ili u čestim pitanjima — koji otvara chat i odmah postavlja pitanje umjesto posjetitelja. Jedan klik šalje poruku, a AI odgovara, pa posjetitelji dobivaju odgovore bez tipkanja.

Kako funkcionira

Nakon što je Asyntai widget skripta instalirana na vašu stranicu, izlaže globalni JavaScript API na window.AsyntaiWidget. Možete pozivati njegove metode za programsko upravljanje chat widgetom.

Da biste poslali pitanje, pozovite window.AsyntaiWidget.ask() s porukom koju želite poslati:

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

Osnovni primjer

Dodajte gumb bilo gdje u svom HTML-u i proslijedite pitanje koje treba poslati:

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

Kada posjetitelj klikne na gumb, chat se otvara i pitanje se automatski šalje.

Primjer tekstne poveznice

Dodajte tekstnu poveznicu koja klikom šalje pitanje:

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

Primjer stiliziranog gumba

Kreirajte istaknutiji CTA gumb s prilagođenim stilom:

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

Učitava se automatski

Metoda ask() prije slanja čeka da se widget učita do kraja, pa radi čak i ako posjetitelj klikne u trenutku učitavanja stranice — ne morate provjeravati je li widget spreman.

Potpuna API referenca