APIANT

Hướng dẫn cách thêm tiện ích đặt lịch hẹn Mindbody vào cửa hàng Shopify của bạn

Khách hàng của bạn có thể mua một khóa học trên cửa hàng Shopify của bạn và đặt chỗ chỉ vài phút sau đó. Dưới đây là cách kết nối hai việc này mà không cần động đến bất kỳ dòng mã nào bạn không hiểu.

Logo Shopify được kết nối với logo Mindbody thông qua một lịch đặt chỗ phát sáng.

Một khách hàng tìm thấy phòng tập của bạn trực tuyến, truy cập vào cửa hàng Shopify của bạn và mua gói 10 buổi học. Tuyệt vời. Giờ thì sao? Trong nhiều trường hợp, trải nghiệm khách hàng thường bị đình trệ ở đó. Khách hàng đã thanh toán, nhưng họ không có cách nào rõ ràng để đặt lịch học, và vài phút sau họ nhận được một email chứa mật khẩu khó hiểu từ một công ty có tên "Mindbody" mà họ chưa từng nghe đến.

Hướng dẫn này giải quyết cả hai vấn đề. Đầu tiên, chúng ta sẽ cùng tìm hiểu cách thêm tiện ích đặt lịch hẹn Mindbody trực tiếp vào cửa hàng Shopify của bạn để khách hàng có thể đặt lịch chỉ với vài cú nhấp chuột. Sau đó, chúng ta sẽ tìm hiểu cách bán hàng trên Shopify ngay cả khi bạn không thể sử dụng hệ thống xử lý thanh toán của Mindbody, và cách ShopConnect kết nối hai hệ thống này với nhau một cách âm thầm.

Bạn không cần phải là lập trình viên. Nếu bạn có thể chỉnh sửa một trang trong Shopify, bạn có thể làm được tất cả những điều này.


Phần 1: Thêm tiện ích đặt lịch Mindbody vào cửa hàng Shopify của bạn

Mục tiêu ở đây rất đơn giản: một trang "Đặt lịch ngay" trên cửa hàng Shopify của bạn hiển thị lịch đặt lịch trực tuyến của Mindbody, để khách hàng có thể đặt lịch mà không cần rời khỏi trang web của bạn.

Những thứ bạn cần trước tiên

  • Tâm trí và cơ thể của bạn Trang web thương hiệu Đoạn mã widget (bạn lấy đoạn mã này từ tài khoản Mindbody của mình)
  • Gói Shopify có cửa hàng trực tuyến (Basic, Grow, Advanced hoặc Plus)
  • Quyền quản trị cho cửa hàng Shopify của bạn
  • Giao diện cửa hàng trực tuyến 2.0 (giống như Dawn)

Nếu bạn có tất cả những thứ đó, bạn đã sẵn sàng.

Bước 1: Tạo trang

Trong trang quản trị Shopify của bạn, hãy truy cập vào... Cửa hàng trực tuyến → Trang → Thêm trang.

Hãy đặt tiêu đề cho trang, ví dụ như “Đặt ngay”. Tiêu đề này cũng sẽ tạo ra địa chỉ web của trang. Bạn có thể thêm một đoạn giới thiệu ngắn vào ô Nội dung nếu muốn, sau đó nhấp vào Cứu.

Màn hình Trang Shopify, với nút Thêm trang được tô sáng.

Bước 2: Tạo mẫu tùy chỉnh

Trong khi bạn vẫn đang chỉnh sửa trang, hãy nhìn vào phía bên phải để xem... Bản mẫu Menu thả xuống. Nhấp vào đó và chọn Tạo mẫu.

Đặt tên mẫu theo tên trang của bạn (ví dụ: “book-now”) và sử dụng Trang mặc định làm cơ sở. Nhấp chuột Cứu.

Điều này giúp trang đặt chỗ của bạn có một mẫu riêng, cho phép bạn chèn tiện ích mà không ảnh hưởng đến phần còn lại của cửa hàng.

Bước 3: Thêm mã widget với phần Liquid tùy chỉnh

Bây giờ hãy đi đến Cửa hàng trực tuyến → Chủ đề và nhấp chuột Tùy chỉnh trên giao diện trực tiếp của bạn.

Sử dụng menu thả xuống trang ở trên cùng để chọn trang và mẫu mới mà bạn vừa tạo. Trong bảng điều khiển bên trái, nhấp vào Thêm phần → Liquid tùy chỉnh.

Dán mã tiện ích đặt lịch Mindbody của bạn vào ô. Mã sẽ trông như thế này:

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

Thay thế XXXXXXXXXXX với ID tiện ích của riêng bạn từ Mindbody. Nhấp chuột Cứuvà bản xem trước tiện ích đặt chỗ sẽ xuất hiện ngay lập tức.

Trình chỉnh sửa giao diện Dawn: một phần Liquid tùy chỉnh chứa mã tiện ích Mindbody, với lịch học được hiển thị trực tiếp trong bản xem trước trang.

Bước 4: Hiển thị trang

Quay lại Cửa hàng trực tuyến → Trang và mở trang của bạn.

Bộ Khả năng hiển thị → Hiển thịsau đó nhấp chuột CứuHãy truy cập địa chỉ web của trang để xác nhận tiện ích đã tải và lịch trình của bạn hiển thị.

Trang đích "Đặt lịch ngay" của Shopify với hướng dẫn cách đặt lịch, liên kết đến các dịch vụ và tiện ích đặt lịch của Mindbody Schedules.

Bước 5: Thêm trang này vào menu cửa hàng của bạn

Bước cuối cùng: giúp trang dễ tìm thấy. Truy cập vào... Cửa hàng trực tuyến → Điều hướng và mở của bạn Menu chính.

Nhấp chuột Thêm mục menuĐặt tên cho nó là “Đặt ngay” và liên kết nó với trang bạn vừa tạo. Nhấp chuột Thêm vào, sau đó Cứu.

Màn hình điều hướng Shopify, hiển thị menu chính với mục "Đặt ngay" mới được thêm vào.

Vậy là xong. Khách hàng giờ đây có thể đặt chỗ trực tiếp từ cửa hàng của bạn.

Tùy chọn: thêm trang đăng ký nữa

Nếu bạn cũng muốn có trang đăng ký, hãy lặp lại các bước từ 1 đến 4 với mã tiện ích đăng ký này:

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

Sau đó, hãy liên kết hai trang này với nhau để khách hàng có thể dễ dàng chuyển đổi giữa trang đặt chỗ và trang đăng ký.


Phần 2: Bán hàng trên Shopify mà không cần sử dụng dịch vụ xử lý thanh toán của Mindbody

Tại một số khu vực, dịch vụ xử lý thanh toán của Mindbody không khả dụng, điều này có nghĩa là bạn không thể nhận thanh toán trực tiếp qua Mindbody. Tin tốt là: bạn vẫn có thể bán các dịch vụ, gói sản phẩm và thành viên trên Shopify và mọi thứ sẽ được chuyển chính xác vào Mindbody. Quy trình chỉ thay đổi một chút thành "mua trước, đặt chỗ sau".

Cách thức hoạt động của quy trình

  1. Khách hàng mua một dịch vụ, gói sản phẩm hoặc gói thành viên trên cửa hàng Shopify của bạn.
  2. ShopConnect Tạo hoặc đối khớp hồ sơ khách hàng Mindbody của họ và ghi lại giao dịch mua hàng, do đó thông tin tín dụng của họ đã được lưu trong Mindbody.
  3. Sau đó, khách hàng đăng nhập vào Mindbody để đặt lịch hẹn hoặc lớp học cụ thể.

ShopConnect là cầu nối giữa hai hệ thống. Khách hàng thanh toán trên Shopify, và ShopConnect đảm bảo giao dịch đó được hiển thị đúng với khách hàng trong Mindbody mà không cần bạn nhập lại bất kỳ thông tin nào.

Điểm chưa hoàn thiện duy nhất, và cách để làm cho nó trở nên hoàn hảo.

Có một khoảnh khắc có thể khiến khách hàng bối rối nếu bạn không chuẩn bị trước. Sau khi họ thanh toán trên cửa hàng Shopify của bạn, Mindbody sẽ gửi cho họ một email chứa mật khẩu. Đối với một khách hàng chưa từng nghe đến "Mindbody", email đó có thể trông giống như thư rác và họ có thể bỏ qua nó. Sau đó, họ tự hỏi lớp học của mình ở đâu.

Giải pháp nằm ở việc giao tiếp. Tài liệu hướng dẫn khuyến nghị chỉ nên sử dụng một phương pháp duy nhất. thông điệp chính Bạn tái sử dụng chúng trong các email mà khách hàng nhận được sau khi mua hàng:

Cảm ơn bạn đã mua hàng từ cửa hàng trực tuyến của chúng tôi! Hãy chú ý kiểm tra email chứa mật khẩu của bạn từ phần mềm đặt chỗ trực tuyến của chúng tôi nhé! Tâm trí và cơ thể trực tuyếnSau khi thiết lập mật khẩu, hãy nhấp vào... đây để đặt lịch hẹn hoặc lớp học của bạn.”

Từ “ở đây” liên kết đến trang đặt chỗ của bạn (trang “Đặt ngay” trên Shopify mà bạn đã xây dựng ở Phần 1, hoặc một trang tương đương trên trang web khác).

Nên gửi tin nhắn ở đâu: ba email

Thông điệp chính được điều chỉnh cho phù hợp với ba email mà khách hàng nhận được sau khi mua hàng.

Email 1: Xác nhận đơn hàng Shopify. Trong Shopify, hãy truy cập vào... Cài đặt → Thông báo → Xác nhận đơn hàngThêm thông điệp chính ở gần đầu email, phía trên phần tóm tắt đơn hàng. Điều này giúp thiết lập kỳ vọng ngay từ khi khách hàng hoàn tất thanh toán, khi họ vẫn còn đang chú ý.

Email 2: Email “Quên thông tin đăng nhập” của Mindbody. Đây là email tự động được chia sẻ, vì vậy bạn không thể thay thế hoàn toàn nội dung này. Thay vào đó, hãy thêm một khối điều kiện sau nội dung hiện có:

Bạn vừa mua hàng từ cửa hàng trực tuyến của chúng tôi phải không? Sau khi đăng nhập bằng thông tin trên, hãy nhấp vào đây Để đặt lịch hẹn hoặc lớp học mà bạn đã mua, giao dịch mua hàng của bạn đã được ghi nhận.

Bạn sẽ tìm thấy tùy chọn này trong cài đặt email tự động của Mindbody Business. Nó cung cấp cho khách hàng thông tin đăng nhập đồng thời liên kết thông tin đó với giao dịch mua hàng mà họ vừa thực hiện.

Email 3: Email chào mừng từ Mindbody. Chỉnh sửa phiên bản dành cho chế độ doanh nghiệp, vì ShopConnect tạo khách hàng ở chế độ doanh nghiệp. Thêm khối tương tự:

Bạn vừa mua hàng từ cửa hàng trực tuyến của chúng tôi phải không? Đăng nhập vào tài khoản của bạn, sau đó nhấp vào đây Để đặt lịch hẹn hoặc lớp học mà bạn đã mua, giao dịch mua hàng của bạn đã được ghi nhận.

Điều này cũng xuất hiện trong các email tự động của Mindbody Business. Nó giúp củng cố bước đặt lịch trong quá trình đăng ký.

Mỗi liên kết “tại đây” nên dẫn khách hàng đến một trang có tích hợp tiện ích đặt lịch trực tuyến mang thương hiệu Mindbody của bạn. Bạn có hai lựa chọn:

  • Trang Shopify (Yêu cầu gói Basic trở lên, không có sẵn trên gói Starter). Đây chính xác là trang “Đặt ngay” từ Phần 1.
  • Một trang web bên ngoài. Nếu trang đặt chỗ của bạn được xây dựng trên Squarespace, Wix, WordPress hoặc nền tảng khác, hãy nhúng tiện ích vào đó và trỏ các liên kết đến tiện ích đó.

Dù sao thì, đó vẫn là trang giống như ở cuối Phần 1: phần giải thích ở trên, và tiện ích đặt chỗ ở dưới.

Một khung cảnh đáng để khám phá.

ShopConnect bao gồm Send_mbo_password_reset_email Cài đặt này kiểm soát việc ShopConnect có tự động kích hoạt email đặt lại mật khẩu Mindbody hay không. Việc biết đến cài đặt này rất hữu ích để bạn có thể điều chỉnh nội dung email của mình sao cho phù hợp với nội dung thực sự được gửi đi.


Tại sao điều này lại quan trọng

Một tiện ích đặt chỗ và ba email được chỉnh sửa nghe có vẻ không nhiều. Nhưng khi kết hợp lại, chúng sẽ lấp đầy khoảng trống phổ biến nhất trong việc bán các dịch vụ thể dục và chăm sóc sức khỏe trực tuyến: khoảnh khắc giữa "Tôi đã thanh toán" và "Tôi đã đặt chỗ thành công". Khoảng trống đó là nơi khách hàng bị nhầm lẫn, bỏ cuộc hoặc gửi email hỏi bạn về lớp học của họ.

Việc tích hợp trực tiếp tiện ích đặt lịch vào cửa hàng Shopify của bạn giúp loại bỏ bước trung gian. Việc chuẩn bị sẵn email sau khi mua hàng giúp tránh sự bất ngờ. Và ShopConnect loại bỏ công việc thủ công ở giữa, tự động đối khớp các giao dịch mua hàng với đúng khách hàng Mindbody, giúp bạn không cần phải đồng bộ hóa hai hệ thống bằng tay.

Tóm lại

  • Tiện ích đặt chỗ là một tác vụ Shopify gồm năm bước. Tạo một trang, gán cho nó một mẫu, chèn mã widget Mindbody của bạn thông qua Custom Liquid, hiển thị nó và thêm vào menu của bạn.
  • Bạn có thể bán hàng trên Shopify mà không cần sử dụng dịch vụ xử lý thanh toán của Mindbody. Quy trình trở thành “mua trước, đặt sau”, và ShopConnect tự động ghi lại mỗi giao dịch mua hàng vào đúng tài khoản khách hàng của Mindbody.
  • Giao tiếp là yếu tố then chốt trong quy trình xử lý thanh toán không cần thiết. Một thông điệp chính duy nhất, được điều chỉnh cho ba email khác nhau, giúp tránh sự nhầm lẫn kiểu "email về mật khẩu Mindbody này là gì?".
  • Các liên kết "tại đây" và tiện ích đặt chỗ của bạn nên nằm trên cùng một trang. Xây dựng một lần, liên kết đến nó ở mọi nơi.

Bạn đang sử dụng ShopConnect và cần hỗ trợ để kết nối cửa hàng Shopify và Mindbody? Hãy liên hệ với nhóm APIANT, chúng tôi rất sẵn lòng hướng dẫn bạn từng bước.