Comment ajouter le chatbot IA Asyntai à Tilda

Guide étape par étape pour les sites Tilda

Plateforme :

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

Connectez-vous à votre compte Tilda et ouvrez l'éditeur de votre site
Cliquez sur Site Settings (icône d'engrenage) dans le menu supérieur
Faites défiler vers le bas jusqu'à la section "More"
Trouvez "HTML code for the HEAD section for all pages"
Cliquez sur "Edit code"
Collez votre code d'intégration Asyntai dans la boîte de texte
Cliquez sur "Save"
Cliquez sur "Publish" pour appliquer les modifications à votre site en direct

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 :

Ouvrez la page que vous souhaitez modifier dans l'Tilda editor
Cliquez sur "+ Add Block" ou appuyez sur "T"
Dans la bibliothèque de blocs, allez dans Other → T123 (Embed HTML Code)
Sinon, recherchez "T123" dans la barre de recherche
Cliquez sur le bloc T123 pour l'ajouter à votre page
Dans les paramètres du bloc, collez votre code d'intégration Asyntai
Positionnez le bloc n'importe où sur votre page (cela n'affecte pas le placement du widget)
Cliquez sur "Publish" pour mettre les modifications en ligne

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

Pour plus de contrôle, vous pouvez ajouter du code aux sections head de pages individuelles :

Ouvrez la page dans l'éditeur Tilda
Cliquez sur Page Settings (icône d'engrenage) dans le menu du haut
Accédez à l'onglet "Additional"
Trouvez "HTML code for the HEAD section"
Collez votre code d'intégration Asyntai
Cliquez sur « Save » puis « 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.