Vgrajen klepet

Prikažite pripomoček za klepet vgrajen na vaši strani namesto kot plavajoči mehurček

Vsi načrti

Pregled

Privzeto se pripomoček za klepet Asyntai pojavi kot plavajoči mehurček v kotu vašega spletnega mesta. Z vgrajenim klepetom lahko klepet prikažete tudi neposredno na svoji strani — na primer v razdelku "Klepetajte z nami" na svoji domači strani.

Plavajoči mehurček še vedno deluje poleg vgrajenega klepeta. Obiskovalci, ki se ne pomaknejo do vgrajenega razdelka, lahko še vedno uporabljajo mehurček. Oba si delita isti pogovor.

Kako deluje

Dodajte eno oznako skripta Postavite jo kamorkoli želite, da se klepet pojavi v vašem HTML

Klepet se prikaže vgrajen Pripomoček se pojavi na tem položaju, vedno viden, enake velikosti kot običajen klepet

Mehurček ostane aktiven Plavajoči mehurček ostane v kotu za obiskovalce, ki ne vidijo vgrajenega klepeta

Skupni pogovor Sporočila se sinhronizirajo med vgrajenim klepetom in plavajočim pripomočkom v realnem času

Nastavitev

Dodajte to eno vrstico HTML kamorkoli želite, da se klepet pojavi na vaši strani:

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

Zamenjajte YOUR_WIDGET_ID s svojim ID-jem pripomočka. Kodo za vdelavo s prednastavljenim ID-jem lahko najdete na strani za nastavitev vgrajenega klepeta.

Opomba: Glavni skript chat-widget.js mora biti prav tako na strani. Če ste že namestili pripomoček Asyntai na svojem spletnem mestu, je to že urejeno.

Primer

Tukaj je, kako ga lahko uporabite na domači strani:

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

Podrobnosti

Velikost

Vgrajeni klepet se prikaže v enaki velikosti kot plavajoči pripomoček: 400px širok in 650px visok na namiznem računalniku, polne širine in 550px visok na mobilni napravi. Položaj lahko nadzorujete z oblikovanjem nadrejenega vsebnika.

Obnašanje plavajočega mehurčka

Ko je vgrajeni klepet viden na zaslonu in obiskovalec klikne plavajoči mehurček, se pomakne do vgrajenega klepeta. Če vgrajeni klepet ni v pogledu, mehurček odpre običajen plavajoči prekrivni klepet.

Sinhronizacija sporočil

Tako vgrajeni kot plavajoči klepet si delita isti pogovor. Sporočila, poslana iz katerega koli, se pojavijo v obeh. Uporablja se ista seja, kontekst UI in zgodovina klepeta.

Več strani

Vgrajeni klepet lahko uporabite na nekaterih straneh in običajen plavajoči pripomoček na drugih. Preprosto vključite skript za vdelavo na straneh, kjer želite vgrajen klepet. Pogovor se prenaša med stranmi kot običajno.

Predogled v živo

Tukaj je vgrajen klepet v živo, da si ogledate, kako izgleda:

Zahteve

Glavni pripomoček za klepet Asyntai (chat-widget.js) mora biti nameščen na strani

Deluje na vseh načrtih — nadgradnja ni potrebna

Združljivo z vsemi brskalniki, ki podpirajo Shadow DOM (vsi sodobni brskalniki)

Nasvet: Preizkusite vgrajeni klepet tako, da ga najprej postavite na testno stran. Prepričajte se, da znotraj postavitve vaše strani pravilno izgleda, preden ga objavite v produkcijo.

Dokumentacija