Cara Menambahkan Widget Pemesanan Mindbody ke Toko Shopify Anda

Seorang pelanggan menemukan studio Anda secara online, mengunjungi toko Shopify Anda, dan membeli paket 10 kelas. Bagus. Lalu apa selanjutnya? Dalam banyak situasi, di situlah pengalaman pelanggan terhenti. Pelanggan telah membayar, tetapi mereka tidak memiliki cara yang jelas untuk memesan kelas, dan beberapa menit kemudian mereka menerima email berisi permintaan kata sandi yang membingungkan dari perusahaan bernama "Mindbody" yang belum pernah mereka dengar.

Panduan ini mengatasi kedua masalah tersebut. Pertama, kita akan membahas cara menambahkan widget pemesanan Mindbody langsung ke toko Shopify Anda sehingga pelanggan dapat memesan hanya dengan beberapa klik. Kemudian, kita akan membahas cara berjualan di Shopify meskipun Anda tidak dapat menggunakan pemrosesan pembayaran Mindbody, dan bagaimana ShopConnect secara diam-diam menghubungkan kedua sistem tersebut di balik layar.

Anda tidak perlu menjadi seorang pengembang. Jika Anda bisa mengedit halaman di Shopify, Anda bisa melakukan semua ini.

---

Bagian 1: Menambahkan Widget Pemesanan Mindbody ke Toko Shopify Anda

Tujuannya sederhana: halaman "Pesan Sekarang" di toko Shopify Anda yang menampilkan jadwal Mindbody secara langsung, sehingga pelanggan dapat memesan tanpa perlu meninggalkan situs Anda.

Hal pertama yang Anda butuhkan

• Pikiran dan Tubuh Anda Situs Web Bermerek Cuplikan kode widget (Anda mendapatkannya dari akun Mindbody Anda)
• Paket Shopify dengan toko online (Basic, Grow, Advanced, atau Plus)
• Akses admin ke toko Shopify Anda
• Tema Toko Online 2.0 (seperti Dawn)

Jika Anda memiliki semua itu, Anda sudah siap.

Langkah 1: Buat halaman

Di panel admin Shopify Anda, buka Toko Online → Halaman → Tambah halaman.

Beri judul seperti “Pesan Sekarang.” Judul tersebut juga akan membuat alamat web halaman. Anda dapat menambahkan pengantar singkat di kotak Konten jika Anda mau, lalu klik Menyimpan.

Langkah 2: Buat templat khusus

Saat Anda masih mengedit halaman, lihat sisi kanan untuk... Templat Menu tarik-turun. Klik dan pilih Buat templat.

Beri nama templat sesuai dengan halaman Anda (misalnya, “pesan sekarang”), dan gunakan Halaman default sebagai dasarnya. Klik Menyimpan.

Ini memberikan halaman pemesanan Anda templat tersendiri sehingga Anda dapat memasukkan widget tanpa memengaruhi bagian lain dari toko Anda.

Langkah 3: Tambahkan kode widget dengan bagian Liquid Kustom.

Sekarang pergilah ke Toko Online → Tema lalu klik Sesuaikan pada tema langsung Anda.

Gunakan menu tarik-turun halaman di bagian atas untuk memilih halaman dan templat baru yang baru saja Anda buat. Di panel sebelah kiri, klik Tambahkan bagian → Cairan Kustom.

Tempelkan kode widget pemesanan Mindbody Anda ke dalam kotak. Tampilannya seperti ini:

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

Ganti XXXXXXXXXXX dengan ID widget Anda sendiri dari Mindbody. Klik Menyimpan, dan pratinjau widget pemesanan akan langsung muncul.

Langkah 4: Jadikan halaman terlihat

Kembali ke Toko Online → Halaman dan buka halaman Anda.

Mengatur Visibilitas → Terlihatlalu klik MenyimpanKunjungi alamat web halaman tersebut untuk memastikan widget dimuat dan jadwal Anda muncul.

Langkah 5: Tambahkan halaman ke menu toko Anda

Langkah terakhir: buat halaman mudah ditemukan. Buka Toko Online → Navigasi dan buka milikmu Menu utama.

Klik Tambahkan item menu, beri nama “Pesan Sekarang,” dan tautkan ke halaman yang telah Anda buat. Klik Menambahkan, Kemudian Menyimpan.

Selesai. Pelanggan sekarang dapat memesan langsung dari toko Anda.

Opsional: tambahkan juga halaman pendaftaran.

Jika Anda juga menginginkan halaman pendaftaran, ulangi Langkah 1 hingga 4 dengan kode widget pendaftaran ini sebagai gantinya:

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

Kemudian, tautkan kedua halaman tersebut agar pelanggan dapat berpindah antara pemesanan dan pendaftaran dengan mudah.

---

Bagian 2: Berjualan di Shopify Tanpa Pemrosesan Pembayaran Mindbody

Di beberapa wilayah, pemrosesan pembayaran Mindbody tidak tersedia, yang berarti Anda tidak dapat menerima pembayaran melalui Mindbody secara langsung. Kabar baiknya: Anda masih dapat menjual layanan, paket, dan keanggotaan di Shopify dan semuanya akan masuk dengan benar ke Mindbody. Alurnya hanya sedikit berubah menjadi "beli dulu, pesan kemudian."

Bagaimana alur kerjanya

1. Seorang pelanggan membeli layanan, paket, atau keanggotaan di toko Shopify Anda.
2. ShopConnect membuat atau mencocokkan catatan klien Mindbody mereka dan mencatat pembelian, sehingga kredit mereka sudah tercatat di Mindbody.
3. Pelanggan kemudian masuk ke Mindbody untuk memesan janji temu atau kelas mereka.

ShopConnect adalah penghubung antara kedua sistem tersebut. Pelanggan membayar di Shopify, dan ShopConnect memastikan pembelian tersebut muncul pada klien yang tepat di Mindbody tanpa Anda perlu memasukkan data ulang.

Satu sisi yang kasar, dan cara menghaluskannya

Ada momen yang membingungkan pelanggan jika Anda tidak mempersiapkannya. Setelah mereka membayar di toko Shopify Anda, Mindbody mengirimkan email berisi kata sandi. Bagi pelanggan yang belum pernah mendengar tentang "Mindbody," email tersebut bisa terlihat seperti spam, dan mereka mungkin mengabaikannya. Kemudian mereka bertanya-tanya di mana kelas mereka.

Solusinya adalah komunikasi. Dokumentasi merekomendasikan satu komunikasi tunggal. pesan utama Anda menggunakan kembali email-email berikut di seluruh email yang diterima pelanggan setelah melakukan pembelian:

“Terima kasih telah melakukan pembelian ini dari toko online kami! Silakan tunggu email berisi kata sandi Anda dari perangkat lunak pemesanan online kami,” Mindbody OnlineSetelah Anda mengatur kata sandi, klik Di Sini untuk memesan janji temu atau kelas Anda.”

Kata “di sini” mengarah ke halaman pemesanan Anda (halaman Shopify “Pesan Sekarang” yang sama yang Anda buat di Bagian 1, atau halaman yang setara di situs web lain).

Di mana pesan tersebut harus ditempatkan: tiga email

Pesan utama tersebut diadaptasi di ketiga email yang diterima pelanggan setelah melakukan pembelian.

Email 1: Konfirmasi pesanan Shopify. Di Shopify, buka Pengaturan → Notifikasi → Konfirmasi pesananTambahkan pesan utama di dekat bagian atas email, di atas ringkasan pesanan. Ini akan menetapkan ekspektasi pelanggan saat mereka melakukan checkout, ketika mereka masih memperhatikan.

Email 2: email Mindbody “Lupa Informasi Login”. Ini adalah email otomatis bersama, jadi Anda tidak dapat menggantinya sepenuhnya. Sebagai gantinya, tambahkan blok bersyarat setelah konten yang ada:

“Apakah Anda baru saja melakukan pembelian dari toko online kami? Setelah masuk menggunakan informasi di atas, klik Di Sini Untuk memesan janji temu atau kelas yang telah Anda beli, pembelian Anda sudah tercatat.

Anda akan menemukan ini di pengaturan email otomatis Mindbody Business. Ini memberikan informasi login pelanggan sekaligus menghubungkannya kembali ke pembelian yang baru saja mereka lakukan.

Email 3: Email selamat datang dari Mindbody. Edit versi mode bisnis, karena ShopConnect membuat klien dalam mode bisnis. Tambahkan jenis blok yang sama:

“Apakah Anda baru saja melakukan pembelian dari toko online kami? Masuk ke akun Anda, lalu klik Di Sini Untuk memesan janji temu atau kelas yang telah Anda beli, pembelian Anda sudah tercatat.

Hal ini juga terdapat dalam email otomatis Mindbody Business. Ini memperkuat langkah pemesanan selama proses onboarding.

Ke mana tautan “di sini” seharusnya mengarah

Setiap tautan “di sini” harus mengarahkan pelanggan ke halaman yang berisi widget pemesanan web bermerek Mindbody yang Anda sematkan. Anda memiliki dua pilihan:

• Halaman Shopify (Membutuhkan paket Basic atau lebih tinggi, tidak tersedia di paket Starter). Ini persis halaman “Pesan Sekarang” dari Bagian 1.
• Situs web eksternal. Jika halaman pemesanan Anda berada di Squarespace, Wix, WordPress, atau platform lain, sematkan widget di sana dan arahkan tautan ke sana.

Bagaimanapun juga, ini adalah halaman yang sama seperti yang ditampilkan di akhir Bagian 1: teks penjelasan di bagian atas, dan widget pemesanan di bawahnya.

Suatu latar yang patut diketahui

ShopConnect mencakup Send_mbo_password_reset_email Pengaturan ini mengontrol apakah ShopConnect secara otomatis memicu email pengaturan ulang kata sandi Mindbody. Penting untuk mengetahui keberadaan pengaturan ini agar Anda dapat menyelaraskan pesan email Anda dengan apa yang sebenarnya dikirim.

---

Mengapa Ini Penting

Widget pemesanan dan tiga email yang diedit mungkin terdengar sederhana. Namun, bersama-sama, keduanya menutup celah paling umum dalam penjualan layanan kebugaran dan kesehatan secara online: momen antara "Saya sudah membayar" dan "Saya sudah memesan." Celah itulah yang membuat pelanggan bingung, menyerah, atau mengirim email kepada Anda menanyakan ke mana kelas mereka pergi.

Menempatkan widget pemesanan langsung di toko Shopify Anda menghilangkan proses transfer data. Menyiapkan email pasca-pembelian menghilangkan kejutan. Dan ShopConnect menghilangkan pekerjaan manual di tengah, mencocokkan pembelian dengan klien Mindbody yang tepat sehingga Anda tidak perlu merekonsiliasi dua sistem secara manual.

Kesimpulan

• Widget pemesanan adalah tugas Shopify yang terdiri dari lima langkah. Buat halaman, berikan templat, masukkan kode widget Mindbody Anda melalui Custom Liquid, buat widget tersebut terlihat, dan tambahkan ke menu Anda.
• Anda dapat berjualan di Shopify tanpa menggunakan pemrosesan pembayaran Mindbody. Alurnya menjadi “beli dulu, pesan kemudian,” dan ShopConnect mencatat setiap pembelian secara otomatis terhadap klien Mindbody yang tepat.
• Komunikasi adalah kunci utama dalam proses tanpa pembayaran. Satu pesan utama, yang diadaptasi ke dalam tiga email, mencegah kebingungan "email kata sandi Mindbody ini apa?".
• Tautan "di sini" dan widget pemesanan Anda harus berada di halaman yang sama. Buat sekali, tautkan ke mana saja.

Sedang menjalankan ShopConnect dan membutuhkan bantuan untuk menghubungkan toko Shopify Anda dengan Mindbody? Hubungi tim APIANT, kami dengan senang hati akan membantu Anda.