Inbäddad chatt

Visa chattwidgeten inbäddad på din sida istället för som en flytande bubbla

Alla planer

Översikt

Som standard visas Asyntais chattwidget som en flytande bubbla i hörnet av din webbplats. Med inbäddad chatt kan du även visa chatten direkt på din sida — till exempel i ett "Chatta med oss"-avsnitt på din startsida.

Den flytande bubblan fungerar fortfarande tillsammans med den inbäddade chatten. Besökare som inte scrollar till det inbäddade avsnittet kan fortfarande använda bubblan. Båda delar samma konversation.

Hur det fungerar

Lägg till en script-tagg Placera det där du vill att chatten ska visas i din HTML

Chatten renderas inuti sidan Widgeten visas på den positionen, alltid synlig, i samma storlek som den vanliga chatten

Bubblan förblir aktiv Den flytande bubblan finns kvar i hörnet för besökare som inte ser den inbäddade chatten

Delad konversation Meddelanden synkroniseras mellan den inbäddade chatten och den flytande widgeten i realtid

Konfiguration

Lägg till den här enstaka HTML-raden var du vill att chatten ska visas på din sida:

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

Ersätt YOUR_WIDGET_ID med ditt widget-ID. Du hittar din inbäddningskod med ditt ID förifyllt på installationssidan för inbäddad chatt.

Obs! Huvudskriptet chat-widget.js måste också finnas på sidan. Om du redan har installerat Asyntai-widgeten på din webbplats är detta redan ordnat.

Exempel

Så här kan du använda det på en startsida:

<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

Storlek

Den inbäddade chatten renderas i samma storlek som den flytande widgeten: 400px bred och 650px hög på dator, full bredd och 550px hög på mobil. Du kan styra var den sitter genom att styla föräldracontainern.

Beteende för flytande bubbla

När den inbäddade chatten är synlig på skärmen och en besökare klickar på den flytande bubblan scrollas det till den inbäddade chatten. Om den inbäddade chatten inte är synlig öppnar bubblan den vanliga flytande chattöverlagringen.

Meddelandesynkronisering

Både den inbäddade och den flytande chatten delar samma konversation. Meddelanden som skickas från endera visas i båda. Samma session, AI-kontext och chatthistorik används.

Flera sidor

Du kan använda inbäddad chatt på vissa sidor och den vanliga flytande widgeten på andra. Inkludera bara embed-scriptet på sidorna där du vill ha den inbyggda chatten. Konversationen förs över mellan sidor som vanligt.

Liveförhandsvisning

Här är en inbäddad livechatt så att du kan se hur det ser ut:

Krav

Asyntais huvud-chattwidget (chat-widget.js) måste vara installerad på sidan

Fungerar på alla plans — ingen uppgradering krävs

Kompatibel med alla webbläsare som stödjer Shadow DOM (alla moderna webbläsare)

Tips: Testa den inbäddade chatten genom att först placera den på en testmiljösida. Se till att den ser rätt ut i din sidlayout innan du publicerar till produktion.

Dokumentation