Upotettu chat

Näytä chat-widget upotettuna sivullasi kelluvan kuplan sijaan

Kaikki tilaukset

Yleiskatsaus

Oletuksena Asyntai-chat-widget näkyy kelluvana kuplana verkkosivustosi kulmassa. Upotetulla chatilla voit myös näyttää chatin suoraan sivullasi — esimerkiksi "Keskustele kanssamme" -osiossa etusivullasi.

Kelluva kupla toimii edelleen upotetun chatin rinnalla. Kävijät, jotka eivät vieritä upotettuun osioon, voivat silti käyttää kuplaa. Molemmat jakavat saman keskustelun.

Miten se toimii

Lisää yksi script-tagi Sijoita se sinne, missä haluat chatin näkyvän HTML-koodissasi

Chat renderöityy rivin sisään Widget näkyy kyseisessä sijainnissa, aina näkyvissä, samankokoinen kuin tavallinen chat

Kupla pysyy aktiivisena Kelluva kupla pysyy kulmassa kävijöille, jotka eivät näe upotettua chattia

Jaettu keskustelu Viestit synkronoituvat upotetun chatin ja kelluvan widgetin välillä reaaliajassa

Asennus

Lisää tämä yksittäinen HTML-rivi sinne, missä haluat chatin näkyvän sivullasi:

<script src="https://asyntai.com/static/js/chat-embed.js" data-asyntai-id="YOUR_WIDGET_ID"></script>

Korvaa YOUR_WIDGET_ID widget-tunnuksellasi. Löydät upotuskoodisi valmiiksi täytetyllä tunnuksellasi Upotetun chatin asetussivulta.

Huomautus: Pääskriptin chat-widget.js on myös oltava sivulla. Jos olet jo asentanut Asyntai-widgetin sivustollesi, tämä on jo hoidettu.

Esimerkki

Näin voit käyttää sitä etusivulla:

<section style="max-width: 500px; margin: 0 auto;">
    <h2>Chat with us</h2>
    <p>Ask us anything — our AI assistant is here to help.</p>

    <!-- The chat will appear right here -->
    <script src="https://asyntai.com/static/js/chat-embed.js" data-asyntai-id="YOUR_WIDGET_ID"></script>
</section>

Tiedot

Koko

Upotettu chat renderöityy samankokoisena kuin kelluva widget: 400px leveä ja 650px korkea työpöydällä, koko leveys ja 550px korkea mobiilissa. Voit hallita sen sijaintia muotoilemalla ylätason säilöelementtiä.

Kelluvan kuplan toiminta

Kun upotettu chat on näkyvissä näytöllä ja kävijä napsauttaa kelluvaa kuplaa, se vierittää upotettuun chattiin. Jos upotettu chat ei ole näkyvissä, kupla avaa tavallisen kelluvan chat-peittokuvan.

Viestien synkronointi

Sekä upotettu että kelluva chat jakavat saman keskustelun. Kummasta tahansa lähetetyt viestit näkyvät molemmissa. Samaa istuntoa, tekoälykontekstia ja keskusteluhistoriaa käytetään.

Useita sivuja

Voit käyttää upotettua chattia joillakin sivuilla ja tavallista kelluvaa widgetiä toisilla. Sisällytä upotuskoodi vain sivuille, joilla haluat rivin sisäisen chatin. Keskustelu jatkuu sivujen välillä normaalisti.

Live-esikatselu

Tässä on live-upotettu chat, jotta näet miltä se näyttää:

Vaatimukset

Asyntain pääasiallinen chat-widget (chat-widget.js) on asennettava sivulle

Toimii kaikissa paketeissa — päivitystä ei tarvita

Yhteensopiva kaikkien Shadow DOM:ia tukevien selainten kanssa (kaikki nykyaikaiset selaimet)

Vinkki: Testaa upotettu chat sijoittamalla se ensin testisivulle. Varmista, että se näyttää oikealta sivusi asettelussa ennen tuotantoon vientiä.

Dokumentaatio