Vložený chat

Zobrazte chatovací widget priamo na stránke namiesto plávajúcej bubliny

Všetky plány

Prehľad

Predvolene sa chatovací widget Asyntai zobrazuje ako plávajúca bublina v rohu vašej webovej stránky. S Vloženým chatom môžete tiež zobraziť chat priamo na vašej stránke — napríklad v sekcii "Chatujte s nami" na vašej domovskej stránke.

Plávajúca bublina funguje naďalej popri vloženom chate. Návštevníci, ktorí sa neposunú k vloženej sekcii, môžu stále používať bublinu. Obe zdieľajú rovnakú konverzáciu.

Ako to funguje

Pridajte jeden script tag Umiestnite ho tam, kde chcete, aby sa chat zobrazoval vo vašom HTML

Chat sa vykreslí priamo v stránke Widget sa zobrazí na tej pozícii, vždy viditeľný, rovnakej veľkosti ako bežný chat

Bublina zostáva aktívna Plávajúca bublina zostáva v rohu pre návštevníkov, ktorí nevidia vložený chat

Zdieľaná konverzácia Správy sa synchronizujú medzi vloženým chatom a plávajúcim widgetom v reálnom čase

Nastavenie

Pridajte tento jeden riadok HTML tam, kde chcete, aby sa chat zobrazoval na vašej stránke:

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

Nahraďte YOUR_WIDGET_ID vaším ID widgetu. Svoj vkladací kód s predvyplneným ID nájdete na stránke nastavenia Vloženého chatu.

Poznámka: Hlavný skript chat-widget.js musí byť tiež na stránke. Ak ste už nainštalovali widget Asyntai na svojom webe, toto je už zabezpečené.

Príklad

Tu je príklad, ako ho môžete použiť na domovskej stránke:

<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

Veľkosť

Vložený chat sa vykreslí v rovnakej veľkosti ako plávajúci widget: 400px široký a 650px vysoký na počítači, plná šírka a 550px vysoký na mobile. Pozíciu môžete ovládať štylovaním rodičovského kontajnera.

Správanie plávajúcej bubliny

Keď je vložený chat viditeľný na obrazovke a návštevník klikne na plávajúcu bublinu, stránka sa posunie k vloženému chatu. Ak vložený chat nie je viditeľný, bublina otvorí bežný plávajúci chatový prekryv.

Synchronizácia správ

Vložený aj plávajúci chat zdieľajú rovnakú konverzáciu. Správy odoslané z ktoréhokoľvek sa zobrazujú v oboch. Používa sa rovnaká relácia, AI kontext a história chatu.

Viacero stránok

Vložený chat môžete použiť na niektorých stránkach a bežný plávajúci widget na iných. Stačí zahrnúť vkladací skript na stránky, kde chcete priamy chat. Konverzácia sa prenáša medzi stránkami ako obvykle.

Živý náhľad

Tu je živý vložený chat, aby ste videli, ako vyzerá:

Požiadavky

Hlavný chatovací widget Asyntai (chat-widget.js) musí byť nainštalovaný na stránke

Funguje na všetkých plánoch — nie je potrebný upgrade

Kompatibilný so všetkými prehliadačmi, ktoré podporujú Shadow DOM (všetky moderné prehliadače)

Tip: Otestujte vložený chat tak, že ho najprv umiestnite na testovaciu stránku. Pred nasadením do produkcie sa uistite, že vyzerá správne v rámci rozloženia vašej stránky.

Dokumentácia