Retour au tableau de bord

Documentation

Apprenez à utiliser Asyntai

Comment ajouter le chatbot IA Asyntai à Tilda

Guide étape par étape pour les sites Tilda

Obtenir le code d'intégration

Étape 1 : Obtenir votre code d'intégration

Tout d'abord, rendez-vous sur votre Tableau de bord Asyntai et faites défiler jusqu'à la section « Code d'intégration ». Copiez votre code d'intégration unique qui ressemblera à ceci :

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

Note : Le code ci-dessus n'est qu'un exemple. Vous devez copier votre propre code d'intégration depuis votre Tableau de bord car il contient votre identifiant de widget personnel.

Étape 2 : Ajouter le code à l'ensemble de votre site (recommandé)

Pour ajouter le chatbot à toutes les pages de votre site Tilda en une seule fois, utilisez la méthode par paramètres du site :

  1. Log in to your Tilda account and open your site editor
  2. Click Site Settings (gear icon) in the top menu
  3. Scroll down to the "More" section
  4. Find "HTML code for the HEAD section for all pages"
  5. Cliquez sur "Edit code"
  6. Collez votre code d'intégration Asyntai dans la boîte de texte
  7. Cliquez sur "Save"
  8. Click "Publish" to apply changes to your live site

Astuce : Cette méthode ajoute automatiquement le chatbot à chaque page de votre site. C'est la façon la plus simple de garantir que le chatbot est disponible sur l'ensemble du site pour vos visiteurs.

Alternative : Utilisation du bloc T123 (pages spécifiques)

Si vous souhaitez ajouter le chatbot à des pages spécifiques uniquement, vous pouvez utiliser le bloc HTML T123 de Tilda :

  1. Open the page you want to edit in the Tilda editor
  2. Click "+ Add Block" or press "T"
  3. Dans la bibliothèque de blocs, allez dans Other → T123 (Embed HTML Code)
  4. Alternatively, search for "T123" in the search bar
  5. Cliquez sur le bloc T123 pour l'ajouter à votre page
  6. Dans les paramètres du bloc, collez votre code d'intégration Asyntai
  7. Positionnez le bloc n'importe où sur votre page (cela n'affecte pas le placement du widget)
  8. Click "Publish" to make the changes live

Note : Le bloc T123 prend en charge le HTML, le JavaScript (dans les balises <script>) et le CSS (dans les balises <style>). L'emplacement visuel du bloc n'a pas d'importance — le chatbot apparaîtra dans le coin inférieur droit tel que configuré.

Section Head par page (avancé)

For more control, you can add code to individual page head sections:

  1. Ouvrez la page dans l'éditeur Tilda
  2. Click Page Settings (gear icon) in the top menu
  3. Accédez à l'onglet "Additional"
  4. Trouvez "HTML code for the HEAD section"
  5. Collez votre code d'intégration Asyntai
  6. "Save" et "Publish" votre site

Important : Lorsque vous utilisez le bloc T123 ou la méthode par page, vous devrez ajouter le code à chaque page où vous souhaitez que le chatbot apparaisse. Pour une installation sur l'ensemble du site, utilisez la méthode par paramètres du site décrite à l'étape 2.

Étape 3 : Vérifier l'installation

Après avoir publié vos modifications, ouvrez votre site web dans un nouvel onglet de navigateur ou en navigation privée. Vous devriez voir le bouton du widget de chat dans le coin inférieur droit. Cliquez dessus pour vérifier qu'il s'ouvre et fonctionne correctement.

Vous ne voyez pas le widget ? Assurez-vous d'avoir publié vos modifications (pas seulement enregistré). Essayez de vider le cache de votre navigateur ou de consulter votre site dans une fenêtre de navigation privée. Les modifications sur Tilda peuvent prendre un moment avant d'apparaître sur le site en ligne.