Chat intégré

Affichez le widget de chat directement dans votre page au lieu d’une bulle flottante

Tous les forfaits

Aperçu

Par défaut, le widget de chat Asyntai apparaît sous forme de bulle flottante dans le coin de votre site web. Avec le chat intégré, vous pouvez également afficher le chat directement sur votre page — par exemple, dans une section "Chattez avec nous" sur votre page d'accueil.

La bulle flottante fonctionne toujours en parallèle du chat intégré. Les visiteurs qui ne font pas défiler jusqu'à la section intégrée peuvent toujours utiliser la bulle. Les deux partagent la même conversation.

Comment ça marche

Ajouter une balise script Placez-le là où vous souhaitez que le chat apparaisse dans votre HTML

Le chat s'affiche en ligne Le widget apparaît à cette position, toujours visible, de la même taille que le chat classique

La bulle reste active La bulle flottante reste dans le coin pour les visiteurs qui ne voient pas le chat intégré

Conversation partagée Les messages se synchronisent entre le chat intégré et le widget flottant en temps réel

Configuration

Ajoutez cette seule ligne de HTML à l'endroit où vous souhaitez que le chat apparaisse sur votre page :

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

Remplacez YOUR_WIDGET_ID par votre identifiant de widget. Vous pouvez trouver votre code d'intégration avec votre identifiant pré-rempli sur la page de configuration du Chat intégré.

Note : Le script principal chat-widget.js doit également être présent sur la page. Si vous avez déjà installé le widget Asyntai sur votre site, c'est déjà pris en charge.

Exemple

Voici comment vous pourriez l'utiliser sur une page d'accueil :

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

Détails

Dimensionnement

Le chat intégré s'affiche à la même taille que le widget flottant : 400 px de large et 650 px de haut sur ordinateur, pleine largeur et 550 px de haut sur mobile. Vous pouvez contrôler son emplacement en stylisant le conteneur parent.

Comportement de la bulle flottante

Lorsque le chat intégré est visible à l'écran et qu'un visiteur clique sur la bulle flottante, la page défile jusqu'au chat intégré. Si le chat intégré n'est pas visible, la bulle ouvre le chat flottant habituel.

Synchronisation des messages

Le chat intégré et le chat flottant partagent la même conversation. Les messages envoyés depuis l'un apparaissent dans les deux. La même session, le même contexte IA et le même historique de chat sont utilisés.

Pages multiples

Vous pouvez utiliser le chat intégré sur certaines pages et le widget flottant classique sur d'autres. Il suffit d'inclure le script d'intégration sur les pages où vous souhaitez le chat en ligne. La conversation se poursuit entre les pages comme d'habitude.

Aperçu en direct

Voici un chat intégré en direct pour que vous puissiez voir le rendu :

Prérequis

Le widget de chat principal Asyntai (chat-widget.js) doit être installé sur la page

Fonctionne avec tous les plans — aucune mise à niveau requise

Compatible avec tous les navigateurs prenant en charge le Shadow DOM (tous les navigateurs modernes)

Astuce : Testez le chat intégré en le plaçant d'abord sur une page de pré-production. Assurez-vous qu'il s'affiche correctement dans la mise en page de votre site avant de le mettre en production.

Documentation