Aller au contenu
IFG eCommerce IFG AI Chatpar IFG eCommerce®

Cette application n'est pas encore publiée sur le Shopify App Store. Ce guide décrit la version en développement et peut changer avant le lancement.

Activer le widget dans le thème

En bref

Ce que vous obtenez
Le widget activé dans le thème publié et reconnu par l'application.
Durée
2 minutes
Forfait
Tous les forfaits

Avant de commencer

L’application est installée (Installation). Pour voir réellement le bouton sur la boutique, il faut aussi au moins un canal de contact, que vous connectez dans Configurer le widget de contact. L’ordre n’a pas d’importance.

Comment ça marche, en bref

Le widget arrive dans votre boutique sous forme d’intégration d’application (App embed) : un interrupteur que Shopify place dans l’éditeur de thème pour chaque application installée. Dans l’éditeur, cet interrupteur n’a pas d’autre réglage. Canaux, couleur, position et assistant IA se gèrent uniquement dans l’application, sur la page Widget.

Pas à pas

  1. Dans l’application, ouvrez Widget dans le menu de gauche et descendez jusqu’à la section Activer dans le thème en 3 étapes.
  2. Cliquez sur Ouvrir l’éditeur de thème.

    Ce que vous verrez : dans un nouvel onglet du navigateur, l’éditeur du thème publié s’ouvre, directement sur le panneau des intégrations d’applications.

  3. Dans la liste, repérez IFG AI Chat Widget et activez l’interrupteur à côté du nom.

    Ce que vous verrez : sous le nom apparaît un court texte, pour l’instant en anglais (« Managed in the app »), qui indique que tout se gère depuis Apps › IFG AI Chat › Widget. Le bouton du widget apparaît dans l’aperçu à droite. Si aucun canal n’est encore connecté, un encadré rouge s’affiche à sa place : « Widget inactif : activez WhatsApp ou Telegram dans l’app (Apps > IFG AI Chat > Widget). »

  4. Cliquez sur Enregistrer en haut à droite de l’éditeur de thème.
  5. Revenez dans l’application, ouvrez Vue d’ensemble et, dans l’encadré Statut d’intégration du thème, cliquez sur Vérifier l’activation.

    Ce que vous verrez : pendant quelques secondes, le bouton indique « Vérification en cours… ». Puis Actif apparaît à côté de Bloc widget. En haut, l’étiquette du widget devient « Widget: Actif ».

  6. Ouvrez votre boutique publiée dans une fenêtre normale du navigateur et vérifiez que le bouton est dans le coin choisi.

Attention : après l’enregistrement, le widget est visible par tous les visiteurs de la boutique publiée, dès qu’au moins un canal ou le chatbot IA est connecté.

Astuce : vérifiez toujours sur la boutique publiée, pas seulement dans l’aperçu de l’éditeur. L’éditeur affiche le widget même quand il n’est pas encore actif pour les visiteurs.

Désactiver le widget

  1. Ouvrez l’éditeur de thème avec Ouvrir l’éditeur de thème depuis la page Widget.
  2. Désactivez l’interrupteur d’IFG AI Chat Widget.
  3. Cliquez sur Enregistrer.

Le bouton disparaît de la boutique. Les réglages de l’application sont conservés, prêts pour la prochaine activation.

En cas de problème

L’application indique « Non ajouté » alors que j’ai activé l’interrupteur. Vous n’avez sans doute pas cliqué sur Enregistrer dans l’éditeur, ou vous avez activé l’interrupteur dans un thème qui n’est pas le thème publié. Le bouton de l’application ouvre toujours le thème publié : refaites les étapes à partir de là et cliquez sur Vérifier l’activation.

Sous le statut s’affiche « Non vérifié en temps réel — dernière vérification réussie : ». L’application n’a pas pu lire le thème à ce moment-là et affiche le dernier résultat réussi. Cliquez de nouveau sur Vérifier l’activation dans quelques minutes.

L’aperçu affiche l’encadré rouge « Widget inactif ». Aucun canal n’est connecté. Ouvrez Widget dans l’application, activez WhatsApp ou Telegram, saisissez le numéro ou le nom d’utilisateur et cliquez sur Enregistrer. Voir Configurer le widget de contact.

Je ne trouve pas IFG AI Chat Widget dans l’éditeur. Vérifiez que l’application est installée sur cette boutique et que vous regardez le panneau des intégrations d’applications, pas celui des sections.

Étape suivante

Configurer le widget de contact