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 |