Spørg AI-knapper

Du kan placere en knap eller et link hvor som helst på dit websted — ved siden af et produkt, i din pristabel eller i en FAQ — der åbner chatten og straks stiller et spørgsmål for den besøgende. Ét klik sender beskeden, og AI'en svarer, så de får svar uden at skrive.

Sådan fungerer det

Når Asyntai widget-scriptet er installeret på din side, eksponerer det en global JavaScript API på window.AsyntaiWidget. Du kan kalde dens metoder for at styre chat-widgetten programmatisk.

For at sende et spørgsmål skal du kalde window.AsyntaiWidget.ask() med den besked, du vil sende:

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

Grundlæggende eksempel

Tilføj en knap hvor som helst i din HTML, og angiv det spørgsmål, den skal sende:

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

Når en besøgende klikker på knappen, åbnes chatten, og spørgsmålet sendes automatisk.

Eksempel med tekstlink

Tilføj et tekstlink, der sender et spørgsmål, når der klikkes på det:

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

Eksempel på stiliseret knap

Opret en mere fremtrædende CTA-knap med brugerdefineret 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>

Det indlæses automatisk

Metoden ask() venter, til widgeten er færdig med at indlæse, før den sender, så den virker, selv hvis en besøgende klikker i det øjeblik siden indlæses — du behøver ikke at tjekke, om widgeten er klar.

Fuld API-reference