Comment ajouter le chatbot IA Asyntai à Weebly

Guide étape par étape pour les sites Weebly

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 : Choisir la méthode d'installation

Il existe plusieurs façons d'ajouter le widget de chat à votre site Weebly. Choisissez la méthode qui vous convient le mieux :

Méthode 1 : code de pied de page pour tout le site (recommandée)

Cette méthode ajoute automatiquement le chatbot à chaque page de votre site Weebly.

Connectez-vous à votre compte Weebly et ouvrez l'éditeur de site
Cliquez sur Settings dans le menu supérieur
Sélectionnez SEO dans la barre latérale gauche
Scroll down to find the Footer Code section
Collez votre code d'intégration Asyntai dans la boîte Footer Code
Cliquez sur Save
Click Publish to make the changes live

Pourquoi le code en pied de page ? L'ajout du script dans le pied de page garantit qu'il se charge après le contenu de votre page, ce qui est optimal pour les performances et ne ralentira pas votre site.

Méthode 2 : installation sur une seule page

Si vous souhaitez le chatbot uniquement sur des pages spécifiques, utilisez cette méthode pour chaque page :

In the Weebly editor, click on Pages in the top menu
Sélectionnez la page où vous souhaitez ajouter le chatbot
Cliquez sur SEO Settings (ou Advanced Settings) pour cette page
Trouvez la section Footer Code
Collez votre code d'intégration Asyntai
Cliquez sur Save
Répétez pour toutes les autres pages où vous souhaitez le chatbot
Click Publish to make the changes live

Note : Le code au niveau de la page n'affecte que cette page spécifique. Si vous souhaitez le chatbot sur plusieurs pages, la méthode à l'échelle du site est plus efficace.

Méthode 3 : utilisation de l'élément de code d'intégration

Vous pouvez également utiliser l'élément Code d'intégration de Weebly, bien que la méthode par pied de page soit préférée pour les widgets de chat :

Dans l'éditeur Weebly, allez dans l'onglet Build
Trouvez l'élément Embed Code dans la section Basic
Glissez l'élément Embed Code sur votre page (de préférence en bas)
Click on the element and select Edit Custom HTML
Collez votre code d'intégration Asyntai
Cliquez en dehors de l'élément pour enregistrer
Click Publish to make the changes live

Important : L'élément Code d'intégration n'affichera pas d'aperçu dans l'éditeur. Vous devrez publier votre site pour voir le chatbot fonctionner.

Étape 3 : Vérifier l'installation

Après avoir publié votre site, visitez 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 ? Weebly n'affiche pas d'aperçu pour le code ajouté dans les sections en-tête/pied de page. Assurez-vous d'avoir cliqué sur « Publish » pour que vos modifications soient mises en ligne. Essayez de vider le cache de votre navigateur ou de consulter le site dans une fenêtre de navigation privée.

Note sur Weebly Square Online

Si vous utilisez Square Online (la plateforme e-commerce de Weebly), les étapes sont similaires :

Accédez à votre tableau de bord Square Online
Accédez à Website > Site Settings
Recherchez Advanced Settings ou Custom Code
Ajoutez votre code d'intégration Asyntai à la section pied de page
Enregistrez et publiez vos modifications

Documentation