Chat integrat

Afișează widget-ul de chat în linie pe pagina ta în loc de un balon flotant

Toate planurile

Prezentare generală

Implicit, widget-ul de chat Asyntai apare ca un balon flotant în colțul site-ului tău. Cu Chat-ul integrat, poți afișa chat-ul și direct pe pagina ta — de exemplu, într-o secțiune "Discută cu noi" pe pagina principală.

Balonul flotant funcționează în continuare alături de chat-ul integrat. Vizitatorii care nu derulează până la secțiunea integrată pot folosi în continuare balonul. Ambele partajează aceeași conversație.

Cum funcționează

Adaugă o etichetă script Plasează-l oriunde dorești ca chat-ul să apară în HTML-ul tău

Chat-ul se redă în linie Widget-ul apare la acea poziție, întotdeauna vizibil, aceeași dimensiune ca chat-ul obișnuit

Balonul rămâne activ Balonul flotant rămâne în colț pentru vizitatorii care nu văd chat-ul integrat

Conversație partajată Mesajele se sincronizează între chat-ul integrat și widget-ul flotant în timp real

Configurare

Adaugă această singură linie de HTML oriunde dorești ca chat-ul să apară pe pagina ta:

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

Înlocuiește YOUR_WIDGET_ID cu ID-ul tău de widget. Poți găsi codul de încorporare cu ID-ul tău pre-completat pe pagina de configurare Chat integrat.

Notă: Scriptul principal chat-widget.js trebuie să fie și el pe pagină. Dacă ai instalat deja widget-ul Asyntai pe site-ul tău, acest lucru este deja realizat.

Exemplu

Iată cum l-ai putea folosi pe o pagină principală:

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

Detalii

Dimensionare

Chat-ul integrat se redă la aceeași dimensiune ca widget-ul flotant: 400px lățime și 650px înălțime pe desktop, lățime completă și 550px înălțime pe mobil. Poți controla unde se află prin stilizarea containerului părinte.

Comportamentul balonului flotant

Când chat-ul integrat este vizibil pe ecran și un vizitator dă clic pe balonul flotant, se derulează la chat-ul integrat. Dacă chat-ul integrat nu este în vizualizare, balonul deschide suprapunerea obișnuită de chat flotant.

Sincronizare mesaje

Atât chat-ul integrat, cât și cel flotant partajează aceeași conversație. Mesajele trimise din oricare apar în ambele. Aceeași sesiune, context AI și istoric de chat sunt utilizate.

Pagini multiple

Poți folosi chat-ul integrat pe unele pagini și widget-ul flotant obișnuit pe altele. Include pur și simplu scriptul de încorporare pe paginile unde dorești chat-ul în linie. Conversația se transferă între pagini ca de obicei.

Previzualizare live

Iată un chat integrat live pentru a vedea cum arată:

Cerințe

Widget-ul principal de chat Asyntai (chat-widget.js) trebuie să fie instalat pe pagină

Funcționează pe toate planurile — nu este necesar un upgrade

Compatibil cu toate browserele care suportă Shadow DOM (toate browserele moderne)

Sfat: Testează chat-ul integrat plasându-l mai întâi pe o pagină de staging. Asigură-te că arată corect în aspectul paginii tale înainte de a-l pune în producție.

Documentație