Tlačidlá Opýtať sa AI

Tlačidlo alebo odkaz môžete umiestniť kdekoľvek na svojom webe — vedľa produktu, do cenníka alebo do častých otázok — ktoré otvorí chat a okamžite položí otázku za návštevníka. Jedno kliknutie odošle správu a AI odpovie, takže návštevníci získajú odpovede bez písania.

Ako to funguje

Keď je skript widgetu Asyntai nainštalovaný na vašej stránke, sprístupní globálne JavaScript API na window.AsyntaiWidget. Môžete volať jeho metódy na programové ovládanie chatovacieho widgetu.

Ak chcete odoslať otázku, zavolajte window.AsyntaiWidget.ask() so správou, ktorú chcete odoslať:

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

Základný príklad

Pridajte tlačidlo kdekoľvek do svojho HTML a odovzdajte otázku, ktorú má odoslať:

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

Keď návštevník klikne na tlačidlo, otvorí sa chat a otázka sa automaticky odošle.

Príklad textového odkazu

Pridajte textový odkaz, ktorý po kliknutí odošle otázku:

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

Príklad štýlovaného tlačidla

Vytvorte výraznejšie CTA tlačidlo s vlastným štýlovaním:

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

Načíta sa automaticky

Metóda ask() pred odoslaním počká, kým sa widget načíta, takže funguje, aj keď návštevník klikne vo chvíli načítania stránky — nemusíte kontrolovať, či je widget pripravený.

Úplná API referencia