Spør AI-knapper

Legg til en knapp hvor som helst på nettstedet ditt som sender et spørsmål til chatten med ett klikk

Du kan plassere en knapp eller lenke hvor som helst på nettstedet ditt — ved siden av et produkt, i pristabellen eller i en FAQ — som åpner chatten og umiddelbart stiller et spørsmål på vegne av den besøkende. Ett klikk sender meldingen og AI-en svarer, så de får svar uten å skrive.

Tips: Perfekt for pristabeller, FAQ-oppføringer og produktsider — sett en Spør AI-knapp ved siden av alt de besøkende ofte spør om.

Slik fungerer det

Når Asyntai-widgetskriptet er installert på siden din, eksponerer det et globalt JavaScript-API på window.AsyntaiWidget. Du kan kalle metodene for å styre chatwidgeten programmatisk.

For å sende et spørsmål, kall window.AsyntaiWidget.ask() med meldingen du vil sende:

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

Grunnleggende eksempel

Legg til en knapp hvor som helst i HTML-en din, og send med spørsmålet den skal sende:

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

Når en besøkende klikker på knappen, åpnes chatten og spørsmålet sendes automatisk.

Eksempel på tekstlenke

Legg til en tekstlenke som sender et spørsmål når den klikkes:

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

Merk: Bruk event.preventDefault() på ankerlenker for å forhindre at siden ruller til toppen når den klikkes.

Eksempel med stilisert knapp

Lag en mer fremtredende CTA-knapp med egendefinert stil:

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

Metoden ask() venter til widgeten er ferdig innlastet før den sender, så den fungerer selv om en besøkende klikker i det øyeblikket siden lastes — du trenger ikke å sjekke om widgeten er klar.

Fullstendig API-referanse

Metode Beskrivelse
AsyntaiWidget.ask("message") Åpner chatten og sender en melding som om den besøkende skrev den
AsyntaiWidget.open() Åpner chatwidgeten
AsyntaiWidget.close() Lukker chatwidgeten
AsyntaiWidget.toggle() Veksler chatten åpen eller lukket