Vložený chat

Zobrazte chatovací widget přímo na stránce místo plovoucí bubliny

Všechny plány

Přehled

Ve výchozím nastavení se chatovací widget Asyntai zobrazuje jako plovoucí bublina v rohu vašeho webu. S funkcí Embedded Chat můžete chat zobrazit přímo na stránce — například v sekci „Napište nám“ na vaší hlavní stránce.

Plovoucí bublina funguje i nadále vedle vloženého chatu. Návštěvníci, kteří nescrollují k vložené sekci, mohou stále používat bublinu. Obě sdílejí stejnou konverzaci.

Jak to funguje

Přidejte jeden script tag Umístěte ho kamkoliv v HTML, kde chcete chat zobrazit

Chat se vykresluje přímo na stránce Widget se zobrazí na dané pozici, vždy viditelný, stejně velký jako běžný chat

Bublina zůstává aktivní Plovoucí bublina zůstává v rohu pro návštěvníky, kteří nevidí vložený chat

Sdílená konverzace Zprávy se synchronizují mezi vloženým chatem a plovoucí bublinou v reálném čase

Nastavení

Přidejte tento jediný řádek HTML kamkoliv, kde chcete chat na stránce zobrazit:

<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. Kód pro vložení s předvyplněným ID najdete na stránce nastavení Embedded Chat.

Poznámka: Hlavní skript chat-widget.js musí být také na stránce. Pokud jste již nainstalovali widget Asyntai na svůj web, je o toto již postaráno.

Příklad

Takto ho můžete použít na hlavní stránce:

<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

Rozměry

Vložený chat se vykresluje ve stejné velikosti jako plovoucí widget: 400 px na šířku a 650 px na výšku na počítači, na celou šířku a 550 px na výšku na mobilu. Pozici můžete ovládat stylováním rodičovského kontejneru.

Chování plovoucí bubliny

Když je vložený chat viditelný na obrazovce a návštěvník klikne na plovoucí bublinu, stránka se posune k vloženému chatu. Pokud vložený chat není v zorném poli, bublina otevře běžné překryvné okno plovoucího chatu.

Synchronizace zpráv

Vložený i plovoucí chat sdílejí stejnou konverzaci. Zprávy odeslané z kteréhokoliv z nich se zobrazí v obou. Používá se stejná relace, AI kontext a historie chatu.

Více stránek

Na některých stránkách můžete použít vložený chat a na jiných běžný plovoucí widget. Stačí přidat skript pro vložení na stránky, kde chcete chat přímo v obsahu. Konverzace se přenáší mezi stránkami jako obvykle.

Živý náhled

Zde je živý vložený chat, abyste viděli, jak vypadá:

Požadavky

Hlavní chatovací widget Asyntai (chat-widget.js) musí být nainstalovaný na stránce

Funguje na všech plánech — není potřeba upgrade

Kompatibilní se všemi prohlížeči, které podporují Shadow DOM (všechny moderní prohlížeče)

Tip: Otestujte vložený chat tak, že ho nejprve umístíte na testovací stránku. Ujistěte se, že vypadá správně v rámci rozvrzeni vaší stránky, než ho nasadíte do produkce.

Dokumentace