Hoe voeg je een Mindbody-boekingswidget toe aan je Shopify-winkel?

Een klant vindt je studio online, komt terecht in je Shopify-winkel en koopt een pakket van 10 lessen. Prima. En nu? In veel gevallen loopt het daar vast. De klant heeft betaald, maar kan op geen enkele manier een les boeken en een paar minuten later ontvangt hij of zij een verwarrende e-mail met een wachtwoord van een bedrijf genaamd "Mindbody" waar hij of zij nog nooit van heeft gehoord.

Deze handleiding lost beide problemen op. Eerst leggen we uit hoe je een Mindbody-boekingswidget rechtstreeks aan je Shopify-winkel kunt toevoegen, zodat klanten met een paar klikken kunnen boeken. Vervolgens bespreken we hoe je via Shopify kunt verkopen, zelfs als je de betaalverwerking van Mindbody niet kunt gebruiken, en hoe ShopConnect de twee systemen op de achtergrond naadloos met elkaar verbindt.

Je hoeft geen ontwikkelaar te zijn. Als je een pagina in Shopify kunt bewerken, kun je dit allemaal.

---

Deel 1: Voeg een Mindbody-boekingswidget toe aan je Shopify-winkel

Het doel is simpel: een 'Nu boeken'-pagina in je Shopify-winkel die je actuele Mindbody-schema toont, zodat klanten kunnen boeken zonder je site te verlaten.

Wat je eerst nodig hebt

• Jouw lichaam en geest Merkgebonden website Codefragment voor de widget (dit vind je in je Mindbody-account)
• Een Shopify-abonnement met een webwinkel (Basic, Grow, Advanced of Plus)
• Beheerderstoegang tot je Shopify-winkel
• Een online winkel 2.0-thema (zoals Dawn)

Als je dat allemaal hebt, ben je er klaar voor.

Stap 1: Maak de pagina aan

Ga in je Shopify-beheeromgeving naar Online winkel → Pagina's → Pagina toevoegen.

Geef het een titel zoals 'Nu boeken'. Die titel vormt tevens het webadres van de pagina. Je kunt eventueel een korte introductie toevoegen in het vak 'Inhoud' en vervolgens klikken. Redden.

Stap 2: Maak een aangepaste sjabloon.

Terwijl je de pagina nog aan het bewerken bent, kijk dan aan de rechterkant voor de Sjabloon keuzelijst. Klik erop en kies Sjabloon maken.

Geef de sjabloon de naam van je pagina (bijvoorbeeld 'nu boeken') en gebruik deze. Standaardpagina als basis. Klik Redden.

Dit geeft je boekingspagina een eigen sjabloon, zodat je de widget kunt toevoegen zonder de rest van je webwinkel te beïnvloeden.

Stap 3: Voeg de widgetcode toe met een aangepaste Liquid-sectie.

Ga nu naar Online winkel → Thema's en klik Aanpassen op basis van je live thema.

Gebruik het vervolgkeuzemenu bovenaan om de nieuwe pagina en sjabloon te selecteren die u zojuist hebt gemaakt. Klik in het linkerpaneel op Voeg sectie toe → Aangepaste vloeistof.

Plak de code van je Mindbody-boekingswidget in het vak. Het ziet er als volgt uit:

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

Vervang de XXXXXXXXXXX met uw eigen widget-ID van Mindbody. Klik ReddenEn de preview van de boekingswidget verschijnt direct.

Stap 4: Maak de pagina zichtbaar

Ga terug naar Online winkel → Pagina's en open je pagina.

Set Zichtbaarheid → ZichtbaarKlik vervolgens ReddenGa naar het webadres van de pagina om te controleren of de widget laadt en je rooster wordt weergegeven.

Stap 5: Voeg de pagina toe aan het menu van uw winkel.

Laatste stap: zorg ervoor dat de pagina gemakkelijk te vinden is. Ga naar Online winkel → Navigatie en open je Hoofdmenu.

Klik Menu-item toevoegenGeef het de naam "Nu boeken" en koppel het aan de pagina die je hebt gemaakt. Klik Toevoegen, Dan Redden.

Dat is alles. Klanten kunnen nu rechtstreeks vanuit uw winkel reserveren.

Optioneel: voeg ook een registratiepagina toe.

Als je ook een registratiepagina wilt, herhaal dan stap 1 tot en met 4 met deze code voor de registratiewidget:

<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>

Koppel de twee pagina's vervolgens aan elkaar, zodat klanten gemakkelijk tussen de boekings- en registratiepagina kunnen schakelen.

---

Deel 2: Verkopen op Shopify zonder Mindbody-betaalverwerking

In sommige regio's is de betaalverwerking van Mindbody niet beschikbaar, wat betekent dat je geen betalingen rechtstreeks via Mindbody kunt accepteren. Het goede nieuws: je kunt nog steeds diensten, pakketten en lidmaatschappen verkopen via Shopify en alles wordt correct verwerkt door Mindbody. Het proces verandert alleen iets: eerst kopen, dan boeken.

Hoe de doorstroming werkt

1. Een klant koopt een dienst, pakket of lidmaatschap in uw Shopify-winkel.
2. ShopConnect Er wordt een Mindbody-klantprofiel aangemaakt of gekoppeld en de aankoop wordt geregistreerd, zodat hun tegoed al in Mindbody is opgeslagen.
3. De klant logt vervolgens in bij Mindbody om de daadwerkelijke afspraak of les te boeken.

ShopConnect is de verbinding tussen de twee systemen. De klant betaalt via Shopify en ShopConnect zorgt ervoor dat die aankoop correct wordt geregistreerd bij de juiste klant in Mindbody, zonder dat u iets opnieuw hoeft in te voeren.

Het ene ruwe kantje, en hoe je dat gladstrijkt.

Er is een moment dat klanten in verwarring brengt als je er niet op voorbereid bent. Nadat ze in je Shopify-winkel hebben betaald, stuurt Mindbody ze een e-mail met een wachtwoord. Voor een klant die nog nooit van "Mindbody" heeft gehoord, kan die e-mail eruitzien als spam en wordt hij mogelijk genegeerd. Vervolgens vragen ze zich af waar hun les is.

De oplossing is communicatie. De documentatie beveelt één aan. hoofdbericht Je hergebruikt dit in alle e-mails die klanten na hun aankoop ontvangen:

"Bedankt voor uw aankoop in onze webwinkel! Houd uw e-mail in de gaten voor het wachtwoord van onze online boekingssoftware." Mindbody OnlineNadat je je wachtwoord hebt ingesteld, klik je op hier om uw afspraak of les te boeken.”

Het woord 'hier' linkt naar je boekingspagina (dezelfde Shopify 'Nu boeken'-pagina die je in deel 1 hebt gemaakt, of een vergelijkbare pagina op een andere website).

Waar het bericht te plaatsen: drie e-mails

De hoofdboodschap wordt aangepast voor de drie e-mails die een klant na een aankoop ontvangt.

E-mail 1: de orderbevestiging van Shopify. Ga in Shopify naar Instellingen → Meldingen → OrderbevestigingVoeg het belangrijkste bericht bovenaan de e-mail toe, boven het orderoverzicht. Dit schept verwachtingen zodra de klant afrekent, terwijl hij of zij nog steeds geconcentreerd is.

E-mail 2: de Mindbody-e-mail met de melding "Inloggegevens vergeten?". Dit is een gedeelde automatische e-mail, dus je kunt deze niet volledig vervangen. Voeg in plaats daarvan een voorwaardelijk blok toe na de bestaande inhoud:

“Heeft u zojuist een aankoop gedaan in onze webwinkel? Nadat u bent ingelogd met de bovenstaande gegevens, klikt u op hier Om de afspraak of les die u heeft gekocht te boeken, is uw aankoop al geregistreerd.

Je vindt dit in de geautomatiseerde e-mailinstellingen van Mindbody Business. Het toont de klant zijn of haar inloggegevens en koppelt deze aan de aankoop die zojuist is gedaan.

E-mail 3: de welkomstmail van Mindbody. Bewerk de versie voor de bedrijfsmodus, aangezien ShopConnect klanten in de bedrijfsmodus aanmaakt. Voeg hetzelfde type blok toe:

“Heeft u zojuist een aankoop gedaan in onze webwinkel? Log in op uw account en klik vervolgens op hier Om de afspraak of les die u heeft gekocht te boeken, is uw aankoop al geregistreerd.

Dit staat ook in de geautomatiseerde e-mails van Mindbody Business. Het benadrukt de boekingsstap tijdens het onboardingproces.

Waar de "hier"-links naartoe moeten verwijzen

Elke "hier"-link moet klanten doorverwijzen naar een pagina met uw ingesloten Mindbody-webboekingswidget. U hebt twee opties:

• Een Shopify-pagina (Vereist het Basic-abonnement of hoger, niet beschikbaar voor Starter). Dit is precies de "Nu boeken"-pagina uit deel 1.
• Een externe website. Als uw boekingspagina op Squarespace, Wix, WordPress of een ander platform staat, kunt u de widget daar insluiten en de links ernaar laten verwijzen.

In beide gevallen is het dezelfde pagina als aan het einde van deel 1: de uitlegtekst bovenaan en de boekingswidget eronder.

Een plek die de moeite waard is om te kennen.

ShopConnect omvat een Send_mbo_password_reset_email Een instelling waarmee je kunt bepalen of ShopConnect automatisch de Mindbody-e-mail voor het opnieuw instellen van je wachtwoord verstuurt. Het is handig om te weten dat deze optie bestaat, zodat je je e-mailberichten kunt afstemmen op wat er daadwerkelijk wordt verzonden.

---

Waarom dit van belang is

Een boekingswidget en drie bewerkte e-mails lijken misschien niet veel. Maar samen dichten ze de meest voorkomende kloof bij de online verkoop van fitness- en wellnessdiensten: het moment tussen "Ik heb betaald" en "Mijn boeking is bevestigd". Dat is het moment waarop klanten in de war raken, afhaken of je mailen met de vraag waar hun les gebleven is.

Door de boekingswidget direct in je Shopify-winkel te plaatsen, verminder je de overdracht tussen verschillende systemen. Het voorbereiden van de e-mails na de aankoop voorkomt verrassingen. En ShopConnect neemt het handmatige werk uit handen door aankopen te koppelen aan de juiste Mindbody-klant, zodat je niet handmatig twee systemen hoeft te synchroniseren.

Afhaalmaaltijden

• De boekingswidget is een Shopify-taak die uit vijf stappen bestaat. Maak een pagina aan, geef deze een sjabloon, voeg de code van je Mindbody-widget toe via Custom Liquid, maak de widget zichtbaar en voeg deze toe aan je menu.
• Je kunt verkopen op Shopify zonder dat Mindbody de betalingen hoeft te verwerken. Het proces verloopt als volgt: "eerst kopen, dan boeken", en ShopConnect registreert elke aankoop automatisch bij de juiste Mindbody-klant.
• Communicatie is essentieel in het proces zonder betalingsverwerking. Eén standaardbericht, aangepast voor drie e-mails, voorkomt de verwarring van "wat is die Mindbody-wachtwoord-e-mail?".
• Je "hier"-links en je boekingswidget moeten naar dezelfde pagina verwijzen. Bouw het één keer en verwijs er overal naar.

Gebruik je ShopConnect en wil je hulp bij het koppelen van je Shopify-winkel aan Mindbody? Neem dan contact op met het APIANT-team, we helpen je graag verder.