Jak dodać widżet rezerwacji Mindbody do sklepu Shopify
Twoi klienci powinni móc kupić zajęcia w Twoim sklepie Shopify i zarezerwować je kilka minut później. Oto jak połączyć te dwa elementy bez wprowadzania niejasnej linijki kodu.

Klient znajduje Twoje studio online, trafia do sklepu Shopify i kupuje pakiet 10 zajęć. Świetnie. Co dalej? W wielu przypadkach to właśnie tutaj kończy się doświadczenie. Klient zapłacił, ale nie ma oczywistego sposobu na zarezerwowanie zajęć, a kilka minut później otrzymuje niezrozumiałego e-maila z hasłem od firmy o nazwie „Mindbody”, o której nigdy wcześniej nie słyszał.
Ten poradnik rozwiązuje oba problemy. Najpierw pokażemy, jak dodać widżet rezerwacji Mindbody bezpośrednio do sklepu Shopify, aby klienci mogli dokonywać rezerwacji kilkoma kliknięciami. Następnie pokażemy, jak sprzedawać w Shopify, nawet jeśli nie możesz korzystać z przetwarzania płatności Mindbody, oraz jak ShopConnect dyskretnie łączy oba systemy w tle.
Nie musisz być programistą. Jeśli potrafisz edytować stronę w Shopify, poradzisz sobie ze wszystkim.
Część 1: Dodaj widżet rezerwacji Mindbody do swojego sklepu Shopify
Cel jest prosty: strona „Zarezerwuj teraz” w Twoim sklepie Shopify, na której będzie wyświetlany Twój aktualny harmonogram Mindbody, dzięki czemu klienci będą mogli dokonywać rezerwacji bez opuszczania Twojej witryny.
Czego będziesz potrzebować na początek
- Twój umysł i ciało Markowa sieć fragment kodu widżetu (otrzymasz go ze swojego konta Mindbody)
- Plan Shopify ze sklepem internetowym (Basic, Grow, Advanced lub Plus)
- Dostęp administratora do Twojego sklepu Shopify
- Motyw sklepu internetowego 2.0 (jak Dawn)
Jeśli masz to wszystko, jesteś gotowy.
Krok 1: Utwórz stronę
W panelu administracyjnym Shopify przejdź do Sklep internetowy → Strony → Dodaj stronę.
Nadaj jej tytuł, na przykład „Zarezerwuj teraz”. Ten tytuł będzie również stanowił adres internetowy strony. Jeśli chcesz, możesz dodać krótkie wprowadzenie w polu „Treść”, a następnie kliknij Ratować.

Krok 2: Utwórz niestandardowy szablon
Podczas edycji strony spójrz na prawą stronę, aby zobaczyć Szablon rozwijanej. Kliknij ją i wybierz Utwórz szablon.
Nadaj szablonowi nazwę odpowiadającą Twojej stronie (na przykład „zarezerwuj teraz”) i użyj Strona domyślna jako bazę. Kliknij Ratować.
Dzięki temu Twoja strona rezerwacji będzie miała własny szablon, dzięki czemu możesz umieścić widżet bez wpływu na resztę sklepu.
Krok 3: Dodaj kod widżetu za pomocą sekcji „Custom Liquid”
Teraz przejdź do Sklep internetowy → Motywy i kliknij Dostosuj na Twoim motywie na żywo.
Użyj menu rozwijanego u góry, aby wybrać nową stronę i szablon, który właśnie utworzyłeś. W lewym panelu kliknij Dodaj sekcję → Niestandardowy płyn.
Wklej kod widżetu rezerwacji Mindbody w odpowiednie pole. Wygląda on tak:
<div class="mindbody-widget" data-widget-type="Schedules" data-widget-id="XXXXXXXXXXX"></div>
<script async src="https://brandedweb.mindbodyonline.com/embed/widget.js"></script>
Wymień XXXXXXXXXXX z własnym identyfikatorem widżetu od Mindbody. Kliknij Ratować, a podgląd widżetu rezerwacji pojawi się natychmiast.

Krok 4: Uczyń stronę widoczną
Wróć do Sklep internetowy → Strony i otwórz swoją stronę.
Ustawić Widoczność → Widoczny, a następnie kliknij RatowaćOdwiedź adres internetowy strony, aby sprawdzić, czy widżet został załadowany i czy wyświetlił się Twój harmonogram.

Krok 5: Dodaj stronę do menu swojego sklepu
Ostatni krok: spraw, aby strona była łatwa do znalezienia. Przejdź do Sklep internetowy → Nawigacja i otwórz swoje Menu główne.
Trzask Dodaj element menu, nazwij ją „Zarezerwuj teraz” i połącz ją ze stroną, którą utworzyłeś. Kliknij Dodać, Następnie Ratować.

To wszystko. Klienci mogą teraz dokonywać rezerwacji bezpośrednio w Twoim sklepie.
Opcjonalnie: dodaj również stronę rejestracyjną
Jeśli chcesz również stronę rejestracyjną, powtórz kroki od 1 do 4, używając zamiast tego kodu widżetu rejestracyjnego:
<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>
Następnie połącz obie strony, aby klienci mogli łatwo przechodzić między rezerwacją a rejestracją.
Część 2: Sprzedaż w Shopify bez przetwarzania płatności Mindbody
W niektórych regionach przetwarzanie płatności przez Mindbody jest niedostępne, co oznacza, że nie można przyjmować płatności bezpośrednio przez Mindbody. Dobra wiadomość: nadal możesz sprzedawać usługi, pakiety i członkostwa w Shopify, a wszystko będzie poprawnie trafiać do Mindbody. Proces płatności zmienia się tylko nieznacznie na „najpierw kup, potem zarezerwuj”.
Jak działa przepływ
- Klient kupuje usługę, pakiet lub członkostwo w Twoim sklepie Shopify.
- ShopConnect tworzy lub dopasowuje swój rekord klienta Mindbody i rejestruje zakup, dzięki czemu jego kredyt jest już zapisany w systemie Mindbody.
- Następnie klient loguje się do Mindbody, aby zarezerwować wizytę lub zajęcia.
ShopConnect łączy oba systemy. Klient płaci w Shopify, a ShopConnect dba o to, aby zakup został przypisany do właściwego klienta w Mindbody, bez konieczności ponownego wprowadzania danych.
Jedna nierówna krawędź i jak ją wygładzić
Jest taki moment, który wprowadza klientów w zakłopotanie, jeśli się na niego nie przygotujesz. Po dokonaniu płatności w Twoim sklepie Shopify, Mindbody wysyła im e-mail z hasłem. Dla klienta, który nigdy nie słyszał o „Mindbody”, ten e-mail może wyglądać jak spam i może go zignorować. Wtedy zastanawia się, gdzie jest jego klasa.
Rozwiązaniem jest komunikacja. Lekarze zalecają pojedynczą wiadomość główna możesz je ponownie wykorzystać w wiadomościach e-mail, które klienci otrzymują po zakupie:
Dziękujemy za dokonanie zakupu w naszym sklepie internetowym! Wypatruj wiadomości e-mail z hasłem z naszego oprogramowania do rezerwacji online. Mindbody Online. Po ustawieniu hasła kliknij Tutaj aby zarezerwować termin wizyty lub zajęcia.”
Słowo „tutaj” odsyła do strony rezerwacji (tej samej strony „Zarezerwuj teraz” Shopify, którą utworzyłeś w Części 1, lub podobnej strony na innej stronie internetowej).
Gdzie umieścić wiadomość: trzy e-maile
Główna wiadomość jest dostosowywana do trzech wiadomości e-mail, które klient otrzymuje po zakupie.
E-mail 1: potwierdzenie zamówienia Shopify. W Shopify przejdź do Ustawienia → Powiadomienia → Potwierdzenie zamówieniaDodaj główną wiadomość u góry wiadomości e-mail, nad podsumowaniem zamówienia. To określi oczekiwania klienta w momencie finalizacji zamówienia, gdy jeszcze jest na nie skupiony.
E-mail 2: e-mail od Mindbody „Zapomniałeś danych logowania”. To jest współdzielony, automatyczny e-mail, więc nie możesz go w pełni zastąpić. Zamiast tego dodaj blok warunkowy po istniejącej treści:
“Czy właśnie dokonałeś zakupu w naszym sklepie internetowym? Po zalogowaniu się przy użyciu powyższych danych kliknij Tutaj aby zarezerwować wizytę lub zajęcia, które kupiłeś, Twój zakup jest już zapisany w pliku.”
Znajdziesz to w automatycznych ustawieniach poczty e-mail Mindbody Business. Klient otrzymuje login i łączy się z zakupem, którego właśnie dokonał.
E-mail 3: powitalny e-mail od Mindbody. Edytuj wersję w trybie biznesowym, ponieważ ShopConnect tworzy klientów w trybie biznesowym. Dodaj ten sam rodzaj bloku:
“Czy właśnie dokonałeś zakupu w naszym sklepie internetowym? Zaloguj się na swoje konto, a następnie kliknij Tutaj aby zarezerwować wizytę lub zajęcia, które kupiłeś, Twój zakup jest już zapisany w pliku.”
Ta opcja jest również dostępna w zautomatyzowanych e-mailach Mindbody Business. Wzmacnia ona etap rezerwacji podczas wdrażania.
Gdzie powinny prowadzić linki „tutaj”
Każdy link „tutaj” powinien kierować klientów na stronę z osadzonym widżetem rezerwacji Mindbody Branded Web. Masz dwie opcje:
- Strona Shopify (wymaga planu Basic lub wyższego, niedostępne w planie Starter). To jest dokładnie ta sama strona „Zarezerwuj teraz” z Części 1.
- Zewnętrzna strona internetowa. Jeśli Twoja strona rezerwacji znajduje się na platformie Squarespace, Wix, WordPress lub innej, osadź tam widget i podaj linki do niego.
Tak czy inaczej, jest to ta sama strona, którą pokazano na końcu Części 1: tekst objaśniający u góry, widżet rezerwacji poniżej.
Ustawienie warte poznania
ShopConnect obejmuje Send_mbo_password_reset_email Ustawienie, które kontroluje, czy ShopConnect automatycznie wysyła wiadomość e-mail z resetem hasła Mindbody. Warto o tym wiedzieć, aby móc dostosować treść wiadomości e-mail do faktycznej wysyłki.
Dlaczego to ma znaczenie
Widget do rezerwacji i trzy edytowane e-maile brzmią niewiele. Ale razem wypełniają najczęstszą lukę w sprzedaży usług fitness i wellness online: moment między „Zapłaciłem” a „Zarezerwowałem”. To właśnie wtedy klienci są zdezorientowani, rezygnują lub wysyłają e-maile z pytaniem, gdzie odbyły się ich zajęcia.
Umieszczenie widżetu rezerwacji bezpośrednio w sklepie Shopify eliminuje konieczność przekazywania zamówień. Przygotowanie e-maili po zakupie eliminuje niespodzianki. ShopConnect eliminuje również ręczną pracę w trakcie realizacji zamówienia, dopasowując zakupy do odpowiedniego klienta Mindbody, dzięki czemu nie musisz ręcznie uzgadniać dwóch systemów.
Dania na wynos
- Widget rezerwacji to pięcioetapowe zadanie Shopify. Utwórz stronę, stwórz dla niej szablon, wklej kod widżetu Mindbody za pomocą Custom Liquid, ustaw go jako widoczny i dodaj do menu.
- Możesz sprzedawać na Shopify bez przetwarzania płatności Mindbody. Zasada działania staje się następująca: „najpierw kup, potem zarezerwuj”, a ShopConnect automatycznie rejestruje każdy zakup dla odpowiedniego klienta Mindbody.
- Komunikacja jest kluczowa w procesie przetwarzania bez płatności. Jedna główna wiadomość, dostosowana do trzech wiadomości e-mail, zapobiega nieporozumieniom typu „Jaki jest adres e-mail z hasłem Mindbody?”.
- Linki „tutaj” i widżet rezerwacji powinny znajdować się na tej samej stronie. Zbuduj raz i udostępniaj wszędzie.
Korzystasz z ShopConnect i potrzebujesz pomocy w zintegrowaniu swojego sklepu Shopify z Mindbody? Skontaktuj się z zespołem APIANT – chętnie przeprowadzimy Cię przez ten proces.


