Ask AI-Schaltflächen

Sie können überall auf Ihrer Website eine Schaltfläche oder einen Link platzieren — neben einem Produkt, in Ihrer Preistabelle oder in den FAQ —, der den Chat öffnet und sofort eine Frage für den Besucher stellt. Ein Klick sendet die Nachricht und die KI antwortet, sodass Besucher Antworten erhalten, ohne zu tippen.

So funktioniert es

Sobald das Asyntai-Widget-Skript auf Ihrer Seite installiert ist, stellt es eine globale JavaScript-API unter window.AsyntaiWidget bereit. Sie können dessen Methoden aufrufen, um das Chat-Widget programmgesteuert zu steuern.

Um eine Frage zu senden, rufen Sie window.AsyntaiWidget.ask() mit der gewünschten Nachricht auf:

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

Einfaches Beispiel

Fügen Sie irgendwo in Ihrem HTML eine Schaltfläche hinzu und übergeben Sie die Frage, die sie senden soll:

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

Wenn ein Besucher auf die Schaltfläche klickt, öffnet sich der Chat und die Frage wird automatisch gesendet.

Beispiel für einen Textlink

Fügen Sie einen Textlink hinzu, der beim Anklicken eine Frage sendet:

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

Beispiel mit gestalteter Schaltfläche

Erstellen Sie eine auffälligere CTA-Schaltfläche mit benutzerdefiniertem Styling:

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

Es lädt automatisch

Die Methode ask() wartet vor dem Senden, bis das Widget vollständig geladen ist, sodass sie auch funktioniert, wenn ein Besucher im Moment des Seitenladens klickt — Sie müssen nicht prüfen, ob das Widget bereit ist.

Vollständige API-Referenz