Cómo agregar un widget de reservas de Mindbody a tu tienda Shopify

Un cliente encuentra tu estudio en línea, visita tu tienda de Shopify y compra un paquete de 10 clases. Perfecto. ¿Y ahora qué? En muchos casos, ahí es donde la experiencia se estanca. El cliente ha pagado, pero no tiene una forma clara de reservar una clase y, minutos después, recibe un correo electrónico con una contraseña confusa de una empresa llamada "Mindbody" de la que nunca ha oído hablar.

Esta guía soluciona ambos problemas. Primero, te mostraremos cómo añadir un widget de reservas de Mindbody directamente a tu tienda Shopify para que tus clientes puedan reservar con solo unos clics. Luego, te explicaremos cómo vender en Shopify aunque no puedas usar el sistema de pago de Mindbody, y cómo ShopConnect integra ambos sistemas de forma transparente.

No necesitas ser desarrollador. Si sabes editar una página en Shopify, puedes hacer todo esto.

---

Parte 1: Añade un widget de reservas de Mindbody a tu tienda Shopify.

El objetivo es sencillo: una página de "Reservar ahora" en tu tienda Shopify que muestre el horario de Mindbody en tiempo real, para que los clientes puedan reservar sin salir de tu sitio web.

Lo que necesitarás primero

• Tu mente y cuerpo Web de marca Fragmento de código del widget (lo obtienes de tu cuenta de Mindbody)
• Un plan de Shopify con tienda online (Básico, Grow, Avanzado o Plus)
• Acceso de administrador a tu tienda Shopify
• Un tema para tienda online 2.0 (como Dawn)

Si tienes todo eso, estás listo.

Paso 1: Crear la página

En tu panel de administración de Shopify, ve a Tienda online → Páginas → Añadir página.

Asígnale un título como “Reservar ahora”. Ese título también crea la dirección web de la página. Si lo deseas, puedes añadir una breve introducción en el cuadro de contenido y luego hacer clic. Ahorrar.

Paso 2: Crea una plantilla personalizada

Mientras aún editas la página, mira el lado derecho para ver Plantilla menú desplegable. Haz clic en él y elige Crear plantilla.

Nombra la plantilla como tu página (por ejemplo, “reservar-ahora”) y úsala Página predeterminada como base. Haga clic. Ahorrar.

Esto le da a tu página de reservas su propia plantilla para que puedas insertar el widget sin afectar al resto de tu tienda.

Paso 3: Agregue el código del widget con una sección Liquid personalizada.

Ahora ve a Tienda online → Temas y haga clic Personalizar en tu tema en vivo.

Utilice el menú desplegable de páginas en la parte superior para seleccionar la nueva página y la plantilla que acaba de crear. En el panel izquierdo, haga clic en Agregar sección → Líquido personalizado.

Pega el código de tu widget de reservas de Mindbody en el recuadro. Tiene este aspecto:

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

Reemplazar el XXXXXXXXXXX con tu propio ID de widget de Mindbody. Haz clic aquí. Ahorrary la vista previa del widget de reservas aparecerá inmediatamente.

Paso 4: Hacer visible la página

Regresa a Tienda online → Páginas y abre tu página.

Colocar Visibilidad → Visible, luego haga clic AhorrarVisita la dirección web de la página para confirmar que el widget se carga y que aparece tu horario.

Paso 5: Añade la página al menú de tu tienda.

Último paso: haga que la página sea fácil de encontrar. Vaya a Tienda online → Navegación y abre tu Menú principal.

Hacer clic Agregar elemento al menú, nómbralo “Reservar ahora” y enlaza con la página que creaste. Haz clic. Agregar, entonces Ahorrar.

Eso es todo. Los clientes ya pueden reservar directamente desde tu tienda.

Opcional: añade también una página de registro.

Si también desea una página de registro, repita los pasos del 1 al 4 con este código de widget de registro:

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

A continuación, crea enlaces entre las dos páginas para que los clientes puedan navegar fácilmente entre la reserva y el registro.

---

Parte 2: Vender en Shopify sin el procesamiento de pagos de Mindbody

En algunas regiones, el procesamiento de pagos de Mindbody no está disponible, lo que significa que no puedes recibir pagos directamente a través de Mindbody. La buena noticia es que aún puedes vender servicios, paquetes y membresías en Shopify y todo se registrará correctamente en Mindbody. El proceso simplemente cambia ligeramente: primero se compra y luego se reserva.

Cómo funciona el flujo

1. Un cliente compra un servicio, paquete o membresía en tu tienda Shopify.
2. ShopConnect crea o vincula su registro de cliente de Mindbody y registra la compra, por lo que su crédito ya está archivado en Mindbody.
3. A continuación, el cliente inicia sesión en Mindbody para reservar su cita o clase.

ShopConnect es el sistema que conecta ambos sistemas. El cliente paga en Shopify y ShopConnect se encarga de que la compra aparezca registrada con el cliente correcto en Mindbody sin que tengas que volver a introducir ningún dato.

El único borde áspero y cómo suavizarlo.

Hay un momento que puede confundir a los clientes si no estás preparado. Después de que pagan en tu tienda Shopify, Mindbody les envía un correo electrónico con la contraseña. Para un cliente que nunca ha oído hablar de Mindbody, ese correo puede parecer spam y es posible que lo ignore. Entonces se preguntan dónde está su clase.

La solución es la comunicación. Los documentos recomiendan una única mensaje maestro reutilizas el contenido en los correos electrónicos que reciben los clientes después de la compra:

“¡Gracias por realizar esta compra en nuestra tienda en línea! Esté atento al correo electrónico con su contraseña de nuestro software de reservas en línea, Cuerpo mental en líneaUna vez que hayas configurado tu contraseña, haz clic. aquí Para reservar su cita o clase.”

La palabra “aquí” enlaza con tu página de reservas (la misma página de Shopify “Reservar ahora” que creaste en la Parte 1, o una página equivalente en otro sitio web).

Dónde colocar el mensaje: tres correos electrónicos

El mensaje principal se adapta a los tres correos electrónicos que recibe un cliente después de una compra.

Correo electrónico 1: la confirmación del pedido de Shopify. En Shopify, ve a Configuración → Notificaciones → Confirmación de pedidoAñade el mensaje principal cerca de la parte superior del correo electrónico, encima del resumen del pedido. Esto genera expectativas en el momento en que el cliente finaliza la compra, mientras aún está prestando atención.

Correo electrónico 2: el correo electrónico de Mindbody "Olvidé mi información de inicio de sesión". Este es un correo electrónico automático compartido, por lo que no puede reemplazarlo por completo. En su lugar, agregue un bloque condicional después del contenido existente:

“¿Acabas de realizar una compra en nuestra tienda online? Después de iniciar sesión con la información anterior, haga clic aquí. aquí Para reservar la cita o la clase que compró, su compra ya está registrada.

Encontrarás esta opción en la configuración de correo electrónico automatizado de Mindbody Business. Proporciona al cliente sus datos de inicio de sesión y los vincula con la compra que acaba de realizar.

Correo electrónico 3: el correo electrónico de bienvenida de Mindbody. Edita la versión en modo empresarial, ya que ShopConnect crea clientes en modo empresarial. Añade el mismo tipo de bloque:

“¿Acabas de realizar una compra en nuestra tienda online? Inicia sesión en tu cuenta y luego haz clic. aquí Para reservar la cita o la clase que compró, su compra ya está registrada.

Esto también se incluye en los correos electrónicos automatizados de Mindbody Business. Refuerza el paso de reserva durante el proceso de incorporación.

Hacia dónde deberían apuntar los enlaces "aquí".

Cada enlace "aquí" debe dirigir a los clientes a una página con su widget de reservas web de la marca Mindbody integrado. Tiene dos opciones:

• Una página de Shopify (Requiere el plan Básico o superior; no está disponible en el plan Inicial). Esta es exactamente la página de “Reservar ahora” de la Parte 1.
• Un sitio web externo. Si tu página de reservas está alojada en Squarespace, Wix, WordPress u otra plataforma, inserta el widget allí y redirige los enlaces a esa página.

En cualquier caso, es la misma página que se muestra al final de la Parte 1: texto explicativo en la parte superior y el widget de reservas en la parte inferior.

Un entorno que vale la pena conocer

ShopConnect incluye un Send_mbo_password_reset_email Configuración que controla si ShopConnect activa automáticamente el correo electrónico de restablecimiento de contraseña de Mindbody. Es importante saber que existe esta opción para que puedas adaptar tus mensajes de correo electrónico al contenido real del mensaje.

---

Por qué esto importa

Un widget de reservas y tres correos electrónicos editados no parecen gran cosa. Pero juntos solucionan el problema más común al vender servicios de fitness y bienestar en línea: el momento entre "Pagué" y "Reservé mi plaza". En ese lapso es donde los clientes se confunden, se rinden o te escriben preguntando qué pasó con su clase.

Integrar el widget de reservas directamente en tu tienda Shopify elimina la necesidad de transferir información. Preparar los correos electrónicos posteriores a la compra evita sorpresas. Y ShopConnect elimina el trabajo manual intermedio, asociando las compras con el cliente Mindbody correcto para que no tengas que conciliar dos sistemas manualmente.

Conclusiones

• El widget de reservas es una tarea de Shopify que consta de cinco pasos. Crea una página, asígnale una plantilla, inserta el código de tu widget Mindbody mediante Custom Liquid, hazlo visible y añádelo a tu menú.
• Puedes vender en Shopify sin necesidad de procesar pagos con Mindbody. El proceso se convierte en "comprar primero, reservar después", y ShopConnect registra automáticamente cada compra con el cliente de Mindbody correspondiente.
• La comunicación lo es todo en el proceso de gestión de pagos sin pago. Un mensaje principal, adaptado a través de tres correos electrónicos, evita la confusión del tipo "¿qué es este correo electrónico de contraseña de Mindbody?".
• Los enlaces "aquí" y el widget de reservas deben estar en la misma página. Créalo una vez y enlaza con él desde todas partes.

¿Utilizas ShopConnect y necesitas ayuda para integrar tu tienda Shopify con Mindbody? Ponte en contacto con el equipo de APIANT; estaremos encantados de ayudarte.