如何将 Mindbody 预订小部件添加到您的 Shopify 商店

顾客在网上找到您的工作室，进入您的 Shopify 商店，并购买了 10 节课的套餐。很好。接下来呢？在很多情况下，体验就此停滞。顾客已经付款，但却找不到预订课程的便捷途径，几分钟后，他们收到一封来自名为“Mindbody”的陌生公司的邮件，邮件里要求输入密码，而他们之前从未听说过这家公司。

本指南将解决这两个问题。首先，我们将逐步讲解如何将 Mindbody 预订插件直接添加到您的 Shopify 商店，以便客户只需点击几下即可完成预订。然后，我们将介绍即使您无法使用 Mindbody 的支付处理功能，如何在 Shopify 上销售产品，以及 ShopConnect 如何在后台悄然将这两个系统连接起来。

你不需要是开发人员。如果你会编辑 Shopify 页面，你就能完成所有这些操作。

---

第一部分：将 Mindbody 预订小部件添加到您的 Shopify 商店

目标很简单：在您的 Shopify 商店中创建一个“立即预订”页面，显示您的 Mindbody 实时课程安排，以便客户无需离开您的网站即可进行预订。

首先你需要准备什么

• 你的身心 品牌网站 小部件代码片段（您可以从您的 Mindbody 帐户中获取）
• Shopify 提供包含在线商店的套餐（基础版、成长版、高级版或加强版）
• 您的 Shopify 商店的管理员权限
• 一款类似 Dawn 的 Online Store 2.0 主题

如果你具备了所有这些条件，你就准备好了。

步骤 1：创建页面

在您的 Shopify 管理后台中，转到 在线商店 → 页面 → 添加页面.

给它起个标题，比如“立即预订”。这个标题也会生成页面的网址。如果需要，你可以在“内容”框中添加一段简短的介绍，然后点击。 节省.

步骤二：创建自定义模板

在编辑页面时，请查看右侧的…… 模板 点击下拉菜单并选择 创建模板.

将模板命名为页面名称（例如，“立即预订”），并使用 默认页面 以它为基础。点击 节省.

这样一来，您的预订页面就有了自己的模板，您可以轻松插入小部件，而不会影响商店的其他部分。

步骤 3：添加带有自定义 Liquid 部分的组件代码

现在去 在线商店 → 主题 点击 定制 以您的实时主题为准。

使用顶部的页面下拉菜单选择您刚刚创建的新页面和模板。在左侧面板中，单击 添加部分 → 自定义液体.

将您的 Mindbody 预订小部件代码粘贴到框中。代码如下所示：

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

替换 XXXXXXXXXXX 使用您在 Mindbody 中的专属小部件 ID。点击 节省预订小部件预览将立即显示。

步骤 4：使页面可见

返回 在线商店 → 页面 打开你的页面。

放 可见性 → 可见然后点击 节省请访问该页面的网址，确认小部件已加载且您的日程安排已显示。

步骤 5：将页面添加到您的商店菜单

最后一步：让页面易于查找。前往 在线商店 → 导航 打开你的 主菜单.

点击 添加菜单项将其命名为“立即预订”，并将其链接到您创建的页面。点击 添加， 然后 节省.

好了，顾客现在可以直接从您的商店预订了。

（可选）添加注册页面

如果您还需要注册页面，请使用以下注册小部件代码重复步骤 1 至 4：

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

然后将这两个页面交叉链接，以便客户可以轻松地在预订和注册之间切换。

---

第二部分：如何在没有 Mindbody 支付处理的情况下通过 Shopify 销售商品

在某些地区，Mindbody 的商户支付功能不可用，这意味着您无法直接通过 Mindbody 收款。好消息是：您仍然可以在 Shopify 上销售服务、套餐和会员资格，所有信息都会正确导入 Mindbody。流程只是略有不同，改为“先购买，后预订”。

流程是如何运作的

1. 顾客在您的 Shopify 商店购买服务、套餐或会员资格。
2. 购物通 创建或匹配他们的 Mindbody 客户记录并记录购买情况，因此他们的信用额度已在 Mindbody 中存档。
3. 顾客随后登录 Mindbody 预订实际的课程或预约。

ShopConnect 连接了这两个系统。客户在 Shopify 中付款，ShopConnect 会确保这笔交易自动显示在 Mindbody 中对应的客户信息下，无需您重新输入任何内容。

唯一的瑕疵，以及如何将其磨平

如果你没有做好准备，客户可能会遇到一个困惑的时刻。客户在你的 Shopify 商店付款后，Mindbody 会发送一封包含密码的邮件。对于从未听说过“Mindbody”的客户来说，这封邮件看起来像垃圾邮件，他们可能会忽略它。然后，他们会疑惑自己的课程在哪里。

解决之道在于沟通。文档建议使用单一的沟通方式。 主信息 您可以在客户购买后收到的电子邮件中重复使用这些内容：

感谢您在我们网上商店购物！请留意查收来自我们在线预订系统发送的密码邮件。 身心在线设置密码后，点击 这里 预约您的课程或课程。

“这里”链接到您的预订页面（与您在第一部分中创建的 Shopify“立即预订”页面相同，或另一个网站上的等效页面）。

信息发送位置：三封电子邮件

客户购买商品后收到的三封电子邮件中，主信息都会有所不同。

邮件 1：Shopify 订单确认邮件。 在 Shopify 中，转到 设置 → 通知 → 订单确认在邮件顶部、订单摘要上方添加主信息。这样可以在客户结账时，趁他们注意力还在集中的时候，就明确告知他们预期内容。

邮件 2：Mindbody 的“忘记登录信息”邮件。 这是一封共享的自动电子邮件，因此您无法完全替换它。请改为在现有内容后添加一个条件语句块：

“您刚刚在我们网上商店购买了商品吗？ 使用上述信息登录后，点击 这里 要预约您购买的课程或服务，您的购买信息已存档。

您可以在 Mindbody Business 的自动电子邮件设置中找到此选项。它会向客户提供登录信息，并将其与他们刚刚完成的购买关联起来。

邮件 3：Mindbody 欢迎邮件。 编辑企业模式版本，因为 ShopConnect 是在企业模式下创建客户的。添加相同类型的代码块：

“您刚刚在我们网上商店购买了商品吗？ 登录您的帐户，然后点击 这里 要预约您购买的课程或服务，您的购买信息已存档。

Mindbody Business 的自动发送邮件中也包含了这一内容。它强化了注册过程中的预订环节。

“此处”链接应指向哪里

每个“此处”链接都应将客户引导至嵌入了 Mindbody 品牌网页预订组件的页面。您有两种选择：

• Shopify页面 （需要基础套餐或更高级别套餐，入门套餐不包含此功能）。这与第一部分中的“立即预订”页面完全相同。
• 外部网站。 如果您的预订页面托管在 Squarespace、Wix、WordPress 或其他平台上，请将小部件嵌入到该平台，并将链接指向该小部件。

无论哪种方式，它都与第一部分末尾显示的页面相同：顶部是说明文字，下方是预订小部件。

一个值得了解的背景

ShopConnect包含一个 Send_mbo_password_reset_email 此设置控制 ShopConnect 是否自动触发 Mindbody 密码重置邮件。了解此设置非常重要，以便您可以调整邮件内容，使其与实际发送的内容保持一致。

---

为什么这很重要

一个预订小工具和三封编辑过的邮件听起来似乎微不足道。但它们却能弥合在线销售健身和健康服务时最常见的鸿沟：从“我已付款”到“我已预订成功”之间的那个环节。正是在这个环节，客户会感到困惑、放弃预订，或者发邮件询问他们的课程去哪儿了。

将预订插件直接添加到您的 Shopify 商店，省去了中间环节。预先准备好购买后的电子邮件，避免了意外情况的发生。而 ShopConnect 则省去了中间的手动操作，自动将购买信息匹配到正确的 Mindbody 客户，这样您就无需手动核对两个系统了。

要点总结

• 预订小部件是 Shopify 上的一个五步任务。 创建一个页面，为其指定一个模板，通过 Custom Liquid 插入您的 Mindbody 小部件代码，使其可见，并将其添加到您的菜单中。
• 您可以在 Shopify 上销售商品，无需 Mindbody 进行支付处理。 流程变为“先购买，后预订”，ShopConnect 会自动将每笔购买记录到正确的 Mindbody 客户名下。
• 在无需支付的处理流程中，沟通才是关键。 一条主信息，经过三封电子邮件的调整，避免了“这封 Mindbody 密码邮件是什么？”的困惑。
• 您的“此处”链接和预订小部件应该指向同一个页面。 一次构建，即可在任何地方链接。

如果您正在使用 ShopConnect，并且希望帮助您将 Shopify 商店和 Mindbody 连接起来，请联系 APIANT 团队，我们很乐意为您提供帮助。