Ugrađeni chat

Prikažite chat widget unutar stranice umjesto kao plutajući oblačić

Svi planovi

Pregled

Prema zadanim postavkama, Asyntai chat widget pojavljuje se kao plutajući oblačić u kutu vaše web stranice. S ugrađenim chatom možete prikazati chat izravno na svojoj stranici — na primjer, u odjeljku "Razgovarajte s nama" na početnoj stranici.

Plutajući oblačić i dalje radi uz ugrađeni chat. Posjetitelji koji se ne pomaknu do ugrađenog odjeljka i dalje mogu koristiti oblačić. Oboje dijele isti razgovor.

Kako funkcionira

Dodajte jednu skriptnu oznaku Stavite je gdje god želite da se chat pojavi u vašem HTML-u

Chat se prikazuje unutar stranice Widget se pojavljuje na tom položaju, uvijek vidljiv, iste veličine kao redovni chat

Oblačić ostaje aktivan Plutajući oblačić ostaje u kutu za posjetitelje koji ne vide ugrađeni chat

Dijeljeni razgovor Poruke se sinkroniziraju između ugrađenog chata i plutajućeg widgeta u stvarnom vremenu

Postavljanje

Dodajte ovaj jedan redak HTML-a gdje god želite da se chat pojavi na vašoj stranici:

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

Zamijenite YOUR_WIDGET_ID svojim ID-om widgeta. Svoj kod za ugradnju s unaprijed ispunjenim ID-om možete pronaći na stranici za postavljanje ugrađenog chata.

Napomena: Glavna chat-widget.js skripta također mora biti na stranici. Ako ste već instalirali Asyntai widget na svoju stranicu, to je već riješeno.

Primjer

Evo kako biste to mogli koristiti na početnoj stranici:

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

Detalji

Dimenzioniranje

Ugrađeni chat se prikazuje u istoj veličini kao plutajući widget: 400px širok i 650px visok na stolnom računalu, pune širine i 550px visok na mobilnom uređaju. Možete kontrolirati gdje se nalazi stiliziranjem roditeljskog spremnika.

Ponašanje plutajućeg oblačića

Kada je ugrađeni chat vidljiv na zaslonu i posjetitelj klikne plutajući oblačić, stranica se pomiče do ugrađenog chata. Ako ugrađeni chat nije u vidnom polju, oblačić otvara redovni plutajući chat overlay.

Sinkronizacija poruka

I ugrađeni i plutajući chat dijele isti razgovor. Poruke poslane iz jednog pojavljuju se u oba. Koriste se ista sesija, AI kontekst i povijest chata.

Više stranica

Možete koristiti ugrađeni chat na nekim stranicama, a redovni plutajući widget na drugima. Samo uključite skriptu za ugradnju na stranicama gdje želite chat unutar stranice. Razgovor se prenosi između stranica kao i obično.

Pregled uživo

Evo ugrađenog chata uživo da vidite kako izgleda:

Zahtjevi

Glavni Asyntai chat widget (chat-widget.js) mora biti instaliran na stranici

Radi na svim planovima — nije potrebna nadogradnja

Kompatibilan sa svim preglednicima koji podržavaju Shadow DOM (svi moderni preglednici)

Savjet: Testirajte ugrađeni chat postavljanjem na testnu stranicu. Provjerite izgleda li ispravno unutar rasporeda vaše stranice prije objave.

Dokumentacija