ATELIER 08Ouvrir la boutique

Tester une installation complète.

Cette boutique fictive possède son propre catalogue de 8 produits. Le conseiller utilise le même fichier widget.js que STYLMT, avec les données d’ATELIER 08.

Installer sur un autre hébergement

  1. Téléchargez le paquet de test, puis décompressez-le.
  2. Déposez son contenu sur un hébergement statique HTTPS, en conservant les dossiers. Le widget et les images sont inclus.
  3. Ouvrez /boutique-test/index.html sur cet hébergement. Aucun compte client ni clé d’API n’est nécessaire pour ce test.

Les deux lignes d’intégration

<script defer src="./catalogue.js"></script>
<script defer src="../widget.js"></script>

Le premier script fournit le nom de la boutique et ses produits. Le second installe le conseiller. Le catalogue doit être chargé avant le widget ; ajoutez ces lignes une seule fois.

Parcours à vérifier

  1. Ouvrez le conseiller avec « Trouver mes associations ». Soumettez la demande préremplie : jogging noir, taille M, budget 60 €. Le Jogging Signature doit apparaître à 49 €.
  2. Cliquez sur « Voir la pièce ». La fiche du Jogging Signature s’ouvre dans cette boutique.
  3. Sur la collection, simulez sa rupture de stock. Il disparaît des suggestions disponibles. L’option « Voir aussi les articles en rupture de stock » permet encore d’afficher sa fiche.
  4. Rétablissez le catalogue, puis passez son prix à 79 €. Il ne doit plus être recommandé pour un budget de 60 €.
  5. Rétablissez le catalogue. En taille S, le jogging noir ne doit pas être disponible ; en taille M, le jogging beige est indisponible.
  6. Vérifiez le bouton et le panneau sur téléphone et ordinateur.

Mettre à jour les produits

window.STYLMT.setProducts(nouveauCatalogue);

Les boutons de test utilisent cette méthode pour actualiser les recommandations et les choix de tailles. Les modifications de test ne sont pas enregistrées. Pour une installation réelle, utilisez le catalogue connecté et sa mise à jour depuis le serveur de la marque, décrits dans l’espace d’installation STYLMT.

Ce que ce test valide

L’intégration du widget, un catalogue distinct, les filtres, les fiches produit et la prise en compte des changements de prix et stocks. Le conseiller fonctionne ici par associations de couleurs. La connexion à une IA externe, le branchement automatique à Shopify ou WooCommerce et les commandes nécessitent leurs propres tests.