Kysy tekoälyltä -painikkeet

Lisää sivustollesi mihin tahansa painike, joka lähettää kysymyksen chattiin yhdellä klikkauksella

Voit sijoittaa painikkeen tai linkin mihin tahansa sivustollasi — tuotteen viereen, hinnastoosi tai usein kysyttyihin kysymyksiin — joka avaa chatin ja esittää heti kysymyksen kävijän puolesta. Yksi klikkaus lähettää viestin ja tekoäly vastaa, joten kävijät saavat vastauksia kirjoittamatta.

Vinkki: Täydellinen hinnastoihin, usein kysyttyihin kysymyksiin ja tuotesivuille — lisää Kysy tekoälyltä -painike kaiken sen viereen, mistä kävijät usein kysyvät.

Miten se toimii

Kun Asyntai-widget-skripti on asennettu sivullesi, se tarjoaa globaalin JavaScript-rajapinnan osoitteessa window.AsyntaiWidget. Voit kutsua sen metodeja hallitaksesi chat-widgetiä ohjelmallisesti.

Lähetä kysymys kutsumalla window.AsyntaiWidget.ask() viestillä, jonka haluat lähettää:

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

Perusesimerkki

Lisää painike mihin tahansa HTML-koodissasi ja anna kysymys, jonka sen tulee lähettää:

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

Kun kävijä klikkaa painiketta, chat avautuu ja kysymys lähetetään automaattisesti.

Tekstilinkin esimerkki

Lisää tekstilinkki, joka lähettää kysymyksen, kun sitä klikataan:

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

Huomautus: Käytä event.preventDefault() ankkurilinkeissä estääksesi sivun vierittymisen ylös napsautettaessa.

Tyylitellyn painikkeen esimerkki

Luo näkyvämpi CTA-painike mukautetulla tyylillä:

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

Se latautuu automaattisesti

Metodi ask() odottaa, että widget latautuu valmiiksi ennen lähettämistä, joten se toimii, vaikka kävijä klikkaisi heti sivun latautuessa — sinun ei tarvitse tarkistaa, onko widget valmis.

Täydellinen API-viite

Metodi	Kuvaus
`AsyntaiWidget.ask("message")`	Avaa chatin ja lähettää viestin ikään kuin kävijä olisi kirjoittanut sen
`AsyntaiWidget.open()`	Avaa chat-widgetin
`AsyntaiWidget.close()`	Sulkee chat-widgetin
`AsyntaiWidget.toggle()`	Vaihtaa chatin auki tai kiinni