Indlejret chat

Vis chat-widgetten indlejret på din side i stedet for som en flydende boble

Alle planer

Oversigt

Som standard vises Asyntai chat-widget som en svævende boble i hjørnet af dit websted. Med Indlejret Chat kan du også vise chatten direkte på din side — for eksempel i en "Chat med os"-sektion på din startside.

Den svævende boble fungerer stadig ved siden af den indlejrede chat. Besøgende, der ikke scroller til den indlejrede sektion, kan stadig bruge boblen. Begge deler den samme samtale.

Sådan fungerer det

Tilføj ét script-tag Placer det, hvor du ønsker, at chatten skal vises i dit HTML

Chat vises inline Widget vises på den position, altid synlig, samme størrelse som den almindelige chat

Boblen forbliver aktiv Den svævende boble forbliver i hjørnet for besøgende, der ikke ser den indlejrede chat

Delt samtale Beskeder synkroniseres mellem den indlejrede chat og den svævende widget i realtid

Opsætning

Tilføj denne enkelt linje HTML, hvor du ønsker, at chatten skal vises på din side:

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

Erstat YOUR_WIDGET_ID med dit widget-ID. Du kan finde din indlejringskode med dit ID forudfyldt på opsætningssiden for Indlejret Chat.

Bemærk: Hoved-chat-widget.js-scriptet skal også være på siden. Hvis du allerede har installeret Asyntai-widget på dit websted, er dette allerede sørget for.

Eksempel

Sådan kan du bruge det på en startside:

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

Detaljer

Størrelsesangivelse

Den indlejrede chat vises i samme størrelse som den svævende widget: 400px bred og 650px høj på computer, fuld bredde og 550px høj på mobil. Du kan styre, hvor den placeres, ved at style det overordnede element.

Adfærd for svævende boble

Når den indlejrede chat er synlig på skærmen, og en besøgende klikker på den svævende boble, scrolles der til den indlejrede chat. Hvis den indlejrede chat ikke er synlig, åbner boblen det almindelige svævende chatoverlay.

Beskedsynkronisering

Både den indlejrede og svævende chat deler den samme samtale. Beskeder sendt fra en af dem vises i begge. Den samme session, AI-kontekst og chathistorik bruges.

Flere sider

Du kan bruge indlejret chat på nogle sider og den almindelige svævende widget på andre. Inkluder blot indlejringsscriptet på de sider, hvor du ønsker inline-chatten. Samtalen overføres mellem sider som sædvanligt.

Live forhåndsvisning

Her er en live indlejret chat, så du kan se, hvordan den ser ud:

Krav

Hoved-Asyntai chat-widget (chat-widget.js) skal være installeret på siden

Fungerer på alle plans — ingen opgradering påkrævet

Kompatibel med alle browsere, der understøtter Shadow DOM (alle moderne browsere)

Tip: Test den indlejrede chat ved at placere den på en testside først. Sørg for, at den ser rigtig ud i dit sidelayout, inden den publiceres i produktion.

Dokumentation