Przyciski Zapytaj AI

Przycisk lub link możesz umieścić w dowolnym miejscu witryny — obok produktu, w tabeli cen lub w FAQ — który otwiera czat i natychmiast zadaje pytanie w imieniu odwiedzającego. Jedno kliknięcie wysyła wiadomość, a AI odpowiada, więc otrzymują odpowiedzi bez pisania.

Jak to działa

Po zainstalowaniu skryptu widgetu Asyntai na Twojej stronie udostępnia on globalne API JavaScript pod adresem window.AsyntaiWidget. Możesz wywoływać jego metody, aby programowo sterować widgetem czatu.

Aby wysłać pytanie, wywołaj window.AsyntaiWidget.ask() z wiadomością, którą chcesz wysłać:

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

Podstawowy przykład

Dodaj przycisk w dowolnym miejscu kodu HTML i przekaż pytanie, które ma wysłać:

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

Gdy odwiedzający kliknie przycisk, czat się otwiera, a pytanie zostaje wysłane automatycznie.

Przykład linku tekstowego

Dodaj link tekstowy, który po kliknięciu wysyła pytanie:

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

Przykład stylizowanego przycisku

Utwórz bardziej wyrazisty przycisk CTA z niestandardowym 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>

Ładuje się automatycznie

Metoda ask() przed wysłaniem czeka, aż widget zakończy ładowanie, więc działa nawet jeśli odwiedzający kliknie w momencie ładowania strony — nie musisz sprawdzać, czy widget jest gotowy.

Pełna dokumentacja API