Beágyazott chat

Jelenítsd meg a chat widzetet beágyazva az oldalon lebegő buborék helyett

Minden csomag

Áttekintés

Alapértelmezés szerint az Asyntai chat widget lebegő buborékként jelenik meg a webhely sarkában. Az Embedded Chat segítségével a csevegést közvetlenül az oldalán is megjelenítheti — például a főoldal „Chat with us” szekciójában.

A lebegő buborék továbbra is működik az beágyazott csevegés mellett. A látogatók, akik nem görgetnek el az beágyazott szekcióig, továbbra is használhatják a buborékot. Mindkettő ugyanazt a beszélgetést osztja meg.

Hogyan működik

Adjon hozzá egy script-taget Helyezze el ott a HTML-kódban, ahol a csevegést meg szeretné jeleníteni

A csevegés inline módon jelenik meg A widget azon a helyen jelenik meg, mindig látható, ugyanolyan méretű, mint a szokásos csevegés

A buborék aktív marad A lebegő buborék a sarokban marad azon látogatók számára, akik nem látják az beágyazott csevegést

Megosztott beszélgetés Az üzenetek valós időben szinkronizálódnak az beágyazott csevegés és a lebegő widget között

Beállítás

Adja hozzá ezt az egysoros HTML-kódot bárhol az oldalon, ahol a csevegést meg szeretné jeleníteni:

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

Cserélje le a YOUR_WIDGET_ID részt a widget azonosítójára. Az előre kitöltött azonosítóval rendelkező beágyazási kódot az Beágyazott csevegés beállítási oldalán találja.

Megjegyzés: A fő chat-widget.js szkriptnek is az oldalon kell lennie. Ha már telepítette az Asyntai widgetet a webhelyére, ez már meg van oldva.

Példa

Így használhatja a főoldalon:

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

Részletek

Méretezés

Az beágyazott csevegés ugyanolyan méretben jelenik meg, mint a lebegő widget: 400px széles és 650px magas asztali gépen, teljes szélességű és 550px magas mobilon. A szülő konténer stílusozásával szabályozhatja, hol helyezkedik el.

Lebegő buborék viselkedése

Amikor az beágyazott csevegés látható a képernyőn és a látogató a lebegő buborékra kattint, az az beágyazott csevegéshez görget. Ha az beágyazott csevegés nincs a látómezőben, a buborék megnyitja a szokásos lebegő csevegési fedvényt.

Üzenetszinkronizálás

Az beágyazott és a lebegő csevegés ugyanazt a beszélgetést osztja meg. Az egyikből küldött üzenetek mindkettőben megjelennek. Ugyanaz a munkamenet, AI-kontextus és csevegési előzmény kerül felhasználásra.

Több oldal

Az beágyazott csevegést egyes oldalakon, a szokásos lebegő widgetet más oldalakon is használhatja. Csak illessze be a beágyazási szkriptet azokra az oldalakra, ahol az inline csevegést szeretné. A beszélgetés az oldalak között a szokásos módon folytatódik.

Élő előnézet

Íme egy élő beágyazott csevegés, hogy láthassa, hogyan néz ki:

Követelmények

A fő Asyntai csevegési widgetnek (chat-widget.js) telepítve kell lennie az oldalon

Minden csomagban működik – frissítés nem szükséges

Kompatibilis az összes Shadow DOM-ot támogató böngészővel (minden modern böngésző)

Tipp: Tesztelje a beágyazott csevegést azzal, hogy először egy tesztelési oldalra helyezi. Győződjön meg arról, hogy jól néz ki az oldal elrendezésén belül, mielőtt élesbe állítja.

Dokumentáció