Comment ajouter le chatbot IA Asyntai à WooCommerce

Guide étape par étape pour les boutiques WooCommerce

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 : Utiliser un plugin (recommandé)

La façon la plus simple d'ajouter le chatbot à votre boutique WooCommerce est d'utiliser un plugin gratuit d'en-tête/pied de page :

Log in to your WordPress Admin Dashboard
Accédez à Extensions → Ajouter
Recherchez « Insert Headers and Footers » par WPCode (ou un plugin similaire)
Cliquez sur "Install Now" puis sur "Activate"
Accédez à Code Snippets → Header & Footer (ou la page de paramètres du plugin)
Collez votre code d'intégration Asyntai dans la section "Footer"
Cliquez sur "Save Changes"

Astuce : L'ajout du code dans le pied de page garantit qu'il se charge après le contenu de votre boutique, ce qui est idéal pour les widgets de chat et ne ralentira pas le chargement de votre page ni n'interférera avec les fonctionnalités de WooCommerce.

Alternative : Utilisation du personnalisateur de thème

De nombreux thèmes WooCommerce disposent d'options intégrées pour ajouter des scripts personnalisés :

Accédez à Apparence → Personnaliser
Recherchez une section appelée « Additional CSS/JS », « Custom Code » ou « Footer Scripts »
Collez votre code d'intégration Asyntai dans le champ approprié
Click "Publish" to save your changes

Note : Tous les thèmes ne disposent pas de cette option. Si votre thème n'inclut pas de champs de script personnalisé, utilisez la méthode plugin ou modifiez le fichier functions.php de votre thème.

Alternative : Modifier les fichiers du thème (functions.php)

For developers or those comfortable editing theme files:

Accédez à Apparence → Éditeur de fichiers du thème
Sélectionnez votre thème actif (ou de préférence votre thème enfant)
Ouvrez le fichier functions.php
Ajoutez le code suivant à la fin du fichier :
function add_asyntai_chatbot() { echo '<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>'; } add_action('wp_footer', 'add_asyntai_chatbot');
Replace YOUR_WIDGET_ID with your actual widget ID
Cliquez sur "Update File"

Important : Utilisez toujours un thème enfant lorsque vous modifiez les fichiers du thème. Les modifications apportées au thème parent seront perdues lors de la mise à jour de votre thème. Si vous n'êtes pas à l'aise avec la modification du code, utilisez plutôt la méthode par plugin.

Alternative : Hook spécifique à WooCommerce

Pour charger le chatbot uniquement sur les pages WooCommerce (boutique, produit, panier, paiement) :

Add this code to your theme's functions.php file:
function add_asyntai_chatbot_woocommerce() { if (is_woocommerce() || is_cart() || is_checkout() || is_account_page()) { echo '<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>'; } } add_action('wp_footer', 'add_asyntai_chatbot_woocommerce');
Replace YOUR_WIDGET_ID with your actual widget ID
Enregistrez le fichier

Astuce : Cette méthode est utile si vous souhaitez que le chatbot IA n'apparaisse que sur les pages de votre boutique pour aider les clients avec les produits et les commandes, plutôt que sur l'ensemble de votre site web.

Étape 3 : Vérifier l'installation

Après avoir enregistré vos modifications, visitez votre boutique WooCommerce 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 ? Si vous avez un plugin de cache installé (comme WP Super Cache, W3 Total Cache ou WP Rocket), videz d'abord votre cache. Essayez également de vider le cache de votre navigateur ou de consulter la page dans une fenêtre de navigation privée.