Aller au contenu principal

Institut de beauté & spa · Site vitrine et commerce en ligne

Un institut de bien-être qui vend et met à jour son site sans développeur

Au Coeur du Bien-Être offre des soins esthétiques, de l'épilation et de la massothérapie à Cowansville depuis 30 ans. Le site devait présenter une longue liste de tarifs qui change souvent, vendre des certificats cadeaux en ligne, et laisser l'équipe ajuster couleurs et textes sans repasser par un développeur à chaque petit changement.

  • Santé et bien-être / Institut de beauté & spa
  • Site vitrine WordPress avec boutique de certificats cadeaux et grille tarifaire éditable

Services liés Commerce électronique Design/UI Intégrations & automatisations Sites vitrine

Au Coeur du Bien-Être

aucoeurdubienetre.ca

Réalisé en 2026

01 · Défi

Une liste de prix vivante, pas un PDF figé

Au Coeur du Bien-Être offre des dizaines de services, des mains et des pieds jusqu'au laser, en passant par la massothérapie et les forfaits « Jours de Beauté ». Cette liste change au fil des saisons et des promotions, et personne à l'institut ne devrait attendre un développeur pour ajuster un prix ou ajouter un forfait.

Le site devait aussi vendre des certificats cadeaux directement en ligne, sans détour par un formulaire de contact, et laisser l'équipe ajuster les couleurs et la typographie du site sans toucher au code. Un thème WordPress générique ne prévoit ni l'un ni l'autre.

02 · Approche

Des outils d'édition pensés pour l'équipe, pas pour un développeur

On a construit une page Services où chaque catégorie de soins (visage, épilation, massothérapie, forfaits) se gère comme un bloc de contenu, avec ses tarifs en tableau. Pour les mises à jour en lot, un outil d'import et d'export en fichier tableur (CSV) permet de changer toute la liste de prix en une fois, sans retaper chaque ligne dans WordPress.

Pour la vente en ligne, le certificat cadeau saute l'étape du panier : la cliente choisit un montant et arrive directement au paiement. Et plutôt que de rebâtir une page d'options ACF classique, on a construit un panneau « Options du site » avec sa propre interface (couleurs, typographie, coordonnées, carte) dans WordPress, pour que l'équipe ajuste l'apparence du site elle-même.

03 · Livrables

Ce qu'on a livré

Un site vitrine soigné pour les clientes, et des outils d'édition que l'équipe ouvre chaque semaine.

  • Grille tarifaire éditable

    Catégories, lignes de prix et forfaits « Jours de Beauté » gérés dans WordPress, avec un outil d'import et d'export CSV pour les mises à jour massives.

  • Certificats cadeaux vendus en ligne

    Choix du montant en pastilles cliquables, achat direct sans passer par le panier, et une page dédiée pour réclamer un certificat en salon.

  • Panneau « Options du site »

    Interface React dans l'admin WordPress pour ajuster logos, couleurs, typographie et coordonnées sans toucher au code.

  • Carte Google multi-établissements

    Adresse convertie en coordonnées d'un clic dans l'admin, avec icône de marqueur personnalisée et style de carte au choix.

  • Pages Contact et Services sur mesure

    Gabarits dédiés avec coordonnées, heures d'ouverture et carte, préremplis par défaut mais entièrement modifiables.

  • Boutique WooCommerce adaptée à un institut

    Panier, compte client et confirmation de commande redessinés pour s'intégrer au reste du site, pas laissés dans le style générique de WooCommerce.

04 · Sur-mesure

Écrit pour les besoins de cet institut

Le panneau d'options, l'import de tarifs et la vente de certificats ne viennent pas d'un plugin du répertoire. On les a écrits pour ce que l'équipe fait vraiment, jour après jour.

  • Panneau « Options du site » en React Une interface admin construite avec les composants natifs de WordPress (React), branchée à une API REST, qui remplace complètement les anciennes options ACF. Couleurs, typographie, contact, pied de page et carte se gèrent au même endroit.
  • Typographie fluide par niveau de titre Chaque titre (H1 à H6) a sa propre échelle de taille qui s'ajuste doucement entre mobile et grand écran, plus sa police, sa casse et son espacement, réglables depuis l'admin, sans écrire de CSS.
  • Import et export CSV des tarifs Un outil dans l'éditeur de la page Services qui exporte la liste de prix en fichier tableur et la réimporte après modification, pour changer des dizaines de lignes de prix sans les retaper une par une.
  • Certificat cadeau en achat direct Le sélecteur de montant remplace le menu déroulant standard de WooCommerce par des pastilles cliquables, et l'achat saute l'étape du panier pour aller droit au paiement.
  • Finalisation automatique des commandes Certains produits (comme le certificat cadeau) font passer la commande à « Terminée » automatiquement après paiement, pour éviter qu'un employé doive confirmer chaque vente manuellement.
  • Carte Google avec géocodage intégré L'équipe entre une adresse et obtient ses coordonnées en un clic dans l'admin, sans avoir à chercher latitude et longitude ailleurs.

05 · Résultats

Ce que ça change

Pas de statistiques de trafic à afficher ici. Voici plutôt ce que le site et ses outils permettent concrètement, au quotidien.

  • Les tarifs se mettent à jour en lot par fichier CSV, sans retaper chaque ligne dans WordPress.
  • Un certificat cadeau s'achète en ligne directement, sans passer par le panier ni attendre qu'un employé confirme la commande.
  • Les couleurs, la typographie et les coordonnées du site se changent depuis un seul panneau d'options, sans toucher au code.
  • Une nouvelle adresse ou un nouvel établissement s'ajoute à la carte du site en un clic, une fois l'adresse saisie.

06 · Stack

Technologies

WordPress et WooCommerce pour le site et la boutique. Google Maps pour la carte. Le panneau d'options et les outils de tarifs sont du PHP et du JavaScript écrits pour cet institut.

  • WordPress
  • PHP
  • JavaScript
  • HTML5
  • CSS3
  • Sass
  • Node.js
  • Google Maps

Prochaine étape

Votre entreprise a des tarifs qui changent souvent ou des produits à vendre en ligne?

On peut regarder ensemble ce qui mérite un outil sur mesure, et ce qui peut rester simple. Un appel suffit pour en discuter.