Le client
Simple Beauty est une enseigne beauté mauricienne avec trois magasins et une livraison dans toute l’île. Les clients paient par carte, par MCB Juice ou par virement, et peuvent retirer gratuitement leur commande dans l’un des trois magasins.
Les caisses fonctionnent sous Loyverse POS. Avant la refonte, la boutique en ligne tournait sous WooCommerce.
Le problème
Un catalogue beauté bouge en permanence, et chaque produit vendu en magasin doit disparaître du site au même moment. Sinon, les clients commandent des articles qui ne sont plus en rayon.
L’enseigne avait aussi besoin des moyens de paiement réellement utilisés à Maurice, d’une boutique lisible page par page par les moteurs de recherche, et d’une sortie de WooCommerce qui ne jette pas les URL produits déjà connues de Google.
Le besoin
- Paiement par carte via la passerelle MCB, plus MCB Juice et virement
- Stock synchronisé avec les caisses Loyverse des trois magasins
- Retrait dans trois magasins et zones de livraison sur toute l’île
- Promotions gérées en autonomie : codes promo, achetez X obtenez Y, packs, cartes cadeaux
- Factures avec TVA et back-office avec rôles
- Migration depuis WooCommerce sans perdre le trafic existant
Ce que nous avons construit
Nous avons construit une vitrine sur mesure en React et Vite, sur Firebase (Firestore et Cloud Functions). Les commandes sont calculées et passées côté serveur, jamais dans le navigateur : une seule transaction vérifie les prix, applique codes promo et cartes cadeaux et réserve le stock, pour que deux clients ne puissent pas acheter la dernière unité en même temps.
Le paiement carte utilise le checkout hébergé de la passerelle MCB Mastercard, en MUR. Une commande n’est marquée payée que lorsque la passerelle confirme elle-même le montant capturé. Le retour du client sur la page « merci » ne vaut pas preuve. Les commandes MCB Juice et virement suivent leur propre circuit de confirmation.
L’intégration Loyverse fonctionne dans les deux sens. Un webhook Loyverse déclenche une relecture des articles modifiés via l’API Loyverse pour le magasin de Simple, et le stock modifié en ligne n’est renvoyé à la caisse que s’il a réellement changé. Chaque mouvement de stock (commande web, vente en caisse, synchro, correction manuelle) est inscrit dans un journal avec sa source.
Une application monopage montrant la même page partout aux moteurs de recherche, une étape de build pré-génère une page HTML avec son titre, sa description et ses données structurées pour chaque produit, catégorie, marque et type de peau, puis génère le sitemap et les redirections 301 depuis les anciennes URL WooCommerce.
Fonctionnalités livrées
- Passerelle carte MCB, MCB Juice et virement
- Synchro de stock Loyverse bidirectionnelle avec journal de stock
- Retrait dans trois magasins, zones et règles de livraison
- Codes promo, BOGO / achetez X obtenez Y, packs et cartes cadeaux
- Factures PDF avec TVA à 15 %
- Recommandations produits par règles, avec attribution des clics
- E-mails de panier abandonné et d’anniversaire
- Suivi e-commerce GA4 (ajout au panier, checkout, achat)
- Back-office avec permissions par rôle et journal d’audit
- Import des produits WooCommerce et redirections des anciennes URL
- Pages SEO pré-générées et sitemap automatique
- Chaîne d’images WebP avec vignettes
Les défis relevés
Un seul stock, quatre points de vente
Trois caisses et un site vendent les mêmes articles. Les webhooks seuls ne suffisaient pas : chaque webhook déclenche donc une relecture de l’article dans Loyverse, filtrée sur le magasin de Simple, et chaque changement est journalisé pour pouvoir retracer tout écart.
Un paiement fiable
Les commandes carte sont confirmées à partir de l’enregistrement de la passerelle (statut capturé ou autorisé, en MUR, pour au moins le total), et les commandes carte impayées sont libérées automatiquement pour remettre leur stock en rayon.
Quitter WooCommerce sans perdre Google
Environ 227 anciennes URL produits ont été associées une à une à leur nouvelle page par redirection permanente, pour conserver les liens et le référencement acquis.
Le résultat
Simple Beauty gère désormais sa boutique en ligne et ses trois magasins avec un seul stock. Le site publie plus de 540 pages produits et 50 pages catégories, chacune avec son HTML prêt pour le référencement, et l’équipe gère seule promotions, cartes cadeaux et contenus.
Artover continue d’héberger, de maintenir et de faire évoluer la plateforme.