Innebygd chat

Vis chat-widgeten innebygd på siden din i stedet for som en flytende boble

Alle planer

Oversikt

Som standard vises Asyntai chat-widgeten som en flytende boble i hjørnet av nettsiden din. Med Innebygd chat kan du også vise chatten direkte på siden din — for eksempel i en «Chat med oss»-seksjon på hjemmesiden din.

Den flytende boblen fungerer fortsatt ved siden av den innebygde chatten. Besøkende som ikke scroller til den innebygde seksjonen kan fortsatt bruke boblen. Begge deler samme samtale.

Slik fungerer det

Legg til én script-tag Plasser den der du vil at chatten skal vises i HTML-en din

Chatten gjengis innebygd Widgeten vises på den posisjonen, alltid synlig, samme størrelse som den vanlige chatten

Boblen forblir aktiv Den flytende boblen forblir i hjørnet for besøkende som ikke ser den innebygde chatten

Delt samtale Meldinger synkroniseres mellom den innebygde chatten og den flytende widgeten i sanntid

Oppsett

Legg til denne ene linjen med HTML der du vil at chatten skal vises på siden din:

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

Erstatt YOUR_WIDGET_ID med widget-ID-en din. Du finner innbyggingskoden din med ID-en ferdig utfylt på oppsettsiden for Innebygd chat.

Merk: Hovedskriptet chat-widget.js må også være på siden. Hvis du allerede har installert Asyntai-widgeten på nettstedet ditt, er dette allerede ivaretatt.

Eksempel

Slik kan du bruke det på en hjemmeside:

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

Den innebygde chatten gjengis i samme størrelse som den flytende widgeten: 400px bred og 650px høy på skrivebord, full bredde og 550px høy på mobil. Du kan kontrollere plasseringen ved å style den overordnede beholderen.

Flytende boble-oppførsel

Når den innebygde chatten er synlig på skjermen og en besøkende klikker på den flytende boblen, scrolles det til den innebygde chatten. Hvis den innebygde chatten ikke er synlig, åpner boblen det vanlige flytende chat-overlegget.

Meldingssynkronisering

Både den innebygde og flytende chatten deler samme samtale. Meldinger sendt fra en av dem vises i begge. Samme økt, AI-kontekst og chat-historikk brukes.

Flere sider

Du kan bruke innebygd chat på noen sider og den vanlige flytende widgeten på andre. Bare inkluder innebyggingsskriptet på sidene der du vil ha den innebygde chatten. Samtalen overføres mellom sider som vanlig.

Direktevisning

Her er en live innebygd chat slik at du kan se hvordan den ser ut:

Krav

Hoved-Asyntai chat-widgeten (chat-widget.js) må være installert på siden

Fungerer på alle planer — ingen oppgradering nødvendig

Kompatibel med alle nettlesere som støtter Shadow DOM (alle moderne nettlesere)

Tips: Test den innebygde chatten ved å plassere den på en testside først. Sørg for at den ser riktig ut i sideoppsettet ditt før du publiserer til produksjon.

Dokumentasjon