So fügen Sie ein Mindbody-Buchungs-Widget zu Ihrem Shopify-Shop hinzu

Ein Kunde findet Ihr Studio online, landet in Ihrem Shopify-Shop und kauft ein 10er-Kartenpaket. Super. Und jetzt? In vielen Fällen ist das der Punkt, an dem es nicht weitergeht. Der Kunde hat bezahlt, findet aber keine Möglichkeit, einen Kurs zu buchen, und erhält wenige Minuten später eine E-Mail mit einem verwirrenden Passwort von einer Firma namens „Mindbody“, von der er noch nie gehört hat.

Diese Anleitung löst beide Probleme. Zuerst zeigen wir Ihnen, wie Sie ein Mindbody-Buchungs-Widget direkt in Ihren Shopify-Shop einbinden, damit Ihre Kunden mit wenigen Klicks buchen können. Anschließend erklären wir, wie Sie auch ohne die Zahlungsabwicklung von Mindbody über Shopify verkaufen können und wie ShopConnect die beiden Systeme im Hintergrund nahtlos miteinander verbindet.

Sie müssen kein Entwickler sein. Wenn Sie eine Seite in Shopify bearbeiten können, können Sie all das tun.

---

Teil 1: Mindbody-Buchungs-Widget zu Ihrem Shopify-Shop hinzufügen

Das Ziel ist einfach: eine „Jetzt buchen“-Seite in Ihrem Shopify-Shop, die Ihren aktuellen Mindbody-Terminplan anzeigt, sodass Kunden buchen können, ohne Ihre Website zu verlassen.

Was Sie zuerst benötigen

• Dein Geist-Körper Markenwebseite Widget-Code-Snippet (diesen erhalten Sie von Ihrem Mindbody-Konto)
• Ein Shopify-Tarif mit Online-Shop (Basic, Grow, Advanced oder Plus)
• Administratorzugriff auf Ihren Shopify-Shop
• Ein Online-Shop 2.0-Theme (wie Dawn)

Wenn du all das hast, bist du bereit.

Schritt 1: Seite erstellen

Gehen Sie in Ihrem Shopify-Adminbereich zu Online-Shop → Seiten → Seite hinzufügen.

Geben Sie der Seite einen Titel wie „Jetzt buchen“. Dieser Titel dient gleichzeitig als Webadresse. Optional können Sie im Inhaltsfeld eine kurze Einleitung hinzufügen und anschließend klicken. Speichern.

Schritt 2: Erstellen Sie eine benutzerdefinierte Vorlage

Während Sie die Seite noch bearbeiten, schauen Sie auf der rechten Seite nach dem/der/das Vorlage Dropdown-Menü. Klicken Sie darauf und wählen Sie aus. Vorlage erstellen.

Benennen Sie die Vorlage nach Ihrer Seite (zum Beispiel „jetzt buchen“) und verwenden Sie sie. Standardseite als Basis. Klicken Sie Speichern.

Dadurch erhält Ihre Buchungsseite eine eigene Vorlage, sodass Sie das Widget einfügen können, ohne den Rest Ihres Shops zu beeinträchtigen.

Schritt 3: Fügen Sie den Widget-Code mit einem benutzerdefinierten Liquid-Abschnitt hinzu.

Gehe nun zu Online-Shop → Designs und klicken Anpassen zu Ihrem Live-Theme.

Wählen Sie im Dropdown-Menü oben die soeben erstellte neue Seite und Vorlage aus. Klicken Sie im linken Bereich auf Abschnitt hinzufügen → Benutzerdefinierte Flüssigkeit.

Fügen Sie Ihren Mindbody-Buchungs-Widget-Code in das Feld ein. Er sieht so aus:

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

Ersetzen Sie die XXXXXXXXXXX mit Ihrer eigenen Widget-ID von Mindbody. Klicken Sie hier. Speichernund die Vorschau des Buchungs-Widgets wird sofort angezeigt.

Schritt 4: Seite sichtbar machen

Zurück zu Online-Shop → Seiten und öffne deine Seite.

Satz Sichtbarkeit → SichtbarKlicken Sie dann SpeichernBesuchen Sie die Webadresse der Seite, um zu überprüfen, ob das Widget geladen wird und Ihr Zeitplan angezeigt wird.

Schritt 5: Fügen Sie die Seite Ihrem Shop-Menü hinzu

Letzter Schritt: Sorgen Sie dafür, dass die Seite leicht zu finden ist. Gehen Sie zu Online-Shop → Navigation und öffnen Sie Ihr Hauptmenü.

Klicken Menüpunkt hinzufügenBenennen Sie es „Jetzt buchen“ und verlinken Sie es mit der von Ihnen erstellten Seite. Klicken Sie Hinzufügen, Dann Speichern.

Das war's. Kunden können jetzt direkt in Ihrem Shop buchen.

Optional: Fügen Sie auch eine Registrierungsseite hinzu.

Falls Sie zusätzlich eine Registrierungsseite wünschen, wiederholen Sie die Schritte 1 bis 4 mit diesem Registrierungs-Widget-Code:

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

Verlinken Sie anschließend die beiden Seiten, damit Kunden problemlos zwischen Buchung und Registrierung wechseln können.

---

Teil 2: Verkaufen auf Shopify ohne Mindbody-Zahlungsabwicklung

In einigen Regionen ist die Zahlungsabwicklung von Mindbody nicht verfügbar. Das bedeutet, dass Sie Zahlungen nicht direkt über Mindbody entgegennehmen können. Die gute Nachricht: Sie können weiterhin Dienstleistungen, Pakete und Mitgliedschaften über Shopify verkaufen und alle Transaktionen werden korrekt in Mindbody angezeigt. Der Ablauf ändert sich lediglich geringfügig: „Erst kaufen, dann buchen“.

So funktioniert der Ablauf

1. Ein Kunde kauft eine Dienstleistung, ein Paket oder eine Mitgliedschaft in Ihrem Shopify-Shop.
2. ShopConnect erstellt oder gleicht ihren Mindbody-Kundendatensatz ab und protokolliert den Kauf, sodass ihr Guthaben bereits in Mindbody hinterlegt ist.
3. Der Kunde loggt sich dann in Mindbody ein, um seinen eigentlichen Termin oder Kurs zu buchen.

ShopConnect fungiert als Bindeglied zwischen den beiden Systemen. Der Kunde bezahlt in Shopify, und ShopConnect sorgt dafür, dass der Kauf dem richtigen Kunden in Mindbody zugeordnet wird, ohne dass Sie irgendetwas erneut eingeben müssen.

Die einzige Schwachstelle und wie man sie glättet

Es gibt einen Moment, der Kunden verwirren kann, wenn man nicht darauf vorbereitet ist. Nachdem sie in Ihrem Shopify-Shop bezahlt haben, erhalten sie von Mindbody eine E-Mail mit einem Passwort. Für einen Kunden, der noch nie von „Mindbody“ gehört hat, kann diese E-Mail wie Spam aussehen, und er ignoriert sie möglicherweise. Dann fragt er sich, wo sein Kurs bleibt.

Die Lösung liegt in der Kommunikation. Die Dokumentation empfiehlt eine einzige Masterbotschaft Sie verwenden diese Funktion in allen E-Mails, die Kunden nach dem Kauf erhalten:

„Vielen Dank für Ihren Einkauf in unserem Online-Shop! Halten Sie Ausschau nach der E-Mail mit Ihrem Passwort, die Sie von unserer Online-Buchungssoftware erhalten.“ Mindbody OnlineSobald Sie Ihr Passwort festgelegt haben, klicken Sie Hier „Um Ihren Termin oder Kurs zu buchen.“

Das Wort „hier“ verweist auf Ihre Buchungsseite (die gleiche Shopify „Jetzt buchen“-Seite, die Sie in Teil 1 erstellt haben, oder eine entsprechende Seite auf einer anderen Website).

Wo die Nachricht platziert werden soll: drei E-Mails

Die Hauptbotschaft wird in den drei E-Mails, die ein Kunde nach dem Kauf erhält, angepasst.

E-Mail 1: die Shopify-Bestellbestätigung. Gehen Sie in Shopify zu Einstellungen → Benachrichtigungen → BestellbestätigungFügen Sie die Hauptnachricht im oberen Bereich der E-Mail, oberhalb der Bestellübersicht, ein. So werden die Erwartungen des Kunden direkt beim Bezahlvorgang klar definiert, solange er noch aufmerksam ist.

E-Mail 2: die Mindbody-E-Mail „Anmeldeinformationen vergessen“. Dies ist eine automatisch versendete E-Mail, die nicht vollständig ersetzt werden kann. Fügen Sie stattdessen nach dem bestehenden Inhalt einen bedingten Block ein:

“Haben Sie soeben einen Einkauf in unserem Online-Shop getätigt? Nachdem Sie sich mit den oben genannten Informationen angemeldet haben, klicken Sie auf Hier Um den von Ihnen gekauften Termin oder Kurs zu buchen, ist Ihr Kauf bereits gespeichert.“

Diese Einstellung finden Sie in den automatisierten E-Mail-Einstellungen von Mindbody Business. Sie ermöglicht dem Kunden die Eingabe seiner Zugangsdaten und stellt gleichzeitig die Verbindung zu dem soeben getätigten Kauf her.

E-Mail 3: die Mindbody-Willkommens-E-Mail. Bearbeiten Sie die Version für den Geschäftsmodus, da ShopConnect Clients im Geschäftsmodus erstellt. Fügen Sie einen Block desselben Typs hinzu:

“Haben Sie soeben einen Einkauf in unserem Online-Shop getätigt? Melden Sie sich in Ihrem Konto an und klicken Sie dann auf Hier Um den von Ihnen gekauften Termin oder Kurs zu buchen, ist Ihr Kauf bereits gespeichert.“

Dies ist auch in den automatisierten E-Mails von Mindbody Business enthalten. Es unterstreicht den Buchungsschritt während des Onboardings.

Wohin die „hier“-Links verweisen sollten

Jeder „Hier“-Link sollte Kunden auf eine Seite mit Ihrem eingebetteten Mindbody-Webbuchungs-Widget weiterleiten. Sie haben zwei Möglichkeiten:

• Eine Shopify-Seite (Erfordert den Basic-Tarif oder höher, nicht im Starter-Tarif verfügbar). Dies ist genau die „Jetzt buchen“-Seite aus Teil 1.
• Eine externe Website. Wenn Ihre Buchungsseite auf Squarespace, Wix, WordPress oder einer anderen Plattform liegt, betten Sie das Widget dort ein und verweisen Sie die Links stattdessen darauf.

In beiden Fällen handelt es sich um dieselbe Seite, die am Ende von Teil 1 gezeigt wurde: oben der Erklärungstext, darunter das Buchungs-Widget.

Ein Ort, den man kennen sollte

ShopConnect beinhaltet ein Send_mbo_password_reset_email Diese Einstellung steuert, ob ShopConnect automatisch die E-Mail zum Zurücksetzen des Mindbody-Passworts versendet. Es ist hilfreich zu wissen, dass diese Option existiert, damit Sie Ihre E-Mail-Kommunikation an die tatsächlich versendeten Inhalte anpassen können.

---

Warum das wichtig ist

Ein Buchungs-Widget und drei bearbeitete E-Mails klingen vielleicht nicht nach viel. Doch zusammen schließen sie die häufigste Lücke beim Online-Verkauf von Fitness- und Wellnessdienstleistungen: den Moment zwischen „Ich habe bezahlt“ und „Ich bin gebucht“. Genau in dieser Phase sind Kunden oft verwirrt, geben auf oder fragen per E-Mail nach, wo ihr Kurs geblieben ist.

Durch die direkte Integration des Buchungs-Widgets in Ihren Shopify-Shop entfällt die Zwischenspeicherung. Die vorgefertigten E-Mails nach dem Kauf sorgen für Transparenz und verhindern Überraschungen. Und ShopConnect übernimmt die manuelle Arbeit, indem es Käufe dem richtigen Mindbody-Kunden zuordnet, sodass Sie nicht zwei Systeme manuell abgleichen müssen.

Zum Mitnehmen

• Das Buchungs-Widget ist eine fünfstufige Shopify-Aufgabe. Erstellen Sie eine Seite, geben Sie ihr eine Vorlage, fügen Sie Ihren Mindbody-Widget-Code über Custom Liquid ein, machen Sie ihn sichtbar und fügen Sie ihn Ihrem Menü hinzu.
• Sie können auf Shopify auch ohne die Zahlungsabwicklung von Mindbody verkaufen. Der Ablauf lautet dann „erst kaufen, dann buchen“, und ShopConnect ordnet jeden Kauf automatisch dem richtigen Mindbody-Kunden zu.
• Bei der Abwicklung von Zahlungen ohne Zahlungsabwicklung ist Kommunikation das A und O. Eine zentrale Nachricht, die auf drei E-Mails verteilt wird, verhindert die Verwirrung um die Frage: „Was ist das für eine Mindbody-Passwort-E-Mail?“
• Ihre „hier“-Links und Ihr Buchungs-Widget sollten sich auf derselben Seite befinden. Einmal erstellen, überall darauf verlinken.

Sie nutzen ShopConnect und benötigen Unterstützung bei der Integration Ihres Shopify-Shops in Mindbody? Kontaktieren Sie das APIANT-Team, wir helfen Ihnen gerne weiter.