Как добавить виджет бронирования Mindbody в ваш магазин Shopify

Клиент находит вашу студию в интернете, заходит в ваш магазин на Shopify и покупает абонемент на 10 занятий. Отлично. А что дальше? Во многих системах именно на этом этапе процесс покупки и останавливается. Клиент оплатил занятие, но у него нет очевидного способа записаться, и через несколько минут он получает непонятное письмо с паролем от компании под названием «Mindbody», о которой он никогда не слышал.

Это руководство решает обе проблемы. Сначала мы расскажем, как добавить виджет бронирования Mindbody непосредственно в ваш магазин Shopify, чтобы клиенты могли бронировать всего за несколько кликов. Затем мы рассмотрим, как продавать на Shopify, даже если вы не можете использовать платежную систему Mindbody, и как ShopConnect незаметно объединяет две системы за кулисами.

Вам не обязательно быть разработчиком. Если вы умеете редактировать страницы в Shopify, вы сможете сделать всё это.

---

Часть 1: Добавьте виджет бронирования Mindbody в свой магазин Shopify.

Цель проста: страница «Забронировать сейчас» в вашем магазине Shopify, которая отображает актуальное расписание занятий Mindbody, чтобы клиенты могли забронировать место, не покидая ваш сайт.

Что вам понадобится в первую очередь

• Ваш разум и тело Фирменный веб-сайт Фрагмент кода виджета (вы получите его в своей учетной записи Mindbody)
• Тарифный план Shopify с интернет-магазином (Basic, Grow, Advanced или Plus)
• Административный доступ к вашему магазину Shopify.
• Тема оформления интернет-магазина 2.0 (например, Dawn)

Если у вас всё это есть, вы готовы.

Шаг 1: Создайте страницу

В административной панели Shopify перейдите в... Интернет-магазин → Страницы → Добавить страницу.

Придумайте заголовок, например, «Забронировать сейчас». Этот заголовок также создаст веб-адрес страницы. При желании вы можете добавить короткое вступление в поле «Содержание», а затем нажать кнопку. Сохранять.

Шаг 2: Создайте пользовательский шаблон

Пока вы редактируете страницу, посмотрите на правую сторону страницы, чтобы увидеть... Шаблон Выпадающее меню. Щелкните по нему и выберите. Создать шаблон.

Назовите шаблон в соответствии с названием вашей страницы (например, «book-now») и используйте его. Страница по умолчанию в качестве основы. Щелчок Сохранять.

Это позволит создать собственный шаблон для вашей страницы бронирования, чтобы вы могли вставить виджет, не затрагивая остальную часть вашего магазина.

Шаг 3: Добавьте код виджета в раздел "Custom 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. Нажмите СохранятьИ предварительный просмотр виджета бронирования появится сразу же.

Шаг 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>

Затем создайте перекрестные ссылки между двумя страницами, чтобы клиенты могли легко переключаться между бронированием и регистрацией.

---

Часть 2: Продажа на Shopify без использования системы обработки платежей Mindbody.

В некоторых регионах услуга обработки платежей через Mindbody недоступна, а это значит, что вы не можете принимать платежи напрямую через Mindbody. Хорошая новость: вы по-прежнему можете продавать услуги, пакеты и абонементы на Shopify, и все данные корректно будут отображаться в Mindbody. Просто процесс немного меняется: «сначала покупка, потом бронирование».

Как работает поток

1. Клиент приобретает услугу, пакет услуг или абонемент в вашем магазине Shopify.
2. ShopConnect Создает или сопоставляет запись о клиенте в Mindbody и регистрирует покупку, поэтому информация о его кредитной карте уже имеется в базе данных Mindbody.
3. Затем клиент входит в систему Mindbody, чтобы забронировать фактическое занятие или тренировку.

ShopConnect — это инструмент, который связывает две системы. Клиент оплачивает покупку в Shopify, а ShopConnect гарантирует, что покупка отобразится у нужного клиента в Mindbody без необходимости повторного ввода данных.

Один из недостатков и как его сгладить

Если вы к этому не подготовитесь, то покупатели могут растеряться. После оплаты в вашем магазине Shopify компания Mindbody отправляет им электронное письмо с паролем. Для покупателя, никогда не слышавшего о «Mindbody», это письмо может показаться спамом, и он может его проигнорировать. Затем он задаётся вопросом, где же его занятие.

Решение проблемы — общение. Врачи рекомендуют один вариант. основное сообщение Вы можете использовать эти данные повторно в электронных письмах, которые получают клиенты после покупки:

«Спасибо за покупку в нашем интернет-магазине! Следите за электронным письмом с паролем, которое вы получите от нашей системы онлайн-бронирования». Mindbody OnlineПосле установки пароля нажмите здесь Чтобы записаться на прием или на занятие.

Слово «здесь» ведет на вашу страницу бронирования (ту же самую страницу Shopify «Забронировать сейчас», которую вы создали в Части 1, или аналогичную страницу на другом веб-сайте).

Куда разместить сообщение: три электронных письма

Основное сообщение адаптируется для всех трех электронных писем, которые клиент получает после покупки.

Электронное письмо 1: подтверждение заказа Shopify. В Shopify перейдите в Настройки → Уведомления → Подтверждение заказаДобавьте основное сообщение в верхней части письма, над кратким описанием заказа. Это поможет сформировать у клиента нужное впечатление в момент оформления заказа, пока он еще внимателен.

Электронное письмо 2: письмо от Mindbody с сообщением «Забыли данные для входа?». Это автоматическое письмо, рассылаемое всем пользователям, поэтому полностью заменить его нельзя. Вместо этого добавьте условный блок после существующего содержимого:

“Вы только что совершили покупку в нашем интернет-магазине? После входа в систему с использованием указанных выше данных, нажмите здесь Чтобы записаться на прием или занятие, которое вы приобрели, ваша покупка уже внесена в вашу базу данных.

Это можно найти в настройках автоматической рассылки электронных писем Mindbody Business. Это позволяет клиенту получить свои учетные данные и связать их с только что совершенной покупкой.

Электронное письмо № 3: приветственное письмо от Mindbody. Отредактируйте версию для бизнес-режима, поскольку ShopConnect создает клиентов в бизнес-режиме. Добавьте аналогичный блок:

“Вы только что совершили покупку в нашем интернет-магазине? Войдите в свою учетную запись, затем нажмите здесь Чтобы записаться на прием или занятие, которое вы приобрели, ваша покупка уже внесена в вашу базу данных.

Это также присутствует в автоматизированных электронных письмах Mindbody Business. Это усиливает эффект от бронирования на этапе регистрации.

Куда должны указывать ссылки «здесь»

Каждая ссылка «здесь» должна вести клиентов на страницу со встроенным виджетом бронирования Mindbody Branded Web. У вас есть два варианта:

• Страница Shopify (Требуется базовый план или выше, недоступно в стартовом плане). Это в точности страница «Забронировать сейчас» из части 1.
• Внешний веб-сайт. Если ваша страница бронирования размещена на Squarespace, Wix, WordPress или другой платформе, встройте виджет туда и укажите ссылки на него.

В любом случае, это та же страница, что и в конце первой части: пояснительный текст вверху, виджет бронирования внизу.

Место, которое стоит узнать.

ShopConnect включает в себя Send_mbo_password_reset_email Это параметр, который определяет, будет ли ShopConnect автоматически отправлять электронное письмо для сброса пароля Mindbody. Стоит знать о его существовании, чтобы вы могли согласовать свои электронные сообщения с тем, что фактически отправляется.

---

Почему это важно

Виджет бронирования и три отредактированных электронных письма звучат не очень впечатляюще. Но вместе они закрывают самый распространенный пробел в онлайн-продаже фитнес- и велнес-услуг: момент между «Я заплатил» и «Я забронировал». Именно в этот момент клиенты путаются, сдаются или пишут вам с вопросом, куда они попали на занятие.

Размещение виджета бронирования непосредственно в вашем магазине Shopify устраняет необходимость в промежуточном взаимодействии. Подготовка электронных писем после покупки исключает неожиданности. А ShopConnect избавляет от ручной работы, сопоставляя покупки с нужным клиентом Mindbody, так что вам не придется вручную сверять данные в двух системах.

Основные выводы

• Виджет бронирования — это пятиэтапная задача в Shopify. Создайте страницу, задайте ей шаблон, вставьте код виджета Mindbody, используя Custom Liquid, сделайте его видимым и добавьте в меню.
• На Shopify можно продавать товары без использования платежной системы Mindbody. Процесс становится "сначала покупка, потом бронирование", и ShopConnect автоматически регистрирует каждую покупку в соответствующем клиенте Mindbody.
• В системе без обработки платежей все решает коммуникация. Одно общее сообщение, адаптированное для трех электронных писем, предотвращает путаницу типа «что это за письмо с паролем от Mindbody?».
• Ссылки «здесь» и виджет бронирования должны находиться на одной странице. Создайте один раз, и размещайте ссылки на него повсюду.

Используете ShopConnect и хотите получить помощь в настройке взаимодействия вашего магазина Shopify и Mindbody? Свяжитесь с командой APIANT, мы с удовольствием поможем вам в этом.