Comment ajouter un widget de réservation Mindbody à votre boutique Shopify

Un client trouve votre studio en ligne, arrive sur votre boutique Shopify et achète un forfait de 10 cours. Parfait. Et après ? Bien souvent, c’est là que l’expérience s’arrête. Le client a payé, mais il n’a aucun moyen évident de réserver un cours, et quelques minutes plus tard, il reçoit un e-mail contenant un mot de passe obscur d’une société appelée « Mindbody » dont il n’a jamais entendu parler.

Ce guide résout ces deux problèmes. Nous verrons d'abord comment ajouter un widget de réservation Mindbody directement à votre boutique Shopify pour que vos clients puissent réserver en quelques clics. Ensuite, nous expliquerons comment vendre sur Shopify même si vous ne pouvez pas utiliser le système de paiement Mindbody, et comment ShopConnect assure l'intégration transparente des deux systèmes.

Pas besoin d'être développeur. Si vous savez modifier une page Shopify, vous pouvez faire tout ça.

---

Partie 1 : Ajouter un widget de réservation Mindbody à votre boutique Shopify

L’objectif est simple : une page « Réserver maintenant » sur votre boutique Shopify affichant votre planning Mindbody en temps réel, afin que les clients puissent réserver sans quitter votre site.

Ce dont vous aurez besoin en premier

• Votre esprit-corps Site Web de marque Extrait de code du widget (vous le trouverez dans votre compte Mindbody)
• Un forfait Shopify avec une boutique en ligne (Basic, Grow, Advanced ou Plus)
• Accès administrateur à votre boutique Shopify
• Un thème de boutique en ligne 2.0 (comme Dawn)

Si vous avez tout cela, vous êtes prêt.

Étape 1 : Créer la page

Dans votre interface d'administration Shopify, accédez à Boutique en ligne → Pages → Ajouter une page.

Donnez-lui un titre comme « Réserver maintenant ». Ce titre crée également l'adresse web de la page. Vous pouvez ajouter une courte introduction dans la zone Contenu si vous le souhaitez, puis cliquez sur Sauvegarder.

Étape 2 : Créer un modèle personnalisé

Pendant que vous modifiez la page, regardez à droite pour trouver… Modèle menu déroulant. Cliquez dessus et choisissez Créer un modèle.

Nommez le modèle d'après votre page (par exemple, « réserver maintenant ») et utilisez-le. Page par défaut comme base. Cliquez Sauvegarder.

Cela donne à votre page de réservation son propre modèle, ce qui vous permet d'intégrer le widget sans affecter le reste de votre boutique.

Étape 3 : Ajoutez le code du widget avec une section Liquid personnalisée

Maintenant, allez à Boutique en ligne → Thèmes et cliquez Personnaliser sur votre thème en direct.

Utilisez le menu déroulant « Page » en haut pour sélectionner la nouvelle page et le modèle que vous venez de créer. Dans le panneau de gauche, cliquez sur Ajouter une section → Liquide personnalisé.

Collez votre code de widget de réservation Mindbody dans la case. Il ressemble à ceci :

<div class="mindbody-widget" data-widget-type="Schedules" data-widget-id="XXXXXXXXXXX"></div>
<script async src="https://brandedweb.mindbodyonline.com/embed/widget.js"></script>

Remplacez le XXXXXXXXXXX avec votre propre identifiant de widget Mindbody. Cliquez Sauvegarderet l'aperçu du widget de réservation s'affichera immédiatement.

Étape 4 : Rendre la page visible

Retour à Boutique en ligne → Pages et ouvrez votre page.

Ensemble Visibilité → Visible, puis cliquez SauvegarderConsultez l’adresse web de la page pour vérifier que le widget se charge et que votre emploi du temps s’affiche.

Étape 5 : Ajoutez la page au menu de votre boutique

Dernière étape : rendre la page facile à trouver. Allez à Boutique en ligne → Navigation et ouvrez votre Menu principal.

Cliquez Ajouter un élément de menuNommez-la « Réserver maintenant » et liez-la à la page que vous avez créée. Cliquez Ajouter, alors Sauvegarder.

Voilà ! Vos clients peuvent désormais réserver directement depuis votre magasin.

Facultatif : ajoutez également une page d’inscription

Si vous souhaitez également une page d'inscription, répétez les étapes 1 à 4 en utilisant plutôt ce code de widget d'inscription :

<script src="https://widgets.mindbodyonline.com/javascripts/healcode.js" type="text/javascript"></script>
<healcode-widget data-type="registrations" data-widget-partner="object" data-widget-id="XXXXXXXXXXX" data-widget-version="0"></healcode-widget>

Ensuite, créez un lien entre les deux pages afin que les clients puissent passer facilement de la réservation à l'inscription.

---

Partie 2 : Vendre sur Shopify sans le traitement des paiements Mindbody

Dans certaines régions, le service de paiement Mindbody n'est pas disponible, ce qui signifie que vous ne pouvez pas accepter les paiements directement via Mindbody. La bonne nouvelle : vous pouvez toujours vendre des services, des forfaits et des abonnements sur Shopify et tout sera correctement intégré à Mindbody. Le processus est simplement légèrement modifié : « achat d'abord, réservation ensuite ».

Comment fonctionne le flux

1. Un client achète un service, un forfait ou un abonnement sur votre boutique Shopify.
2. ShopConnect Mindbody crée ou associe leur dossier client et enregistre l'achat, de sorte que leur crédit est déjà enregistré dans Mindbody.
3. Le client se connecte ensuite à Mindbody pour réserver son rendez-vous ou son cours.

ShopConnect assure la liaison entre les deux systèmes. Le client paie sur Shopify, et ShopConnect garantit que cet achat est automatiquement associé au bon client dans Mindbody, sans aucune saisie de votre part.

Le seul point faible, et comment l'adoucir

Il arrive un moment qui peut dérouter les clients si vous n'y êtes pas préparé. Après avoir payé sur votre boutique Shopify, Mindbody leur envoie un e-mail contenant un mot de passe. Pour un client qui n'a jamais entendu parler de Mindbody, cet e-mail peut ressembler à un spam et il risque de l'ignorer. Il se demandera alors où est passé son cours.

La solution réside dans la communication. Les documents recommandent une seule message principal vous réutilisez ces éléments dans tous les e-mails que les clients reçoivent après leur achat :

« Merci d'avoir effectué cet achat sur notre boutique en ligne ! Surveillez votre boîte mail, vous y trouverez votre mot de passe de la part de notre logiciel de réservation en ligne. » Mindbody en ligneUne fois votre mot de passe défini, cliquez ici pour réserver votre rendez-vous ou votre cours.

Le mot « ici » renvoie vers votre page de réservation (la même page Shopify « Réserver maintenant » que vous avez créée dans la partie 1, ou une page équivalente sur un autre site web).

Où placer le message : trois adresses e-mail

Le message principal est adapté aux trois courriels que reçoit le client après un achat.

Courriel 1 : la confirmation de commande Shopify. Dans Shopify, rendez-vous sur Paramètres → Notifications → Confirmation de commandeAjoutez le message principal en haut de l'e-mail, au-dessus du récapitulatif de commande. Cela permet de définir les attentes du client dès la validation de sa commande, alors qu'il est encore attentif.

Courriel 2 : le courriel Mindbody « Informations de connexion oubliées ». Il s'agit d'un e-mail automatique partagé, vous ne pouvez donc pas le remplacer entièrement. Ajoutez plutôt un bloc conditionnel après le contenu existant :

“Vous venez d'effectuer un achat sur notre boutique en ligne ? Après vous être connecté avec les informations ci-dessus, cliquez ici Pour réserver le rendez-vous ou le cours que vous avez acheté, votre achat est déjà enregistré.

Vous trouverez cette option dans les paramètres d'e-mails automatisés de Mindbody Business. Elle fournit au client ses identifiants de connexion tout en les reliant à l'achat qu'il vient d'effectuer.

Courriel 3 : le courriel de bienvenue de Mindbody. Modifiez la version en mode professionnel, car ShopConnect crée des clients en mode professionnel. Ajoutez le même type de bloc :

“Vous venez d'effectuer un achat sur notre boutique en ligne ? Connectez-vous à votre compte, puis cliquez ici Pour réserver le rendez-vous ou le cours que vous avez acheté, votre achat est déjà enregistré.

On retrouve également cette information dans les e-mails automatisés de Mindbody Business. Cela renforce l'étape de réservation lors de l'intégration.

Où doivent pointer les liens « ici »

Chaque lien « ici » doit rediriger les clients vers une page contenant votre widget de réservation Web Mindbody intégré. Vous avez deux options :

• Une page Shopify (Nécessite l'abonnement Basic ou supérieur, non disponible avec l'abonnement Starter). Il s'agit exactement de la page « Réserver maintenant » de la partie 1.
• Un site web externe. Si votre page de réservation se trouve sur Squarespace, Wix, WordPress ou une autre plateforme, intégrez-y le widget et redirigez les liens vers celui-ci.

Dans les deux cas, il s’agit de la même page que celle affichée à la fin de la partie 1 : le texte explicatif en haut et le module de réservation en dessous.

Un cadre qui mérite d'être connu

ShopConnect comprend un Send_mbo_password_reset_email Ce paramètre détermine si ShopConnect déclenche automatiquement l'envoi de l'e-mail de réinitialisation du mot de passe Mindbody. Il est utile de connaître son existence afin d'harmoniser vos messages avec les informations réellement envoyées.

---

Pourquoi c'est important

Un module de réservation et trois e-mails pré-rédigés, ça ne paraît pas grand-chose. Pourtant, ensemble, ils comblent le principal obstacle à la vente de services de fitness et de bien-être en ligne : l’intervalle entre le paiement et la confirmation de la réservation. C’est pendant cet intervalle que les clients sont perdus, abandonnent ou vous contactent pour savoir où en est leur cours.

L'intégration du widget de réservation directement sur votre boutique Shopify simplifie la procédure. La préparation des e-mails post-achat évite les mauvaises surprises. Enfin, ShopConnect automatise les opérations en associant automatiquement les achats au client Mindbody approprié, vous évitant ainsi de jongler manuellement entre deux systèmes.

Points clés

• Le widget de réservation est une tâche Shopify en cinq étapes. Créez une page, attribuez-lui un modèle, insérez le code de votre widget Mindbody via Custom Liquid, rendez-le visible et ajoutez-le à votre menu.
• Vous pouvez vendre sur Shopify sans le traitement des paiements Mindbody. Le processus devient « acheter d'abord, réserver ensuite », et ShopConnect enregistre automatiquement chaque achat auprès du client Mindbody correspondant.
• La communication est primordiale dans le flux sans traitement des paiements. Un seul message principal, adapté à trois courriels, évite toute confusion du type « Qu'est-ce que ce courriel concernant le mot de passe Mindbody ? ».
• Vos liens « ici » et votre widget de réservation doivent se trouver sur la même page. Créez-le une fois, et partagez-le partout.

Vous utilisez ShopConnect et vous souhaitez de l'aide pour connecter votre boutique Shopify à Mindbody ? Contactez l'équipe APIANT, nous serons ravis de vous accompagner.