Ingesloten chat

Toon de chatwidget inline op uw pagina in plaats van als een zwevende bubbel

Alle abonnementen

Overzicht

Standaard verschijnt de Asyntai-chatwidget als een zwevende bubbel in de hoek van uw website. Met Ingesloten Chat kunt u de chat ook direct op uw pagina weergeven — bijvoorbeeld in een "Chat met ons"-sectie op uw startpagina.

De zwevende bubbel werkt nog steeds naast de ingesloten chat. Bezoekers die niet naar de ingesloten sectie scrollen, kunnen nog steeds de bubbel gebruiken. Beide delen hetzelfde gesprek.

Hoe het werkt

Voeg één scripttag toe Plaats het waar u de chat wilt laten verschijnen in uw HTML

Chat wordt inline weergegeven De widget verschijnt op die positie, altijd zichtbaar, dezelfde grootte als de reguliere chat

Bubbel blijft actief De zwevende bubbel blijft in de hoek voor bezoekers die de ingesloten chat niet zien

Gedeeld gesprek Berichten worden in realtime gesynchroniseerd tussen de ingesloten chat en de zwevende widget

Instellen

Voeg deze enkele regel HTML toe waar u de chat op uw pagina wilt laten verschijnen:

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

Vervang YOUR_WIDGET_ID door uw widget-ID. U vindt uw insluitcode met uw ID vooraf ingevuld op de Ingesloten Chat-installatiepagina.

Opmerking: Het hoofdscript chat-widget.js moet ook op de pagina staan. Als u de Asyntai-widget al op uw site heeft geïnstalleerd, is dit al geregeld.

Voorbeeld

Zo kunt u het gebruiken op een startpagina:

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

Details

Afmetingen

De ingesloten chat wordt weergegeven in dezelfde grootte als de zwevende widget: 400px breed en 650px hoog op desktop, volledige breedte en 550px hoog op mobiel. U kunt de positie bepalen door de bovenliggende container op te maken.

Gedrag zwevende bubbel

Wanneer de ingesloten chat zichtbaar is op het scherm en een bezoeker op de zwevende bubbel klikt, wordt er naar de ingesloten chat gescrolld. Als de ingesloten chat niet in beeld is, opent de bubbel de reguliere zwevende chatoverlay.

Berichtensynchronisatie

Zowel de ingesloten als de zwevende chat delen hetzelfde gesprek. Berichten die vanuit een van beide worden verzonden, verschijnen in beide. Dezelfde sessie, AI-context en chatgeschiedenis worden gebruikt.

Meerdere pagina's

U kunt ingesloten chat op sommige pagina's gebruiken en de reguliere zwevende widget op andere. Voeg gewoon het insluitscript toe op de pagina's waar u de inline chat wilt. Het gesprek wordt zoals gebruikelijk overgedragen tussen pagina's.

Live voorbeeld

Hier is een live ingesloten chat zodat u kunt zien hoe het eruitziet:

Vereisten

De hoofd Asyntai-chatwidget (chat-widget.js) moet op de pagina geïnstalleerd zijn

Werkt op alle abonnementen — geen upgrade vereist

Compatibel met alle browsers die Shadow DOM ondersteunen (alle moderne browsers)

Tip: Test de ingesloten chat door deze eerst op een testpagina te plaatsen. Zorg ervoor dat het er goed uitziet binnen uw paginalay-out voordat u het naar productie pusht.

Documentatie