„Klausti DI“ mygtukai

Pridėkite mygtuką bet kurioje savo svetainės vietoje, kuris vienu paspaudimu nusiunčia klausimą į pokalbį

Mygtuką ar nuorodą galite įdėti bet kurioje svetainės vietoje — šalia produkto, kainų lentelėje ar DUK — kuris atveria pokalbį ir iškart užduoda klausimą už lankytoją. Vienas paspaudimas išsiunčia žinutę, o DI atsako, todėl atsakymus gaunama nieko nerašant.

Patarimas: Puikiai tinka kainų lentelėms, DUK įrašams ir produktų puslapiams — įdėkite „Klausti DI“ mygtuką šalia visko, apie ką lankytojai dažnai klausia.

Kaip tai veikia

Kai Asyntai valdiklio skriptas yra įdiegtas jūsų puslapyje, jis atskleidžia globalią JavaScript API adresu window.AsyntaiWidget. Galite iškviesti jo metodus pokalbių valdikliui programiškai valdyti.

Norėdami nusiųsti klausimą, iškvieskite window.AsyntaiWidget.ask() su žinute, kurią norite nusiųsti:

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

Pagrindinis pavyzdys

Pridėkite mygtuką bet kurioje HTML vietoje ir perduokite klausimą, kurį jis turi nusiųsti:

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

Kai lankytojas paspaudžia mygtuką, pokalbis atsidaro ir klausimas išsiunčiamas automatiškai.

Teksto nuorodos pavyzdys

Pridėkite teksto nuorodą, kuri paspaudus nusiunčia klausimą:

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

Pastaba: Naudokite event.preventDefault() nuorodose, kad puslapis neslinktų į viršų paspaudus.

Stilizuoto mygtuko pavyzdys

Sukurkite ryškesnį CTA mygtuką su pasirinktiniu stiliumi:

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

Įkeliama automatiškai

Metodas ask() prieš siųsdamas palaukia, kol valdiklis baigs krautis, todėl veikia net jei lankytojas spustelėja vos įsikrovus puslapiui — jums nereikia tikrinti, ar valdiklis paruoštas.

Pilna API nuoroda

Metodas	Aprašymas
`AsyntaiWidget.ask("message")`	Atveria pokalbį ir nusiunčia žinutę taip, lyg ją būtų įvedęs lankytojas
`AsyntaiWidget.open()`	Atidaro pokalbių valdiklį
`AsyntaiWidget.close()`	Uždaro pokalbių valdiklį
`AsyntaiWidget.toggle()`	Atidaro arba uždaro pokalbį