Vraag AI-knoppen

Je kunt overal op je site een knop of link plaatsen — naast een product, in je prijstabel of in een FAQ — die de chat opent en meteen een vraag stelt namens de bezoeker. Eén klik verstuurt het bericht en de AI antwoordt, zodat ze antwoorden krijgen zonder te typen.

Hoe het werkt

Zodra het Asyntai-widgetscript op uw pagina is geïnstalleerd, wordt een globale JavaScript API beschikbaar gesteld via window.AsyntaiWidget. U kunt de methoden ervan aanroepen om de chatwidget programmatisch te bedienen.

Om een vraag te versturen, roep je window.AsyntaiWidget.ask() aan met het bericht dat je wilt versturen:

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

Basisvoorbeeld

Voeg ergens in je HTML een knop toe en geef de vraag door die hij moet versturen:

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

Wanneer een bezoeker op de knop klikt, opent de chat en wordt de vraag automatisch verstuurd.

Voorbeeld van tekstlink

Voeg een tekstlink toe die bij het klikken een vraag verstuurt:

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

Voorbeeld gestylede knop

Maak een opvallendere CTA-knop met aangepaste 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>

Het laadt automatisch

De methode ask() wacht tot de widget volledig is geladen voordat hij verstuurt, dus hij werkt zelfs als een bezoeker klikt op het moment dat de pagina laadt — je hoeft niet te controleren of de widget gereed is.

Volledige API-referentie