Tlačítka Zeptat se AI

Tlačítko nebo odkaz můžete umístit kamkoli na svůj web — vedle produktu, do ceníku nebo do častých dotazů — který otevře chat a okamžitě položí otázku za návštěvníka. Jedno kliknutí odešle zprávu a AI odpoví, takže návštěvníci získají odpovědi bez psaní.

Jak to funguje

Jakmile je skript widgetu Asyntai nainstalován na vaší stránce, zpřístupní globální JavaScript API na window.AsyntaiWidget. Můžete volat jeho metody pro programové ovládání chatovacího widgetu.

Chcete-li odeslat dotaz, zavolejte window.AsyntaiWidget.ask() se zprávou, kterou chcete odeslat:

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

Základní příklad

Přidejte tlačítko kamkoli do svého HTML a předejte dotaz, který má odeslat:

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

Když návštěvník klikne na tlačítko, otevře se chat a dotaz se automaticky odešle.

Příklad textového odkazu

Přidejte textový odkaz, který po kliknutí odešle dotaz:

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

Příklad stylovaného tlačítka

Vytvořte výraznější CTA tlačítko s vlastním stylem:

<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čítá se automaticky

Metoda ask() před odesláním počká, až se widget dokončí načítání, takže funguje, i když návštěvník klikne ve chvíli načtení stránky — nemusíte kontrolovat, zda je widget připraven.

Kompletní reference API