Ajouter la réservation Mindbody à WordPress : 3 méthodes

Votre studio tourne sur Mindbody, votre site sur WordPress. Tôt ou tard, la question se pose : comment mettre la réservation Mindbody sur le site ? Il existe trois façons de faire, et elles ne se valent pas.

La réponse courte :

1. Coller un widget Mindbody Branded Web (ex-Healcode). Gratuit, fait en 15 minutes, mais la réservation tourne dans un iframe Mindbody, avec l’apparence de Mindbody.
2. Installer un plugin Mindbody WordPress comme MZ Mindbody API. Votre planning s’affiche dans votre thème, mais l’inscription et le paiement repartent chez Mindbody.
3. Développer une intégration sur-mesure sur l’API Mindbody, en général sous forme de plugin WordPress dédié. Planning, réservation et paiement vivent dans votre thème, à votre marque, avec un vrai tracking. C’est un projet, pas un téléchargement.

	Widget Branded Web	Plugin Mindbody WordPress	Intégration sur-mesure
Mise en place	Copier-coller	Installation + identifiants API	Projet de développement
Apparence	Celle de Mindbody	Votre thème pour la liste, Mindbody pour la réservation	100 % votre marque
Où se passe la réservation	Iframe Mindbody	Pages Mindbody	Sur votre site
Suivi des achats GA4 / Google Ads	Non	Non	Oui
Choix de la place, listes d’attente, paiement en plusieurs fois	Options Mindbody seulement	Non	Oui
Coût récurrent	Inclus dans Mindbody	Plugin gratuit, usage de l’API Mindbody	Développement + maintenance

Voyons le détail, méthode par méthode.

Méthode 1 : coller un widget Branded Web

C’est la voie officielle de Mindbody pour mettre la réservation sur n’importe quel site. Mindbody l’appelle Branded Web ; ça s’appelait Healcode, et le code s’en souvient encore.

Pas à pas :

1. Dans votre compte Mindbody, ouvrez les outils Branded Web et créez le widget voulu : planning, rendez-vous, inscription, bouton « Acheter » sur une offre, ou lien de connexion.
2. Choisissez couleurs et polices dans l’éditeur du widget, puis copiez le code d’intégration.
3. Dans WordPress, éditez la page, ajoutez un bloc HTML personnalisé (ou le widget HTML de votre page builder) et collez le code.
4. Publiez, puis testez sur un vrai téléphone : défilez dans le planning, réservez un cours, allez jusqu’au paiement.

Ce qui arrive réellement dans votre page. Le widget planning actuel est une balise <healcode-widget data-type="schedules">. Au chargement, elle injecte un iframe qui pointe vers go.mindbodyonline.com. Tout ce qui se trouve dans ce cadre appartient à Mindbody. Le CSS de votre thème s’arrête à sa bordure : c’est pour ça que l’éditeur ne vous laisse changer que les couleurs et les polices, pas la mise en page ni le parcours.

Les pièges classiques sous WordPress :

• Les plugins d’optimisation. WP Rocket, Autoptimize et consorts, qui retardent ou combinent le JavaScript, peuvent empêcher le widget de se charger. Excluez le script Healcode du « retard JS » et de la minification.
• Le décalage de mise en page. L’iframe arrive après l’affichage de la page et pousse le contenu vers le bas. Réservez une hauteur minimale autour du bloc.
• Le défilement sur mobile. Un grand iframe dans une page qui défile crée un « scroll dans le scroll » pénible au pouce.
• Aucune donnée d’achat. Le paiement se fait dans le cadre de Mindbody : GA4 et Google Ads ne voient pas la vente.

À choisir si vous voulez la réservation en ligne aujourd’hui, sans coût, et que l’apparence standard de Mindbody vous convient.

Méthode 2 : installer un plugin Mindbody WordPress

Il n’existe plus de plugin Mindbody officiel sur WordPress.org : l’ancien plugin « MINDBODY Widget » a été fermé en mars 2021. Restent des plugins tiers.

• MZ Mindbody API (gratuit, open source, toujours maintenu en 2026). Il lit votre planning, vos événements et vos coachs via l’API Mindbody et les affiche avec des shortcodes, dans des templates que vous pouvez surcharger dans votre thème.
• MB Spirit for Mindbody (plugin d’un service payant, dernière mise à jour en 2023). Des shortcodes pour les plannings, événements, coachs et produits configurés dans le tableau de bord MB Spirit.

Mettre en place MZ Mindbody API, en bref :

1. Créez un compte développeur sur le portail développeur de Mindbody et récupérez une clé API.
2. Demandez au gérant du studio d’activer votre accès à son site Mindbody (vous envoyez un lien d’activation pour son Site ID, il l’approuve).
3. Installez le plugin depuis WordPress.org et saisissez les identifiants demandés dans ses réglages (clé API, Site ID, un compte staff servant à obtenir son jeton). L’auteur documente l’installation sur mZoo.org.
4. Ajoutez ses shortcodes dans vos pages, puis habillez le rendu avec le CSS de votre thème ou en surchargeant ses templates.

Ce que vous y gagnez : le planning est du vrai HTML dans votre page, habillé par votre thème et lisible par Google.

Ce que vous n’y gagnez pas : quand quelqu’un clique sur « S’inscrire », le plugin l’envoie chez Mindbody pour se connecter, payer et confirmer. La partie du parcours qui convertit, celle que vous voudriez mesurer, se passe toujours hors de votre site. Mindbody facture aussi l’usage de l’API au-delà d’un quota gratuit ; vérifiez les conditions actuelles sur le portail développeur.

À choisir si vous voulez surtout un beau planning, indexable, sur WordPress, avec un volume de réservations modeste.

Méthode 3 : une intégration sur-mesure sur l’API Mindbody

La troisième voie laisse Mindbody exactement où il est (planning, clients, offres, paiements, rapports) et ne remplace que ce que voient vos membres. Concrètement, c’est un plugin WordPress sur-mesure qui dialogue avec l’API publique Mindbody (v6) depuis votre serveur et affiche tout le parcours dans votre thème :

• le planning, avec vos filtres (studio, coach, type de cours) ;
• la fiche du cours, avec le choix de la place si vos salles l’exigent ;
• le panier et le paiement, 3D Secure compris et, si vous le voulez, le paiement en 3 ou 4 fois avec Alma ;
• l’espace membre : crédits, abonnements, réservations à venir, lien de parrainage.

Réservations et ventes sont réécrites dans Mindbody : l’accueil voit les visites et vos rapports restent justes.

Ce qu’une intégration sérieuse doit gérer :

• Des identifiants côté serveur uniquement. La clé API et le jeton staff n’arrivent jamais dans le navigateur.
• Du cache. Le planning est mis en cache peu de temps et rafraîchi après chaque réservation : les pages restent rapides et les appels à l’API sous contrôle.
• Un vrai mode test. Mindbody sait valider un panier sans le débiter : on teste tout le parcours sur un site de recette avant la mise en ligne.
• Le tracking. Les événements view_item, add_to_cart, begin_checkout et purchase, avec leur valeur, poussés dans GA4 et exploitables par Google Ads.
• La maintenance. L’API Mindbody évolue : quelqu’un doit surveiller les erreurs en production et adapter.

Un exemple réel. Pour STAT Modern Health, un réseau américain de cliniques sous WordPress, nous avons codé la prise de rendez-vous comme un plugin WordPress branché sur Mindbody : besoin, lieu, praticien, créneau, confirmation, en cinq étapes, dans le thème du site. Les écrans sont visibles sur notre page plugin Mindbody WordPress.

À choisir si la réservation pèse lourd dans votre chiffre d’affaires, si vous investissez en publicité, ou si l’iframe vous fait visiblement perdre des membres au paiement.

Décider en deux minutes

• Vous voulez juste un planning en ligne : méthode 1 ou 2.
• Vous voulez le planning dans votre design et indexable par Google : méthode 2.
• Vous voulez qu’on réserve et paie sans quitter votre site, à votre marque, avec des ventes mesurables : méthode 3.

Si vous hésitez entre les plugins, notre guide des plugins Mindbody WordPress les compare en détail. Et si vous voulez un second avis sur votre installation actuelle, nous auditons les pages de réservation gratuitement : envoyez-nous l’URL.