Comment ajouter le chatbot IA Asyntai à Volusion

Guide étape par étape pour les boutiques e-commerce Volusion

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 : Sauvegarder votre thème

Avant d'apporter des modifications à votre boutique Volusion, il est important de créer une sauvegarde :

Connectez-vous à votre panneau d'administration Volusion
Accédez à Design → File Editor
Cliquez sur Archive Theme pour créer une sauvegarde
Téléchargez une copie de l'archive pour la conserver en lieu sûr

Important : Sauvegardez toujours votre thème avant de modifier le code. Cela vous permet de revenir facilement en arrière en cas de problème.

Étape 3 : Ajouter le code au modèle (recommandé)

Pour ajouter le chatbot à toutes les pages de votre boutique Volusion :

Dans votre panneau d'administration Volusion, allez dans Design → Template
Accédez à Design → Éditeur de fichiers → Raccourcis
Trouvez le fichier de modèle principal (généralement template_*.html)
Faites défiler vers le bas pour trouver la balise fermante </body>
Collez votre code d'intégration Asyntai juste avant la balise </body>
Cliquez sur Save pour appliquer les modifications
Prévisualisez votre boutique pour vérifier que le chatbot apparaît

Astuce : L'ajout du code avant la balise fermante </body> garantit des performances de chargement optimales. Cette méthode ajoute automatiquement le chatbot à chaque page de votre boutique.

Méthode alternative 1 : Injection HTML en-tête/pied de page

Volusion vous permet d'ajouter du code personnalisé via les paramètres globaux :

Connectez-vous à votre panneau d'administration Volusion
Accédez à Settings → Design Settings
Recherchez la section Custom HTML ou Footer Code
Collez votre code d'intégration Asyntai dans ce champ
Cliquez sur Save
Le code sera désormais ajouté automatiquement à toutes les pages

Note : L'emplacement exact des paramètres HTML personnalisés peut varier selon votre forfait et votre version de Volusion. Recherchez les paramètres liés à « Custom Code », « Header/Footer » ou « Global HTML ».

Méthode alternative 2 : Installation par page

Si vous préférez ajouter le chatbot à une page spécifique uniquement :

Accédez à Design → Éditeur de fichiers → Raccourcis
Créez ou modifiez un modèle spécifique à une page en utilisant la fonction PageName
Ajoutez un code conditionnel pour inclure le script uniquement sur des pages spécifiques :

<!-- Add to template file -->
<script>
if (PageName == 'home' || PageName == 'products') {
    // Your Asyntai embed code here
    var script = document.createElement('script');
    script.src = 'https://asyntai.com/static/js/chat-widget.js';
    script.setAttribute('data-asyntai-id', 'YOUR_WIDGET_ID');
    script.async = true;
    document.head.appendChild(script);
}
</script>

Astuce : Cette méthode est utile si vous souhaitez le chatbot uniquement sur certaines pages comme les pages produits, le paiement ou les pages d'assistance. Remplacez 'home' et 'products' par les noms de pages réels de votre boutique Volusion.

Méthode alternative 3 : Article CSS/HTML personnalisé

Vous pouvez également ajouter le code via un bloc article :

Dans l'administration Volusion, allez dans Articles → Articles
Créez un nouvel article ou modifiez-en un existant
Passez en vue HTML dans l'éditeur d'articles
Collez votre code d'intégration Asyntai
Enregistrez l'article
Ajoutez cet article à votre template de page ou à la barre latérale
Le chatbot apparaîtra sur les pages où cet article est affiché

Note : Cette méthode est moins courante mais peut être utile si vous avez un accès limité aux fichiers de template ou si vous souhaitez facilement activer/désactiver le chatbot en masquant/affichant l'article.

Étape 4 : Vérifier l'installation

Après avoir enregistré vos modifications, ouvrez votre boutique Volusion 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 enregistré toutes les modifications de modèle. Videz le cache de votre navigateur ou consultez le site en mode navigation privée. Volusion peut mettre les modèles en cache, les modifications peuvent donc prendre quelques minutes à apparaître. Vérifiez la console du navigateur (F12) pour toute erreur JavaScript.

Besoin d'aide ?

Si vous n'êtes pas à l'aise avec la modification des fichiers de modèle, l'équipe de support client de Volusion peut vous aider pour les demandes de code HTML et CSS personnalisés. Vous pouvez également contacter le support Asyntai pour obtenir des conseils sur l'installation du chatbot dans votre boutique Volusion.

Support professionnel : Volusion propose des services de développement personnalisé si vous avez besoin d'une assistance professionnelle pour les modifications de thèmes ou les personnalisations complexes.

Documentation